@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{color:#eaf4ed;background:#07140f;min-width:320px;margin:0;font-family:Inter,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}:root{--ink:#eaf4ed;--muted:#9aafa2;--line:#29513c;--panel:#10251b;--acid:#d9ff52;--red:#ff6d5a}.app{max-width:1200px;margin:auto;padding:28px}header{justify-content:space-between;align-items:start;margin-bottom:22px;display:flex}h1,h2,p{margin:0}h1,h2{letter-spacing:.035em;font-family:Barlow Condensed,Impact,sans-serif}h1{font-size:clamp(2.4rem,7vw,4.5rem);line-height:.82}h2{font-size:1.6rem}.eyebrow{color:var(--acid);letter-spacing:.14em;margin-bottom:8px;font:500 .68rem DM Mono,monospace}.connection{color:#78e3a2;font-size:.8rem}.offline,.error{color:var(--red)}.battlefield{isolation:isolate;background:#07140f;border:1px solid #3c684d;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #0007,0 0 0 1px #07140f}.territory{--ground:#244d31;--ground-dark:#173722;background:radial-gradient(ellipse at 62% 78%,#416c3d 0 24%,transparent 55%),linear-gradient(155deg,var(--ground),var(--ground-dark));min-height:365px;padding:17px;position:relative;overflow:hidden}.territory-2{--ground:#4d3a2d;--ground-dark:#2e241d}.territory-3{--ground:#31543a;--ground-dark:#182f20}.territory-4{--ground:#4b4728;--ground-dark:#2e2d18}.territory:before{content:"";opacity:.3;pointer-events:none;background-image:linear-gradient(30deg,#ffffff08 12%,#0000 12.5% 87%,#ffffff08 87.5%),linear-gradient(150deg,#ffffff08 12%,#0000 12.5% 87%,#ffffff08 87.5%);background-size:32px 55px;position:absolute;inset:0}.territory:after{content:"";z-index:0;filter:blur(.2px);pointer-events:none;background:#9c9b6738;border:1px solid #8793712e;border-radius:50%;width:82%;height:21%;position:absolute;bottom:15%;right:-9%;transform:rotate(-7deg)}.territory.you{outline:2px solid var(--acid);outline-offset:-2px}.territory.dead{--ground:#333c34;--ground-dark:#1b211d}.territory.dead:before{opacity:.14}.territory-heading,.stats,.territory-scene{z-index:2;position:relative}.territory-heading{justify-content:space-between;align-items:end;gap:12px;display:flex}.territory-top{color:var(--acid);letter-spacing:.12em;text-align:right;order:2;align-self:start;gap:9px;font:500 .64rem DM Mono,monospace;display:flex}.disconnected{color:#ffc36a}.territory h2{text-overflow:ellipsis;white-space:nowrap;max-width:68%;margin:0;font-size:clamp(1.7rem,3vw,2.15rem);overflow:hidden}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:10px;display:grid}.stats p{background:#07140fa8;border:1px solid #b5ddbd24;border-radius:4px;min-width:0;padding:7px 8px;box-shadow:0 7px 18px #0003}.stats span{color:#9eb3a5;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font:500 .55rem DM Mono,monospace;display:block}.stats b{color:#e7f5eb;text-overflow:ellipsis;white-space:nowrap;font:500 clamp(.62rem,1.2vw,.75rem) DM Mono,monospace;display:block;overflow:hidden}.stats .disabled b{color:#b8dff1}.territory-scene{justify-content:center;align-items:flex-end;gap:clamp(5px,1.3vw,18px);min-height:245px;margin-top:-2px;padding:15px 3px 5px;display:flex}.territory-scene:before{content:"";z-index:-1;background:radial-gradient(#08120aa8 0 20%,#0000 66%);border-radius:50%;height:30%;position:absolute;bottom:0;left:2%;right:2%}.structure{transform-origin:50% 100%;flex:0 auto;place-items:end center;display:grid;position:relative}.structure-art{z-index:2;object-fit:contain;filter:drop-shadow(0 13px 8px #0008);-webkit-user-select:none;user-select:none;max-width:100%;height:auto;display:block;position:relative}.tower-structure{width:clamp(120px,13.2vw,158px)}.mine-structure{width:clamp(108px,11.5vw,143px)}.tower-art{animation:3.2s ease-in-out infinite tower-idle}.mine-art{animation:2.1s ease-in-out infinite mine-idle}.is-broken .structure-art,.is-disabled .structure-art{filter:grayscale(.18)drop-shadow(0 12px 7px #0008);animation:none}.is-disabled .mine-art{animation:.42s both mine-shudder}.mine-structure.mine-slowed:not(.is-disabled):not(.is-broken) .mine-art{filter:saturate(.64)brightness(1.06)drop-shadow(0 13px 8px #0008)drop-shadow(0 0 9px #7edfffaa);animation:2.1s ease-in-out infinite slowed-mine-idle}.mine-structure.mine-slowed:not(.is-disabled):not(.is-broken):before{content:"";z-index:3;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(#84e4ff38 0,#0000 68%);border-radius:42%;position:absolute;inset:5% -7% 11%}.structure-label{z-index:5;color:#dcece1;letter-spacing:.06em;text-align:center;text-transform:uppercase;white-space:nowrap;background:#08150fcf;border:1px solid #a9d2b648;border-radius:20px;max-width:96%;padding:4px 7px;font:600 .57rem DM Mono,monospace;position:absolute;bottom:0;left:50%;transform:translate(-50%,45%)}.is-disabled .structure-label{color:#bdeaff;border-color:#91dbff75}.is-broken .structure-label{color:#ffb2a7;border-color:#ff7d6d66}.shield-dome{z-index:4;background:linear-gradient(125deg,#c8e5ff30,#0000 46%,#87bfff1f);border:2px solid #b8d9ffbd;border-radius:50% 50% 44% 44%;animation:1.4s ease-in-out infinite shield-pulse;position:absolute;inset:1% -9% 0;box-shadow:inset 0 0 20px #88bdff73,0 0 18px #8abfff5e}.mine-structure .shield-dome{aspect-ratio:1;border-radius:50%;width:112%;inset:auto auto -4% 50%;translate:-50%}.shield-count{z-index:6;color:#fff;white-space:nowrap;background:#173e6de8;border:1px solid #c9e4ff;border-radius:14px;place-items:center;min-width:28px;height:26px;padding:0 7px;font:600 .58rem DM Mono,monospace;display:grid;position:absolute;top:8%;right:-7%;box-shadow:0 0 14px #81b9ff}.snowed:after{content:"❄";z-index:4;color:#eafeff;filter:drop-shadow(0 0 7px #7be0ff);font-size:1.35rem;animation:1.7s ease-in-out infinite snow-drift;position:absolute;top:15%;left:3%}.destroyed{z-index:8;color:#fff;letter-spacing:.15em;background:#761f19d9;border:2px solid #ffd6ce;width:max-content;max-width:90%;padding:6px 12px;font:800 clamp(1.45rem,3.2vw,2.15rem) Barlow Condensed,sans-serif;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)rotate(-7deg);box-shadow:0 5px 18px #0008}@keyframes tower-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes mine-idle{0%,to{filter:drop-shadow(0 13px 8px #0008);transform:translateY(0)scale(1)}50%{filter:drop-shadow(0 13px 8px #0008)drop-shadow(0 0 7px #f4ad3266);transform:translateY(-2px)scale(1.012)}}@keyframes slowed-mine-idle{0%,to{filter:saturate(.64)brightness(1.06)drop-shadow(0 13px 8px #0008)drop-shadow(0 0 9px #7edfffaa);transform:translateY(0)scale(1)}50%{filter:saturate(.6)brightness(1.08)drop-shadow(0 13px 8px #0008)drop-shadow(0 0 12px #8ee9ffcc);transform:translateY(-2px)scale(1.008)}}@keyframes mine-shudder{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-3px)rotate(-1deg)}75%{transform:translate(3px)rotate(1deg)}}@keyframes shield-pulse{50%{opacity:.65;transform:scale(1.025)}}@keyframes snow-drift{50%{transform:translate(7px,5px)rotate(35deg)}}.bottom-grid{grid-template-columns:1.4fr 1fr;gap:16px;margin-top:16px;display:grid}.control-panel,.event-log,.lobby-card{border:1px solid var(--line);background:var(--panel);padding:21px}.status{color:#c5d4c9;flex-wrap:wrap;gap:9px 17px;margin:13px 0 18px;font-size:.84rem;display:flex}.actions{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.actions button,.target-picker button,form button{color:#06100a;background:var(--acid);text-transform:uppercase;letter-spacing:.06em;border:0;padding:11px;font:700 1rem Barlow Condensed,sans-serif}.actions button small{opacity:.7;font:500 .7rem DM Mono,monospace}.actions button:last-child{grid-column:span 2}.actions button:hover,.target-picker button:hover,form button:hover{filter:brightness(.9)}.target-picker p{margin-bottom:10px;font-size:.85rem}.target-list{flex-wrap:wrap;gap:7px;margin-bottom:8px;display:flex}.target-picker .target-list button,.target-picker .subtle{color:var(--ink);background:#204330}.target-picker .target-list button.selected{background:var(--acid);color:#06100a}.attack-options{gap:8px;margin-bottom:8px;display:flex}.target-picker button:disabled{opacity:.38;cursor:not-allowed}.event-log{max-height:268px;overflow:auto}.event{border-top:1px solid #234632;padding:10px 0;font-size:.8rem;line-height:1.4}.event:first-of-type{border-top:0}.muted{color:var(--muted);font-size:.82rem}.eliminated{color:var(--red);font-size:.85rem}@media (width>=801px){.bottom-grid{align-items:stretch}.event-log{contain:size;min-height:0;max-height:none;overflow:auto}}.result{border:1px solid;justify-content:space-between;align-items:center;margin-bottom:16px;padding:15px 20px;display:flex}.result strong{letter-spacing:.1em;font:800 2.2rem Barlow Condensed,sans-serif}.result span{font-size:.82rem}.win{color:var(--acid);background:#293619}.lose{color:#ffc0b6;background:#3a1b1a}.lobby{background:radial-gradient(circle at 50% 10%,#24472d,#07140f 60%);place-items:center;min-height:100vh;padding:20px;display:grid}.lobby-card{text-align:center;width:min(100%,500px);padding:34px}.intro{color:var(--muted);max-width:370px;margin:19px auto 25px;font-size:.9rem;line-height:1.55}form{text-align:left;gap:8px;display:grid}label{color:var(--muted);font:500 .72rem DM Mono,monospace}input{color:var(--ink);border:1px solid var(--line);outline-color:var(--acid);background:#091910;padding:12px}.lobby form button{margin-top:5px}.error{margin-top:12px;font-size:.8rem}.lobby-status{border-top:1px solid var(--line);text-align:left;color:var(--muted);margin-top:27px;padding-top:19px;font-size:.84rem}.lobby-status strong{color:var(--ink)}.lobby-status ol{color:#d8e6dc;margin:9px 0;padding-left:22px;line-height:1.7}.lobby-status>p{margin-top:7px}.loading{text-align:center;padding:100px}@media (width<=800px){.app{padding:15px}header{gap:12px}.connection{text-align:right}.battlefield{grid-template-columns:1fr}.territory{min-height:360px;padding:15px}.territory h2{font-size:1.8rem}.tower-structure{width:clamp(132px,28vw,168px)}.mine-structure{width:clamp(118px,24vw,150px)}.bottom-grid{grid-template-columns:1fr}.result{display:block}.result span{margin-top:5px;display:block}}@media (width<=440px){.territory{min-height:375px}.territory-heading{align-items:start}.territory h2{max-width:62%}.territory-top{gap:3px;display:grid}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats b{font-size:.68rem}.territory-scene{min-height:225px;padding-top:8px}.tower-structure{width:130px}.mine-structure{width:112px}}.join-by-code{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.waiting-screen{background:radial-gradient(circle at 50% 0,#315e3d 0,#07140f 58%);place-items:center;min-height:100vh;padding:28px;display:grid}.waiting-card{text-align:center;border:1px solid var(--acid);background:linear-gradient(145deg,#143320,#0a1a11);width:min(100%,660px);padding:38px;box-shadow:0 0 70px #b7f83329}.waiting-card .eyebrow{margin-bottom:5px}.waiting-card h1{font-size:clamp(2.2rem,6.5vw,4rem)}.waiting-copy{max-width:480px;color:var(--muted);margin:10px auto 18px;font-size:.88rem;line-height:1.55}.large-qr{background:var(--acid);border:5px solid #a7d530;padding:13px;display:inline-flex;box-shadow:0 0 0 6px #17321d,0 0 46px #d9ff526b}.session-label{color:var(--muted);letter-spacing:.18em;margin-top:26px;font:500 .68rem DM Mono,monospace}.session-code{color:var(--acid);letter-spacing:.18em;margin:7px 0 15px;font:700 clamp(2.2rem,8vw,4rem) DM Mono,monospace;display:block}.copy-invite{color:#07140f;background:var(--acid);text-transform:uppercase;letter-spacing:.08em;border:0;padding:9px 13px;font:700 .9rem Barlow Condensed,sans-serif}.waiting-players{border-top:1px solid var(--line);text-align:left;max-width:430px;margin:29px auto 0;padding-top:20px}.waiting-players>strong{font-size:.86rem}.waiting-players ol{gap:7px;margin:11px 0 0;padding:0;list-style:none;display:grid}.waiting-players li{color:#d9ece0;align-items:center;gap:10px;font-size:.85rem;display:flex}.waiting-players li span{border:1px solid var(--line);width:22px;height:22px;color:var(--acid);place-items:center;font:500 .7rem DM Mono,monospace;display:grid}.waiting-players .empty-slot{color:var(--muted);font-style:italic}.waiting-players .empty-slot span{color:var(--muted);border-style:dashed}@media (width<=520px){.waiting-screen{padding:14px}.waiting-card{padding:25px 16px}.large-qr svg{width:220px;height:220px}}.lobby-exit{z-index:3;color:var(--ink);border:1px solid var(--line);background:#10251b;padding:8px 12px;font-size:.76rem;position:fixed;top:22px;left:22px}.rematch-panel,.rematch-vote{border:1px solid var(--acid);background:#15291a;margin:0 0 16px;padding:18px 20px}.rematch-panel{justify-content:space-between;align-items:center;gap:16px;display:flex}.rematch-panel button,.vote-actions button{color:#07140f;background:var(--acid);text-transform:uppercase;letter-spacing:.06em;border:0;padding:10px 14px;font:700 .94rem Barlow Condensed,sans-serif}.vote-help{color:var(--muted);margin-top:5px;font-size:.81rem}.vote-list{gap:7px;margin:16px 0;display:grid}.vote-list div{border:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 10px;font-size:.82rem;display:flex}.vote-list b{letter-spacing:.1em;font:600 .7rem DM Mono,monospace}.vote-list .yes{color:var(--acid)}.vote-list .no{color:var(--red)}.vote-list .waiting{color:var(--muted)}.vote-actions{gap:9px;display:flex}.vote-actions .vote-no{color:#ffd0c9;background:#58231f}.vote-list .bot-vote{color:#8fd9ee}@media (width<=520px){.lobby-exit{top:12px;left:12px}.rematch-panel{display:block}.rematch-panel button{margin-top:12px}.vote-actions{grid-template-columns:1fr;display:grid}}.actions button:disabled{cursor:not-allowed;color:#809083;box-shadow:none;opacity:.62;background:#17291e}.actions button:not(:disabled){transition:transform .16s,filter .16s,box-shadow .16s;transform:translateY(-2px);box-shadow:0 5px #819b28,0 10px 18px #00000035}.actions button:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px #819b28,0 3px 8px #00000035}.battle-effects{z-index:10;contain:layout paint;pointer-events:none;position:absolute;inset:0;overflow:hidden}.effect-stage,.projectile-path{position:absolute;inset:0;overflow:hidden}.projectile-art{z-index:5;left:var(--from-x);top:var(--from-y);opacity:0;filter:drop-shadow(0 6px 5px #000a);transform-origin:50%;will-change:transform,opacity;width:88px;animation:.95s cubic-bezier(.3,.05,.3,1) forwards graphic-flight;display:block;position:absolute}.projectile-art img{z-index:2;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block;position:relative}.projectile-trail{z-index:1;filter:blur(1px);background:linear-gradient(90deg,#0000,#ff542e 36%,#ffd76a 75%,#fff5ad);border-radius:100% 0 0 100%;width:52px;height:14px;animation:.12s steps(2,end) infinite trail-flicker;position:absolute;top:48%;right:82%;transform:translateY(-50%);box-shadow:0 0 13px #ff7a39}.projectile-trail:after{content:"";border-radius:inherit;background:#fff8cc;position:absolute;inset:4px 1px 4px 18px}.effect-snowball .projectile-art{filter:drop-shadow(0 0 9px #82ddff)drop-shadow(0 5px 4px #0007);width:80px}.effect-snowball .projectile-trail{display:none}.impact-svg{z-index:6;left:calc(var(--from-x) + var(--dx));top:calc(var(--from-y) + var(--dy));opacity:0;place-items:center;width:94px;height:94px;animation:.68s ease-out .91s forwards graphic-impact;display:grid;position:absolute;transform:translate(-50%,-50%)scale(.2)}.impact-svg>i{border:4px solid #fb5;border-radius:50%;position:absolute;inset:9px;box-shadow:0 0 18px #ff5b32,inset 0 0 15px #ff7a39}.impact-svg>i:nth-child(2){border-width:2px;border-color:#ff7645;inset:0}.impact-svg>b{background:radial-gradient(circle,#fff9c9 0 18%,#ffbf48 34%,#ff6138 64%,#0000 68%);border-radius:50%;width:25px;height:25px;box-shadow:0 0 25px #ff713d}.mine-impact{width:108px;height:108px}.effect-snowball .impact-svg>i{border-color:#c7f4ff;box-shadow:0 0 18px #71dfff,inset 0 0 15px #b7edff}.effect-snowball .impact-svg>i:nth-child(2){border-color:#77dbf4}.effect-snowball .impact-svg>b{background:radial-gradient(circle,#fff 0 20%,#b8f0ff 40%,#57cbe9 68%,#0000 72%);width:22px;height:22px;box-shadow:0 0 22px #7ce5ff}.purchase-burst{z-index:7;left:var(--from-x);top:var(--from-y);color:var(--acid);background:#092016ee;border:1px solid;border-radius:5px;align-items:center;gap:8px;padding:9px 13px;animation:1.25s cubic-bezier(.17,.84,.28,1) forwards purchase-feedback;display:flex;position:absolute;box-shadow:0 0 24px}.purchase-burst>svg{stroke-width:1.8px;width:30px;height:30px}.purchase-burst>b{letter-spacing:.08em;white-space:nowrap;font:800 1rem Barlow Condensed,sans-serif}.purchase-burst>i{background:currentColor;border-radius:50%;width:5px;height:5px;animation:1s ease-out forwards purchase-particle;position:absolute;top:50%;left:50%;box-shadow:0 0 8px}.purchase-burst>i:nth-of-type(2){animation-delay:80ms}.purchase-burst>i:nth-of-type(3){animation-delay:.14s}.effect-heal .purchase-burst{color:#70f4a7}.effect-shield .purchase-burst{color:#8bb8ff;border-radius:50%;padding:14px}.effect-shield .purchase-burst>svg{width:42px;height:42px}.effect-upgrade .purchase-burst{color:#ffd166}@keyframes graphic-flight{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--flight-angle)) scale(.35)}9%,92%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--flight-angle)) scale(.72)}}@keyframes graphic-impact{0%{opacity:0;transform:translate(-50%,-50%)scale(.15)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}to{opacity:0;transform:translate(-50%,-50%)scale(1.72)}}@keyframes trail-flicker{50%{opacity:.78;transform:translateY(-50%)scaleX(.75)scaleY(1.18)}}@keyframes purchase-feedback{0%{opacity:0;transform:translate(-50%,-20%)scale(.6)}18%{opacity:1;transform:translate(-50%,-65%)scale(1.08)}72%{opacity:1;transform:translate(-50%,-85%)scale(1)}to{opacity:0;transform:translate(-50%,-125%)scale(.92)}}@keyframes purchase-particle{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(calc(34px - 50%),calc(-50% - 48px))}}@media (width<=800px){.projectile-art{width:72px}.effect-snowball .projectile-art{width:68px}.projectile-trail{width:42px}.impact-svg{width:78px;height:78px}}@media (prefers-reduced-motion:reduce){.tower-art,.mine-art,.shield-dome,.snowed:after{animation:none}.projectile-art{animation-duration:.2s}.impact-svg{animation-duration:.3s;animation-delay:.18s}.purchase-burst{animation-duration:.5s}.projectile-trail{animation:none}}.rematch-vote{z-index:50;border:1px solid var(--acid);background:linear-gradient(145deg,#183821,#0b1c12);width:min(520px,100vw - 28px);max-height:calc(100vh - 36px);margin:0;padding:25px;animation:.28s cubic-bezier(.2,.9,.25,1.15) both rematch-popup;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #020805d9,0 26px 80px #000,0 0 40px #d9ff5226}.rematch-vote h2{font-size:2.35rem}.rematch-vote .vote-help{font-size:.86rem}.rematch-vote .vote-actions button{flex:1;min-height:45px}.rematch-vote .vote-list{max-height:230px;overflow:auto}@keyframes rematch-popup{0%{opacity:0;transform:translate(-50%,calc(22px - 50%))scale(.94)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (width<=520px){.rematch-vote{padding:20px 16px}.rematch-vote h2{font-size:1.85rem}}.app{-webkit-user-select:none;user-select:none;max-width:1420px;padding:14px 18px}.app>header{margin-bottom:10px}.app>header h1{font-size:clamp(2.3rem,4vw,3.4rem);line-height:.84}.gameplay-layout{grid-template-columns:minmax(0,1fr) clamp(285px,25vw,355px);align-items:stretch;gap:12px;display:grid}.gameplay-layout>.battlefield{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));height:clamp(400px,100dvh - 172px,620px)}.gameplay-layout .territory{grid-template-rows:auto auto minmax(0,1fr);min-height:0;padding:10px 11px;display:grid}.gameplay-layout .territory h2{font-size:clamp(1.4rem,2vw,1.85rem)}.gameplay-layout .territory-top{font-size:.57rem}.gameplay-layout .stats{gap:4px;margin-top:6px}.gameplay-layout .stats p{padding:6px 7px}.gameplay-layout .stats span{margin-bottom:2px;font-size:.52rem}.gameplay-layout .stats b{font-size:clamp(.62rem,1vw,.76rem)}.gameplay-layout .territory-scene{min-height:0;margin-top:0;padding:6px 2px 3px}.gameplay-layout .structure-art{max-height:min(150px,19dvh)}.gameplay-layout .tower-structure{width:clamp(88px,8.7vw,132px)}.gameplay-layout .mine-structure{width:clamp(76px,7.7vw,116px)}.gameplay-layout .structure-label{padding:3px 6px;font-size:.51rem}.gameplay-layout>.bottom-grid{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:12px;min-height:0;margin-top:0}.gameplay-layout .control-panel,.gameplay-layout .event-log{padding:15px}.gameplay-layout .control-panel .status{gap:6px 11px;margin:9px 0 12px;font-size:.73rem}.gameplay-layout .actions{gap:7px}.gameplay-layout .actions button,.gameplay-layout .target-picker button{padding:8px}.gameplay-layout .event-log{contain:size;min-height:0;max-height:none;overflow:auto}@media (width<=680px){.app{padding:8px}.app>header{align-items:center;margin-bottom:6px}.app>header .eyebrow{display:none}.app>header h1{font-size:2rem;line-height:1}.app>header .connection{font-size:.67rem}.gameplay-layout{display:block}.gameplay-layout>.battlefield{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));height:clamp(320px,100dvh - 275px,410px)}.gameplay-layout .territory{min-height:0;padding:6px}.gameplay-layout .territory-heading{gap:4px}.gameplay-layout .territory h2{max-width:60%;font-size:clamp(1rem,5vw,1.25rem)}.gameplay-layout .territory-top{gap:1px;font-size:.46rem;line-height:1.2;display:grid}.gameplay-layout .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;margin-top:4px}.gameplay-layout .stats p{padding:4px 5px}.gameplay-layout .stats span{margin-bottom:1px;font-size:.46rem}.gameplay-layout .stats b{font-size:clamp(.58rem,2.55vw,.7rem)}.gameplay-layout .territory-scene{gap:3px;padding:2px 0 1px}.gameplay-layout .structure-art{max-height:clamp(76px,14dvh,105px)}.gameplay-layout .tower-structure{width:clamp(66px,18vw,94px)}.gameplay-layout .mine-structure{width:clamp(58px,15.5vw,82px)}.gameplay-layout .structure-label{letter-spacing:.03em;padding:2px 4px;font-size:.47rem;bottom:1px}.gameplay-layout .shield-count{min-width:22px;height:20px;padding:0 4px;font-size:.43rem;top:4%;right:-8%}.gameplay-layout .destroyed{padding:4px 7px;font-size:clamp(.9rem,4.4vw,1.25rem)}.gameplay-layout>.bottom-grid{grid-template-rows:auto auto;grid-template-columns:1fr;gap:8px;margin-top:8px}.gameplay-layout .control-panel,.gameplay-layout .event-log{padding:10px}.gameplay-layout .control-panel .eyebrow{margin-bottom:3px}.gameplay-layout .control-panel h2{font-size:1.25rem}.gameplay-layout .control-panel .status{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin:5px 0 7px;font-size:.61rem;display:grid}.gameplay-layout .actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.gameplay-layout .actions button,.gameplay-layout .target-picker button{min-width:0;padding:6px 3px;font-size:.76rem}.gameplay-layout .actions button small{font-size:.52rem;display:block}.gameplay-layout .actions button:last-child{grid-column:span 2}.gameplay-layout .target-picker p{margin-bottom:6px;font-size:.7rem}.gameplay-layout .target-list{gap:6px;margin-bottom:7px}.gameplay-layout .target-picker button{min-height:34px;padding:7px 8px;font-size:.82rem}.gameplay-layout .target-picker .target-list button{flex:calc(50% - 3px)}.gameplay-layout .target-picker>button{width:100%;display:block}.gameplay-layout .target-picker>.subtle{margin-top:6px}.gameplay-layout .attack-options{gap:6px;margin-bottom:0}.gameplay-layout .attack-options button{flex:1}.gameplay-layout .event-log{contain:none;max-height:150px}.gameplay-layout .event{padding:7px 0;font-size:.72rem}}.waiting-actions{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.waiting-actions .copy-invite,.waiting-actions .start-bots{color:#07140f;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#d9ff52,#8eea70);border:0;min-height:38px;padding:9px 13px;font:700 .9rem Barlow Condensed,sans-serif;box-shadow:0 5px #688f24,0 10px 24px #0005}.waiting-actions .copy-invite:hover,.waiting-actions .start-bots:hover{filter:brightness(.94)}.bot-host-note{color:var(--muted);margin:11px auto 0;font-size:.74rem}.waiting-players .bot-badge{color:#aeeeff;letter-spacing:.1em;background:#2c759038;border:1px solid #8ee9ff7d;border-radius:10px;margin-left:auto;padding:3px 6px;font:600 .58rem DM Mono,monospace}@media (width<=520px){.waiting-actions{grid-template-columns:1fr 1fr;display:grid}.waiting-actions .copy-invite,.waiting-actions .start-bots{width:100%}.bot-host-note{font-size:.68rem}}.eliminated-state{justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.eliminated-state .eliminated{max-width:230px;line-height:1.45}.leave-battle{color:#ffd3cd;letter-spacing:.07em;text-transform:uppercase;background:#5a211de8;border:1px solid #ff8b7c;flex:none;padding:8px 11px;font:700 .83rem Barlow Condensed,sans-serif}.leave-battle:hover{filter:brightness(1.12)}@media (width<=680px){.eliminated-state{padding-top:1px}.eliminated-state .eliminated{font-size:.68rem}.leave-battle{padding:6px 8px;font-size:.73rem}}.header-status{flex-direction:column;align-items:flex-end;gap:4px;width:min(58vw,590px);display:flex}.match-clock{background:linear-gradient(145deg,#10291b,#08170f);border:1px solid #547660;border-radius:7px;width:100%;padding:7px 10px;transition:border-color .3s,box-shadow .3s;overflow:hidden;box-shadow:0 8px 24px #0006,inset 0 0 18px #77a9840b}.clock-current{justify-content:flex-end;align-items:center;gap:10px;min-height:31px;display:flex}.clock-current>span{color:#a9beb0;letter-spacing:.13em;margin-right:auto;font:600 .58rem DM Mono,monospace}.clock-current>strong{color:#f4fff6;letter-spacing:.03em;text-shadow:0 0 14px #d9ff5230;font-variant-numeric:tabular-nums;font:800 2rem/1 DM Mono,monospace}.clock-double{border-color:#b6db48;box-shadow:0 8px 24px #0006,0 0 18px #d9ff521d}.clock-triple{border-color:#ff695b;animation:.85s ease-in-out infinite clock-danger;box-shadow:0 8px 24px #0006,0 0 24px #ff5f493b}.clock-triple .clock-current>span{color:#ff8a78}.clock-finished{filter:saturate(.6);border-color:#7f9185}@keyframes clock-danger{50%{box-shadow:0 8px 24px #0006,0 0 32px #ff5f4952}}.tiebreak-reveal{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(circle,#55321694 0,#07100beb 58%);place-items:center;padding:18px;animation:6.5s both tiebreak-curtain;display:grid;position:fixed;inset:0}.tiebreak-card{text-align:center;background:linear-gradient(145deg,#432613,#160f0a 62%);border:2px solid #ffc45c;border-radius:9px;width:min(580px,100vw - 30px);padding:27px;animation:.7s cubic-bezier(.15,.92,.24,1.16) both tiebreak-card-in;overflow:hidden;box-shadow:0 0 0 4px #120b06,0 25px 90px #000,0 0 70px #ff9a3a55}.tiebreak-card>p{color:#ff744f;letter-spacing:.12em;text-shadow:0 5px #6e2116,0 0 30px #ff673e;font:900 clamp(3rem,10vw,6rem)/.8 Barlow Condensed,sans-serif;animation:.72s .45s both tiebreak-time}.tiebreak-card>h2{color:#ffd27f;letter-spacing:.08em;margin-top:14px;font-size:clamp(1.7rem,5vw,2.7rem)}.tiebreak-card>span{color:#cbbba4;margin:6px 0 17px;font-size:.76rem;display:block}.tiebreak-rankings{text-align:left;gap:6px;display:grid}.tiebreak-rankings>div{opacity:0;background:#120d09b8;border:1px solid #6f5136;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;animation:.38s 1.25s forwards tiebreak-rank;display:flex;transform:translate(-18px)}.tiebreak-rankings>div:nth-child(2){animation-delay:1.5s}.tiebreak-rankings>div:nth-child(3){animation-delay:1.75s}.tiebreak-rankings>div:nth-child(4){animation-delay:2s}.tiebreak-rankings b{color:#f4e5cf;font:700 .83rem DM Mono,monospace}.tiebreak-rankings span{color:#b9a58b;white-space:nowrap;font:500 .68rem DM Mono,monospace}.tiebreak-rankings .tiebreak-winner{border-color:var(--acid);background:#314019;box-shadow:0 0 18px #d9ff5224}.tiebreak-rankings .tiebreak-winner b{color:var(--acid)}.tiebreak-verdict{color:var(--acid);letter-spacing:.1em;opacity:0;margin-top:18px;font:900 clamp(2rem,7vw,3.5rem)/1 Barlow Condensed,sans-serif;animation:1s cubic-bezier(.16,.9,.25,1.2) 2.45s forwards tiebreak-verdict;display:block;transform:scale(.7)}@keyframes tiebreak-curtain{0%{opacity:0}8%,84%{opacity:1}to{opacity:0}}@keyframes tiebreak-card-in{0%{opacity:0;transform:translateY(32px)scale(.88)}to{opacity:1;transform:none}}@keyframes tiebreak-time{0%{opacity:0;transform:scale(2.3)rotate(-5deg)}to{opacity:1;transform:scale(1)rotate(-2deg)}}@keyframes tiebreak-rank{to{opacity:1;transform:none}}@keyframes tiebreak-verdict{to{opacity:1;text-shadow:0 0 25px #d9ff5273;transform:scale(1)}}@media (width<=680px){.header-status{gap:2px;width:min(64vw,390px)}.match-clock{padding:5px 6px}.clock-current{gap:5px;min-height:25px}.clock-current>span{letter-spacing:.08em;font-size:.45rem}.clock-current>strong{font-size:1.45rem}.tiebreak-card{padding:22px 14px}.tiebreak-rankings>div{align-items:flex-start}.tiebreak-rankings span{font-size:.59rem}}@media (prefers-reduced-motion:reduce){.clock-triple,.tiebreak-reveal,.tiebreak-card,.tiebreak-card>p,.tiebreak-rankings>div,.tiebreak-verdict{animation:none}.tiebreak-rankings>div,.tiebreak-verdict{opacity:1;transform:none}}@media (width>=681px){.gameplay-layout .target-list{gap:6px;margin-bottom:7px}.gameplay-layout .target-picker button{min-height:34px;padding:7px 8px;font-size:.82rem}.gameplay-layout .target-picker .target-list button{flex:calc(50% - 3px)}.gameplay-layout .target-picker>button{width:100%;display:block}.gameplay-layout .target-picker>.subtle{margin-top:6px}.gameplay-layout .attack-options{gap:6px;margin-bottom:0}.gameplay-layout .attack-options button{flex:1}}.server-status{color:#c2d4c8;text-align:left;background:#091a11;border:1px solid #527160;border-radius:5px;align-items:center;gap:10px;margin:0 0 19px;padding:10px 12px;display:flex}.server-status>i{background:#ffc36a;border-radius:50%;flex:none;width:9px;height:9px;animation:1.1s ease-in-out infinite server-status-pulse;box-shadow:0 0 0 4px #ffc36a20}.server-status span{gap:2px;display:grid}.server-status strong{color:#e5f2e8;letter-spacing:.04em;font:700 .71rem DM Mono,monospace}.server-status small{color:var(--muted);font-size:.72rem;line-height:1.35}.server-status.connected{background:#0d2518;border-color:#5b986d}.server-status.connected>i{background:#78e3a2;animation:none;box-shadow:0 0 0 4px #78e3a220}.server-status.reconnecting{border-color:#b58550}.lobby form button:disabled{cursor:wait;color:#8b9c91;box-shadow:none;opacity:1;background:#193025}.lobby form button:disabled:hover{filter:none}@keyframes server-status-pulse{50%{opacity:.45;transform:scale(.75)}}@media (prefers-reduced-motion:reduce){.server-status>i{animation:none}}.shield-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px;display:grid}.shield-options button{gap:3px;min-width:0;display:grid}.shield-options button span{font:700 .9rem Barlow Condensed,sans-serif}.shield-options button small{font:600 .58rem DM Mono,monospace}.target-picker .shield-options button:disabled{opacity:.62}