:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#eef0dc;--muted:#a7ad97;--panel:#171e18;--panel-2:#202a21;--line:#dfe5cd29;--amber:#e2a640;--amber-light:#ffc964;--teal:#53b6c4;--red:#e56752;color:var(--ink);font-synthesis:none;background:#0d120e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{background:radial-gradient(circle at 70% 20%,#455b3b2e,#0000 36rem),#0d120e;min-width:320px;overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--amber-light);outline-offset:3px}a{color:inherit}.brand{color:var(--ink);letter-spacing:.22em;align-items:center;gap:.75rem;font-size:1.05rem;font-weight:900;text-decoration:none;display:inline-flex}.brand-mark{border:3px solid var(--amber);border-radius:4px;place-items:center;width:36px;height:27px;display:grid;position:relative}.brand-mark:before,.brand-mark:after{content:"";background:repeating-linear-gradient(to bottom, var(--amber) 0 4px, transparent 4px 7px);width:4px;height:31px;position:absolute;top:-5px}.brand-mark:before{left:-7px}.brand-mark:after{right:-7px}.brand-mark span{background:var(--amber);width:17px;height:5px;transform:translate(7px)}.landing{background-image:linear-gradient(#dde6c606 1px,#0000 1px),linear-gradient(90deg,#dde6c606 1px,#0000 1px);background-size:52px 52px;flex-direction:column;min-height:100svh;display:flex}.landing-nav,.game-header{z-index:2;justify-content:space-between;align-items:center;width:min(1400px,100%);margin:0 auto;padding:1.5rem clamp(1.25rem,4vw,4rem);display:flex}.live-label{color:var(--muted);letter-spacing:.18em;font-size:.7rem;font-weight:800}.live-label i,.connection i{background:#7fce79;border-radius:50%;width:7px;height:7px;margin-right:.55rem;display:inline-block;box-shadow:0 0 12px #7fce79}.hero{flex:1;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);align-items:center;width:min(1400px,100%);margin:0 auto;padding:3rem clamp(1.25rem,6vw,6rem) 4rem;display:grid}.hero-copy{z-index:2;max-width:650px}.eyebrow{color:var(--amber);letter-spacing:.24em;margin:0 0 1.1rem;font-size:.72rem;font-weight:900}.hero h1,.join-card h1{letter-spacing:.015em;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(4rem,8vw,7.4rem);font-weight:900;line-height:.83}.hero h1 em,.join-card h1 em{color:#0000;-webkit-text-stroke:2px var(--amber);font-style:normal}.hero-lead{color:#bac0a9;max-width:590px;margin:2rem 0;font-family:Georgia,serif;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.75}.hero-actions{align-items:end;gap:1rem;display:flex}.mode-picker{border:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:.7rem;max-width:590px;margin:0 0 1rem;padding:0;display:grid}.mode-picker legend{color:var(--muted);letter-spacing:.16em;grid-column:1/-1;padding:0;font-size:.68rem;font-weight:900}.mode-option{box-sizing:border-box;border:1px solid var(--line);min-width:0;min-height:82px;color:var(--muted);cursor:pointer;background:#05090652;border-radius:3px;align-items:flex-start;gap:.65rem;padding:.85rem;transition:all .16s;display:flex}.mode-option:hover,.mode-option.selected{background:#e2a64014;border-color:#e2a6408c}.mode-option input{border:1px solid var(--amber);appearance:none;background:0 0;border-radius:50%;flex:0 0 1rem;width:1rem;height:1rem;margin:.1rem 0 0}.mode-option input:checked,.single-player-toggle input:checked{background:var(--amber);box-shadow:inset 0 0 0 .22rem #111712}.mode-option span,.single-player-toggle span,.difficulty-option span{overflow-wrap:anywhere;gap:.3rem;min-width:0;display:grid}.mode-option strong{color:var(--ink);letter-spacing:.08em;font-size:.66rem}.mode-option small{font-size:.7rem;line-height:1.35}.single-player-toggle{box-sizing:border-box;border:1px solid var(--line);min-width:0;max-width:590px;min-height:64px;color:var(--muted);cursor:pointer;background:#05090652;border-radius:3px;align-items:center;gap:.65rem;margin:0 0 .75rem;padding:.75rem;transition:all .16s;display:flex}.single-player-toggle:hover,.single-player-toggle.selected{background:#53b6c414;border-color:#53b6c4a6}.single-player-toggle input,.difficulty-option input{border:1px solid var(--teal);appearance:none;background:0 0;border-radius:50%;flex:0 0 1rem;width:1rem;height:1rem;margin:.1rem 0 0}.single-player-toggle input{border-color:var(--teal);border-radius:2px}.single-player-toggle strong{color:var(--ink);letter-spacing:.08em;font-size:.66rem;display:block}.single-player-toggle small{font-size:.7rem;line-height:1.35}.difficulty-option input:checked{background:var(--teal);box-shadow:inset 0 0 0 .22rem #111712}.difficulty-picker{border:0;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:.55rem;max-width:590px;margin:0 0 1rem;padding:0;display:grid}.difficulty-picker legend{color:var(--muted);letter-spacing:.16em;grid-column:1/-1;padding:0;font-size:.68rem;font-weight:900}.difficulty-option{box-sizing:border-box;border:1px solid var(--line);min-width:0;min-height:64px;color:var(--muted);cursor:pointer;background:#05090652;border-radius:3px;align-items:center;gap:.5rem;padding:.65rem;transition:all .16s;display:flex}.difficulty-option:hover,.difficulty-option.selected{background:#53b6c414;border-color:#53b6c4a6}.difficulty-option strong{color:var(--ink);letter-spacing:.04em;white-space:nowrap;font-size:.58rem;display:block}.difficulty-option small{font-size:.65rem;line-height:1.35}.button{cursor:pointer;letter-spacing:.12em;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;gap:1rem;min-height:52px;padding:.9rem 1.35rem;font-size:.72rem;font-weight:900;text-decoration:none;transition:all .16s;display:inline-flex}.button:disabled{cursor:wait;opacity:.7}.button-primary{color:#17140c;background:var(--amber);box-shadow:0 8px 30px #e2a6402e}.button-primary:hover{background:var(--amber-light);transform:translateY(-2px)}.button-secondary,.button-ready{color:var(--ink);border-color:var(--line);background:#ffffff0f}.button-ready{color:#a4e3aa;border-color:#7ecd7f66}.join-form{min-width:230px}.join-form label{color:var(--muted);margin-bottom:.45rem;font-size:.68rem;font-weight:700;display:block}.join-form>div{border:1px solid var(--line);background:#05090666;height:42px;display:flex}.join-form input{width:150px;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:0 .75rem;font-family:ui-monospace,monospace;font-size:.68rem}.join-form button{border:0;border-left:1px solid var(--line);color:var(--amber);cursor:pointer;background:0 0;font-size:.67rem;font-weight:900}.form-error{color:#ff9e8e;font-size:.82rem}.hero-art{min-height:min(620px,63vh);position:relative;overflow:hidden}.hero-art:before{content:"";border:1px solid #dfe5cd0f;position:absolute;inset:5%;transform:rotate(-5deg)}.radar-ring{border:1px solid #e2a6402e;border-radius:50%;position:absolute;top:48%;left:53%;transform:translate(-50%,-50%)}.ring-one{width:270px;height:270px}.ring-two{width:480px;height:480px}.radar-sweep{background:conic-gradient(from 10deg,#e2a6402e,#0000 25%);border-radius:50%;width:230px;height:230px;animation:8s linear infinite sweep;position:absolute;top:48%;left:53%;transform:translate(-50%,-50%)}@keyframes sweep{to{transform:translate(-50%,-50%)rotate(360deg)}}.hero-tank{border:10px solid #111812;border-width:10px 5px;border-radius:18px;width:128px;height:74px;position:absolute;box-shadow:0 24px 35px #00000073}.hero-tank:before{content:"";background:inherit;border-radius:50%;width:47px;height:47px;position:absolute;top:13px;left:36px;box-shadow:inset 0 0 0 6px #ffffff14}.hero-tank span{background:#242c25;border-radius:5px;width:88px;height:10px;position:absolute;top:30px;left:72px}.hero-tank-one{background:linear-gradient(135deg,#dba03c,#805024);top:54%;left:20%;transform:rotate(-23deg)}.hero-tank-two{background:linear-gradient(135deg,#63bdca,#276775);top:24%;right:12%;transform:rotate(154deg)}.shell-trail{background:linear-gradient(90deg,#0000,#ffbd58cc);width:180px;height:2px;position:absolute;top:42%;left:47%;transform:rotate(-27deg)}.shell-trail i{background:#fff0a5;border-radius:50%;width:12px;height:12px;position:absolute;top:-5px;right:-3px;box-shadow:0 0 18px #ff9c48}.block{background:#41493d;width:110px;height:55px;position:absolute;transform:rotate(-5deg);box-shadow:0 18px 25px #00000047}.block-one{top:17%;left:9%}.block-two{width:150px;bottom:15%;right:3%}.block-three{width:70px;height:130px;bottom:2%;left:48%}.landing-footer{border-top:1px solid var(--line);color:#697064;letter-spacing:.14em;justify-content:space-between;width:min(1400px,100%);margin:0 auto;padding:1rem clamp(1.25rem,4vw,4rem);font-size:.6rem;font-weight:800;display:flex}.join-page{background:radial-gradient(circle at 50% 40%,#425b3d40,#0000 32rem),linear-gradient(#dde6c606 1px,#0000 1px) 0 0/52px 52px,linear-gradient(90deg,#dde6c606 1px,#0000 1px) 0 0/52px 52px,#0d120e;min-height:100svh;padding:0 1rem}.join-card{border:1px solid var(--line);text-align:center;background:#121913f0;width:min(620px,100%);margin:5vh auto;padding:clamp(2rem,7vw,5rem);box-shadow:0 35px 90px #00000059}.join-card h1{font-size:clamp(3.3rem,9vw,6rem)}.join-card>p:not(.eyebrow,.form-error){color:var(--muted);margin:1.8rem auto;line-height:1.7}.join-card .button{width:100%;margin-top:.5rem}.text-link{color:var(--muted);margin-top:1.5rem;font-size:.75rem;display:inline-block}.invite-emblem{border:1px solid #e2a64059;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 1.5rem;display:grid}.invite-emblem span{border:3px solid var(--amber);width:26px;height:18px;transform:rotate(-25deg)}.game-page{height:100svh;min-height:620px;padding-bottom:env(safe-area-inset-bottom);background:#0b100c;grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;overflow:hidden}.game-header{border-bottom:1px solid var(--line);background:#0d120ef5;width:100%;padding-block:.85rem}.round-label{color:var(--muted);letter-spacing:.16em;align-items:baseline;gap:.6rem;font-size:.58rem;font-weight:800;display:flex}.round-label b{color:var(--ink);font-size:1rem}.round-label small{color:var(--amber);letter-spacing:.12em;font-size:.48rem;font-weight:900}.connection{color:var(--muted);letter-spacing:.14em;font-size:.62rem;font-weight:900}.connection-reconnecting i,.connection-connecting i{background:var(--amber);box-shadow:0 0 12px var(--amber)}.connection-unavailable i{background:var(--red);box-shadow:0 0 12px var(--red)}.icon-button{border:1px solid var(--line);min-height:34px;color:var(--muted);cursor:pointer;letter-spacing:.12em;background:0 0;border-radius:2px;font-size:.57rem;font-weight:900}.hud{border-bottom:1px solid var(--line);background:#111712;grid-template-columns:1fr auto 1fr;align-items:center;padding:.55rem max(1rem,4vw);display:grid}.player-card{align-items:center;gap:.8rem;display:flex}.player-two{text-align:right;justify-content:flex-end}.player-card div{min-width:0;display:grid}.player-card small{overflow-wrap:anywhere;color:var(--muted);letter-spacing:.15em;font-size:.5rem;font-weight:800}.player-card b{letter-spacing:.1em;font-size:.78rem}.player-dot{background:var(--amber);border-radius:3px;width:11px;height:11px;box-shadow:0 0 15px #e2a64059}.player-two .player-dot{background:var(--teal);box-shadow:0 0 15px #53b6c459}.life-pips{gap:5px;display:inline-flex}.life-pips i{border:1px solid;width:17px;height:8px;transform:skew(-13deg)}.player-one .life-pips{color:var(--amber)}.player-two .life-pips{color:var(--teal)}.life-pips .alive{background:currentColor}.life-pips .lost{opacity:.25}.no-lives{color:var(--amber);letter-spacing:.12em;font-size:.55rem;font-weight:900}.difficulty-status{letter-spacing:.12em;font-weight:900;color:var(--teal)!important;font-size:.7rem!important}.versus{color:#596158;font-family:Impact,sans-serif;font-size:.72rem}.combat-row{min-height:0;display:contents}.battlefield-wrap{min-height:0;padding:.7rem;position:relative}.battlefield{background:#1d3024;border:1px solid #dce5c71f;width:100%;height:100%;display:block;box-shadow:inset 0 0 70px #0000004d}.game-overlay{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d120ef0;border:1px solid #e2a6404d;width:min(480px,100% - 2rem);padding:clamp(1.4rem,4vw,2.4rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 70px #0000008c}.game-overlay h2{letter-spacing:.04em;margin:0;font-family:Impact,sans-serif;font-size:clamp(2.2rem,6vw,4rem);line-height:.95}.game-overlay>p:not(.eyebrow){color:var(--muted);font-size:.85rem;line-height:1.55}.game-overlay .button{width:100%}.rules-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050906b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.rules-dialog{background:#0d120efa;border:1px solid #e2a6406b;width:min(520px,100%);max-height:min(720px,100svh - 2rem);padding:clamp(1.4rem,4vw,2.4rem);overflow:auto;box-shadow:0 25px 70px #000000a6}.rules-dialog h2{letter-spacing:.04em;margin:0;font-family:Impact,sans-serif;font-size:clamp(2.4rem,8vw,4.5rem);line-height:.9}.rules-copy{color:var(--muted);font-size:.88rem;line-height:1.55}.rules-copy ul{gap:.5rem;padding-left:1.2rem;display:grid}.rules-copy li::marker{color:var(--amber)}.rules-shared{border-top:1px solid var(--line);color:var(--ink);padding-top:.7rem;font-weight:700}.rules-preference{color:var(--muted);cursor:pointer;align-items:center;gap:.6rem;margin:1.3rem 0;font-size:.75rem;display:flex}.rules-preference input{width:17px;height:17px;accent-color:var(--amber)}.invite-box{border:1px solid var(--line);background:#00000038;margin:1rem 0;padding:.7rem;overflow:hidden}.invite-box code{color:#b7bdac;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;display:block;overflow:hidden}.compact-overlay{width:min(360px,100% - 2rem)}.pause-icon{color:var(--amber);letter-spacing:.2em;margin-bottom:1rem;font-size:2rem;display:block}.gameover-overlay small{color:var(--muted);margin-top:.8rem;display:block}.countdown{text-shadow:0 8px 25px #000c;place-items:center;animation:.3s ease-out count-in;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.countdown small{color:var(--amber-light);letter-spacing:.3em;font-size:.7rem;font-weight:900}.countdown b{font-family:Impact,sans-serif;font-size:clamp(5rem,16vw,10rem);line-height:1}@keyframes count-in{0%{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}.game-notice{color:#ffc1b5;letter-spacing:.15em;background:#441812d9;border:1px solid #e5675273;padding:.55rem 1rem;font-size:.67rem;font-weight:900;position:absolute;top:1.5rem;left:50%;transform:translate(-50%)}.desktop-legend{border-top:1px solid var(--line);min-height:51px;color:var(--muted);letter-spacing:.1em;background:#101611;justify-content:center;align-items:center;gap:2rem;font-size:.58rem;font-weight:800;display:flex}.desktop-legend span{align-items:center;gap:4px;display:flex}.desktop-legend i{color:var(--muted);margin-inline:2px;font-style:normal}.desktop-legend kbd{color:#d8dcc9;text-align:center;background:#202720;border:1px solid #414a40;border-bottom-width:3px;border-radius:3px;min-width:23px;padding:4px 5px}.desktop-legend b{color:#9bd9ef;font-size:.6rem}.controls{z-index:4;left:0;right:0;bottom:max(4.3rem, env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;align-items:end;gap:1rem;padding:0 1rem;display:flex;position:fixed}.joystick,.fire-button{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.fire-button{order:1}.joystick{order:2}.controls-swapped .joystick{order:1}.controls-swapped .fire-button{order:2}.joystick{cursor:grab;background:radial-gradient(circle,#e2a64029 0 4px,#0000 5px),linear-gradient(90deg,#0000 49.5%,#e8edd721 49.5% 50.5%,#0000 50.5%),linear-gradient(#0000 49.5%,#e8edd721 49.5% 50.5%,#0000 50.5%),#121a14d1;border:2px solid #e8edd747;border-radius:50%;width:148px;height:148px;position:relative;box-shadow:inset 0 0 24px #00000073,0 8px 22px #0000004d}.joystick:active{cursor:grabbing}.joystick-crosshair{border:1px solid #e8edd724;border-radius:50%;width:38px;height:38px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.joystick-knob{pointer-events:none;background:#e2a6408f;border:2px solid #ffc964db;border-radius:50%;width:54px;height:54px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 14px #0006}.fire-button{color:#1b1308;background:var(--amber);letter-spacing:.12em;border:2px solid #ffbc53a6;border-radius:50%;width:84px;height:84px;font-size:.75rem;font-weight:950;display:block;box-shadow:0 0 0 8px #e2a6401f,0 12px 30px #00000059}.fire-button:active{transform:scale(.94)}.fire-button i{background:#1b1308;width:24px;height:4px;margin:7px auto 0;display:block}@media (hover:none),(pointer:coarse),(max-width:800px){.game-page{grid-template-rows:auto auto minmax(250px,1fr) 190px}.desktop-legend{display:none}.controls{bottom:max(1rem, env(safe-area-inset-bottom));display:flex;position:absolute}.joystick,.fire-button{display:grid}.fire-button{width:104px;height:104px;display:block}.battlefield-wrap{padding:.4rem}}@media (max-width:860px){.hero{padding-top:3rem;display:block}.hero-art{opacity:.27;pointer-events:none;min-height:0;position:absolute;inset:80px 0 0}.hero-copy{max-width:650px}.hero-actions{flex-direction:column;align-items:stretch}.join-form{width:min(100%,340px)}.join-form input{flex:1}.landing-footer{margin-top:2rem}}@media (max-width:580px){.landing-nav{padding:1.2rem}.live-label{display:none}.hero{padding:2.5rem 1.2rem 2rem}.hero h1{font-size:clamp(3.4rem,17vw,5rem)}.landing-footer span:last-child{display:none}.game-header{padding:.65rem .8rem}.game-header .brand{font-size:.8rem}.game-header .brand-mark{width:30px;height:23px}.round-label span,.icon-button,.round-label small{display:none}.game-header .control-swap-button,.game-header .rules-button{align-items:center;display:inline-flex}.hud{padding-inline:.6rem}.player-card{gap:.4rem}.player-card .player-dot{display:none}.player-card b{font-size:.65rem}.life-pips i{width:12px}.game-overlay{padding:1.2rem}.mode-picker{grid-template-columns:1fr}.difficulty-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.joystick{width:136px;height:136px}.fire-button{width:94px;height:94px}}@media (max-height:620px) and (orientation:landscape) and (pointer:coarse){.game-page{grid-template-rows:auto auto minmax(0,1fr);min-height:100svh}.game-header{padding-block:.4rem}.hud{padding-block:.25rem}.combat-row{min-width:0;min-height:0;padding:.35rem max(.4rem, env(safe-area-inset-right)) .35rem max(.4rem, env(safe-area-inset-left));grid-template-rows:minmax(0,1fr);grid-template-columns:112px minmax(0,1fr) 88px;align-items:center;gap:.45rem;display:grid}.battlefield-wrap{grid-area:1/2;width:100%;min-width:0;height:100%;padding:0}.controls{width:auto;min-height:0;padding:0;display:contents;position:static;bottom:auto;left:auto;right:auto}.joystick{grid-area:1/3;justify-self:center;width:100px;height:100px}.fire-button{grid-area:1/1;justify-self:center;width:76px;height:76px}.controls-swapped .joystick{grid-column:1}.controls-swapped .fire-button{grid-column:3}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}