html,body{width:100%;height:100%;margin:0;-webkit-user-select:none;user-select:none}body{overflow:hidden;font-family:system-ui,sans-serif;background:#20242a}button,select{font:inherit}label{color:#fff;font-size:13px}#game-shell{position:relative;width:100vw;height:100vh;overflow:hidden}#game-root{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}#game-root canvas{display:block;width:100%;height:100%}#ui-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.placeholder-view{display:grid;place-items:center;width:100%;height:100%;background:#87ceeb;color:#111;font-size:24px}.settings-overlay{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:14px;padding:10px 16px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(180deg,#181c26eb,#0a0c12f0);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 40px #00000073,0 0 24px #ffcc330d;pointer-events:auto}.settings-overlay label{color:#ffffffb8;font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.settings-overlay select{height:38px;padding:0 36px 0 14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:#fff;font-size:14px;font-weight:700;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:inset 0 1px #ffffff0f,0 4px 14px #0000003d;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.settings-overlay select:hover,.settings-overlay select:focus{border-color:#fc39;background:linear-gradient(180deg,#ffcc3314,#ffcc3308);box-shadow:0 0 18px #ffcc331f,0 6px 18px #0000004d}#engine-select{width:170px}.locale-flags{display:flex;align-items:center;gap:8px}.locale-flag{width:38px;height:32px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:linear-gradient(180deg,#ffffff14,#ffffff08);font-size:20px;line-height:1;cursor:pointer;box-shadow:inset 0 1px #ffffff0f,0 4px 14px #00000038;transition:transform .12s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.locale-flag:hover{transform:translateY(-1px);border-color:#ffcc3373;background:linear-gradient(180deg,#ffcc331a,#ffcc330a);box-shadow:0 0 16px #ffcc331a,0 6px 18px #00000047}.locale-flag.active{border-color:#ffcc33bf;background:linear-gradient(180deg,#fc33,#ffcc3312);box-shadow:0 0 18px #ffcc3329,0 6px 18px #0000004d}.audio-toggles{display:flex;align-items:center;gap:8px}.audio-toggle{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff14;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.audio-toggle:hover{transform:translateY(-1px);background:#ffffff1f;border-color:#fff3}.audio-toggle:active{transform:translateY(0)}.audio-icon{font-size:18px;line-height:1;-webkit-user-select:none;user-select:none;pointer-events:none}.audio-cross{position:absolute;right:2px;bottom:1px;font-size:10px;line-height:1;opacity:0;transform:scale(.7);transition:opacity .12s ease,transform .12s ease;pointer-events:none;-webkit-user-select:none;user-select:none}.audio-toggle.muted .audio-cross{opacity:1;transform:scale(1)}.audio-toggle.muted{opacity:.7}.hud{position:absolute;top:18px;left:18px;right:18px;z-index:15;display:flex;flex-wrap:wrap;gap:12px;pointer-events:none}.hud-player{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;width:min(240px,calc(100vw - 36px));padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(180deg,#181c26db,#080a10e6);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 34px #0000006b,0 0 24px #ffcc330a;pointer-events:auto}.hud-player-local{border-color:#ffcc33b3;box-shadow:0 12px 34px #0000006b,0 0 24px #ffcc3324}.hud-player-portrait{width:58px;height:58px;object-fit:contain}.hud-player-content{display:grid;gap:8px;min-width:0}.hud-player-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.hud-player-top strong{overflow:hidden;color:#fff;font-size:15px;font-weight:900;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}.hud-player-score{flex:0 0 auto;color:#fc3;font-size:14px;font-weight:900;text-shadow:0 0 12px rgba(255,204,51,.24)}.hud-hp-row{display:grid;grid-template-columns:auto 120px;align-items:center;gap:8px}.hud-hp-icon{font-size:16px;filter:drop-shadow(0 0 8px rgba(255,80,100,.4))}.hud-hp-segments{display:grid;gap:4px;width:120px;height:12px}.hud-hp-segment{min-width:0;height:100%;border:1px solid rgba(255,255,255,.08);border-radius:5px;background:#00000059}.hud-hp-segment-active{border-color:#ffcc3352;background:linear-gradient(90deg,#ff475f,#fc3);box-shadow:0 0 10px #ff506459}.character-select{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:clamp(12px,2vw,24px) clamp(16px,3vw,32px) 96px;overflow:auto;background:radial-gradient(circle at 50% 20%,rgba(255,204,51,.12),transparent 34%),linear-gradient(180deg,#060a10eb,#020408fa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.character-select[hidden]{display:none}.character-select-panel{width:min(920px,calc(100vw - 32px))}.character-select-title{margin:0 0 clamp(10px,2vh,18px);color:#fff;font-size:clamp(32px,5vw,54px);line-height:1;font-weight:900;text-align:center;letter-spacing:1px;text-shadow:0 4px 18px rgba(0,0,0,.45),0 0 24px rgba(255,204,51,.12)}.character-carousel{display:grid;grid-template-columns:clamp(48px,7vw,72px) minmax(0,1fr) clamp(48px,7vw,72px);align-items:center;gap:clamp(10px,2vw,24px)}.character-carousel-arrow{width:clamp(48px,7vw,72px);height:clamp(48px,7vw,72px);display:flex;align-items:center;justify-content:center;padding:0 0 6px;border:1px solid rgba(255,204,51,.28);border-radius:999px;background:linear-gradient(180deg,#ffffff14,#ffffff05);color:#fc3;font-size:clamp(40px,6vw,58px);line-height:1;cursor:pointer;pointer-events:auto;box-shadow:0 16px 36px #0000006b,0 0 24px #ffcc3314;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.character-carousel-arrow span{transform:translateY(-3px)}.character-carousel-arrow:hover,.character-carousel-arrow:focus-visible{transform:scale(1.06);border-color:#ffcc33e6;background:#ffcc3314;box-shadow:0 20px 44px #00000085,0 0 32px #ffcc332e;outline:none}.character-card{display:grid;gap:clamp(8px,1.6vh,16px);padding:clamp(16px,3vw,30px) clamp(16px,3vw,34px);border:1px solid rgba(255,204,51,.35);border-radius:clamp(22px,3vw,34px);background:radial-gradient(circle at 50% 14%,rgba(255,204,51,.16),transparent 32%),linear-gradient(180deg,#ffffff0f,#ffffff04);color:#fff;cursor:pointer;text-align:center;pointer-events:auto;overflow:hidden;box-shadow:0 34px 90px #0000008f,0 0 44px #ffcc3314;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.character-card:hover,.character-card:focus-visible{border-color:#fc3;box-shadow:0 40px 100px #0000009e,0 0 54px #ffcc3329;outline:none}.character-card-image{width:clamp(140px,24vh,250px);height:clamp(140px,24vh,250px);justify-self:center;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(0,0,0,.48)) drop-shadow(0 0 34px rgba(255,204,51,.1))}.character-card strong{font-size:clamp(34px,5vh,54px);line-height:1;font-weight:900;letter-spacing:1px;text-shadow:0 4px 14px rgba(0,0,0,.45),0 0 20px rgba(255,255,255,.08)}.character-divider{display:flex;align-items:center;gap:12px}.character-divider span{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,204,51,.45),transparent)}.character-divider-paw{color:#fc3;font-size:clamp(16px,2vw,20px);filter:drop-shadow(0 0 8px rgba(255,204,51,.35))}.character-card dl{display:grid;gap:clamp(8px,1.5vh,14px);margin:0;text-align:left}.character-card dl div{display:grid;grid-template-columns:minmax(110px,160px) 1fr;align-items:center;gap:clamp(10px,2vw,16px);padding:clamp(10px,1.6vh,16px) clamp(12px,2vw,18px);border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(90deg,#ffffff0a,#ffffff03)}.character-card dt{display:flex;align-items:center;color:#fff;font-size:clamp(15px,2vw,18px);font-weight:800}.character-stat-icon{display:inline-flex;align-items:center;justify-content:center;width:clamp(22px,3vw,28px);margin-right:12px;font-size:clamp(18px,3vw,24px)}.character-card dd{margin:0;color:#fc3;font-size:clamp(20px,3vw,28px);font-weight:900;letter-spacing:clamp(2px,.5vw,4px);text-shadow:0 0 14px rgba(255,204,51,.3)}.character-controls-hint{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,22px);margin-top:4px;opacity:.72}.character-control-group{display:flex;align-items:center;gap:10px;color:#ffffffd1;font-size:clamp(13px,1.8vw,15px);font-weight:700}.character-control-separator{width:1px;height:28px;background:#ffffff1f}.character-controls-hint kbd{padding:6px 12px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:linear-gradient(180deg,#ffffff14,#ffffff08);color:#fff;font-size:clamp(12px,1.7vw,14px);font-weight:800;box-shadow:inset 0 1px #ffffff14,0 6px 18px #00000057}@media(max-width:720px){.character-carousel{grid-template-columns:48px minmax(0,1fr) 48px}.character-controls-hint{flex-direction:column;gap:10px}.character-control-separator{display:none}.character-card dl div{grid-template-columns:1fr;gap:6px}}@media(max-height:720px){.character-select{padding-bottom:82px}.character-card{gap:8px}.character-card-image{width:clamp(120px,20vh,180px);height:clamp(120px,20vh,180px)}.character-card strong{font-size:clamp(28px,4vh,42px)}.character-controls-hint{margin-top:0}}@media(max-height:580px)and (orientation:landscape){.character-select{place-items:start center;padding-top:10px;padding-bottom:82px}.character-select-title{margin-bottom:8px;font-size:clamp(24px,6vh,36px)}.character-carousel{grid-template-columns:54px minmax(0,1fr) 54px}.character-card{grid-template-columns:minmax(140px,220px) minmax(260px,1fr);grid-template-areas:"image name" "image stats" "image controls";align-items:center;gap:10px 18px;padding:14px 18px}.character-card-image{grid-area:image;width:min(24vw,180px);height:min(32vh,180px)}.character-card strong{grid-area:name;align-self:end;text-align:left;font-size:clamp(28px,7vh,40px)}.character-divider{display:none}.character-card dl{grid-area:stats}.character-controls-hint{grid-area:controls;justify-content:flex-start}.character-card dl div{grid-template-columns:120px 1fr;padding:8px 12px}}.game-over-popup{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:#0000007a;pointer-events:auto}.game-over-popup[hidden]{display:none!important}.game-over-card{display:grid;justify-items:center;gap:18px;width:min(360px,calc(100vw - 32px));padding:28px;border:1px solid rgba(255,255,255,.18);border-radius:28px;background:linear-gradient(180deg,#232734f5,#10121af5);box-shadow:0 24px 80px #00000073}.game-over-card h2{margin:0;color:#fff;font-size:28px;text-align:center}.game-over-cat{width:180px;height:180px;object-fit:contain;image-rendering:auto}.game-over-score{color:#fff;font-size:22px;font-weight:700}.game-over-restart{min-width:160px;padding:12px 20px;border:0;border-radius:999px;color:#151515;background:#ffd166;font-size:16px;font-weight:800;cursor:pointer}.game-over-restart:hover{transform:translateY(-1px);filter:brightness(1.08)}