:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#080d18;color:#f8fafc;--panel:#111827;--panel-2:#172033;--line:#334155;--gold:#facc15;--muted:#94a3b8}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 50% -10%,#1e3a5f,#080d18 60%)}button,select,input{font:inherit;color:inherit}button,select{background:#1e293b;border:1px solid #475569;border-radius:.5rem;padding:.65rem .85rem;cursor:pointer}button:hover:not(:disabled),button:focus-visible,select:focus-visible,input:focus-visible{border-color:var(--gold);outline:2px solid #facc1555}button:disabled{cursor:not-allowed;opacity:.45}.game-shell{width:min(1240px,calc(100% - 2rem));margin:auto;padding:1.5rem 0 3rem}.site-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.eyebrow{color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin:0 0 .4rem}h1{font-size:clamp(2rem,5vw,4rem);font-style:italic;letter-spacing:-.06em;text-transform:uppercase;margin:0}h1 span{color:#64748b;font-size:.4em;letter-spacing:0}.header-actions{display:flex;gap:.5rem}.battle-hud{display:grid;grid-template-columns:1fr minmax(280px,1.25fr) 1fr;gap:.75rem;margin-bottom:1rem;position:relative;z-index:2}.player-card,.match-card,.control-panel,.status-panel{background:linear-gradient(145deg,#151f33,#0f172a);border:1px solid var(--line);border-radius:.75rem;padding:1rem}.player-card{--player-color:#94a3b8;opacity:.82;transition:.2s}.player-card.is-active{opacity:1;border-color:var(--player-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--player-color),transparent 55%)}.player-card.is-dead{filter:grayscale(1);opacity:.35}.player-line{display:flex;justify-content:space-between;gap:.5rem;font-size:.9rem}.player-line strong{color:var(--player-color);letter-spacing:.05em}.player-line output{font-variant-numeric:tabular-nums;color:#fff;font-weight:700}.health-track,.charge-track{height:1rem;border:1px solid #64748b;border-radius:99px;background:#020617;overflow:hidden;margin-top:.7rem}.health-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--player-color),#fff);transition:width .2s}.match-card{text-align:center;padding:.7rem 1rem}.match-meta{display:flex;justify-content:space-between;gap:.6rem;font-size:.68rem;color:var(--muted);text-transform:uppercase}.match-meta strong{display:block;color:var(--gold);font-size:.85rem;margin-top:.15rem}.wind-meter{height:1rem;border:1px solid #64748b;background:#020617;border-radius:99px;position:relative;overflow:hidden;margin:1rem 0 .35rem}.wind-center{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#f8fafc;z-index:1}.wind-fill{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,#38bdf8,#facc15);transition:left .2s,width .2s}.match-card output{font-size:.78rem;color:#fff}.charge{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;align-items:center;margin-top:.7rem;color:var(--gold);font-size:.75rem}.charge-track{margin:0}.charge-fill{height:100%;width:0;background:linear-gradient(90deg,#facc15,#fb7185);transition:width .1s}.play-area{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:1rem;align-items:start}.viewport{position:relative;overflow:hidden;border-radius:.75rem}.game-canvas{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:.75rem;background:#0f172a;touch-action:none}.game-overlay{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:2rem;background:#020617aa;backdrop-filter:blur(3px);border-radius:.75rem;pointer-events:none}.game-overlay h2{font-size:clamp(2rem,7vw,4.5rem);font-style:italic;text-transform:uppercase;margin:0;color:var(--gold)}.game-overlay p{color:#e2e8f0;margin:.5rem 0 1rem}.game-overlay button{justify-self:center;pointer-events:auto}.control-panel h2{margin:.1rem 0 .3rem}.active-weapon{color:var(--muted);font-size:.8rem;margin:.3rem 0 1rem}.active-weapon strong,.weapon-icon{color:var(--gold)}.weapon-icon{font-size:1.4rem;vertical-align:middle}.weapon-menu{display:grid;gap:.5rem;margin-bottom:1rem}.weapon-button{display:flex;justify-content:space-between;text-align:left}.weapon-button.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.control-panel label{display:block;color:var(--muted);font-size:.8rem;margin:.8rem 0 .3rem}.control-panel select{width:100%}.help{color:var(--muted);font-size:.78rem;line-height:1.6;margin:1rem 0}.save-actions{display:grid;gap:.5rem}.touch-controls{display:none;justify-content:space-between;gap:.75rem;margin-top:1rem}.touch-controls div{display:flex;gap:.5rem}.touch-controls button{min-width:3.2rem;min-height:3rem}.status-panel{margin-top:1rem;display:grid;grid-template-columns:1fr 2fr;gap:1rem}.status-panel p{margin:0;color:#cbd5e1}.status-panel ol{max-height:10rem;overflow:auto;margin:0;padding-left:1.3rem;color:var(--muted);font-size:.8rem}.status-panel li{margin:.3rem 0}.settings-panel{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:1rem;background:#020617cc;backdrop-filter:blur(5px)}.settings-panel[hidden]{display:none}.settings-card{width:min(420px,100%);padding:1.25rem;background:#111827;border:1px solid #475569;border-radius:.8rem;box-shadow:0 1rem 4rem #0008}.settings-card h2{margin-top:0}.settings-card>label{display:block;margin:.9rem 0 .35rem;color:#cbd5e1}.setting-check{display:flex!important;align-items:center;gap:.6rem}.setting-range{display:grid;grid-template-columns:1fr auto;gap:.8rem;align-items:center}.setting-range input{width:100%}.settings-card select{width:100%}.settings-note{font-size:.78rem;color:var(--muted)}@media(max-width:760px){.game-shell{width:min(100% - 1rem,1240px);padding-top:1rem}.site-header{align-items:start;flex-direction:column}.header-actions{width:100%;flex-wrap:wrap}.header-actions button{flex:1}.battle-hud{grid-template-columns:1fr 1fr}.match-card{grid-column:1/-1;order:-1}.play-area{grid-template-columns:1fr}.control-panel{order:-1}.touch-controls{display:flex}.status-panel{grid-template-columns:1fr}.game-overlay{padding:1rem}.match-meta{font-size:.6rem}}