@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap";
:root{--ink:#082033;--muted:#5f7990;--blue-950:#061827;--blue-900:#09243b;--blue-800:#0e3555;--blue-600:#1177b8;--blue-400:#43c7ff;--cyan:#75e6ff;--mint:#8ff3d5;--gold:#ffd166;--rose:#ff7e9f;--wood-dark:#66351e;--wood:#9f5d2e;--wood-light:#d08a3d;--parchment:#f5df9f;--parchment-deep:#d3a85b;--leaf:#7fca35;--leaf-dark:#3f8a35;--button-green:#62c836;--button-green-dark:#248e35;--button-blue:#29c7ff;--button-red:#d62845;--panel:#8b4c25eb;--panel-strong:#f5da91f5;--line:#6130196b;font-family:Noto Sans Thai,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:520}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;color:var(--ink);background:var(--blue-950);margin:0;font-family:Noto Sans Thai,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input{font:inherit}button{touch-action:manipulation}#game{position:fixed;inset:0}canvas{width:100vw;height:100vh;display:block}.three-world-canvas{z-index:1;pointer-events:none;position:absolute;inset:0}.screen{z-index:5;padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));display:none;position:fixed;inset:0;overflow:hidden}.screen.active{display:grid}#landing,#lobby{background:linear-gradient(135deg,#0e2e4361,#163d4cc2),radial-gradient(circle at 18% 16%,#7fca3547,#0000 24%),radial-gradient(circle at 82% 72%,#ffd16633,#0000 28%),linear-gradient(#24536c,#16313f);place-items:center}.shell-grid{grid-template-columns:1fr;place-items:center;width:min(1180px,100%);height:min(720px,100vh - 28px);display:grid;position:relative}.brand-pane,.lobby-panel,.room-panel,.modal-panel,.hud-card,.team-hud{background:repeating-linear-gradient(8deg, #ffffff14 0 10px, #5a2b1614 10px 20px), linear-gradient(180deg, var(--wood-light), var(--wood) 48%, var(--wood-dark)), var(--panel);border:4px solid #532816d1;border-radius:18px;position:relative;box-shadow:inset 0 3px #ffe5918c,inset 0 -5px #4f23126b,0 18px #4620123d,0 28px 54px #000e1961}.lobby-panel:before,.room-panel:before,.modal-panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 20px,#ffe08a 0 4px,#6c351d 5px 8px,#0000 9px),radial-gradient(circle at calc(100% - 20px),#ffe08a 0 4px,#6c351d 5px 8px,#0000 9px),repeating-linear-gradient(7deg,#ffffff1f 0 8px,#54281614 8px 16px),linear-gradient(#d28a3b,#8f4c28);border:3px solid #532816b8;border-radius:14px;height:26px;position:absolute;top:-13px;left:18px;right:18px;box-shadow:inset 0 2px #ffeba066,0 6px #3f1d0f29}.hud-card:before,.team-hud:before{content:"";opacity:.72;pointer-events:none;background:#ffe08a;border-radius:50%;width:7px;height:7px;position:absolute;inset:5px auto auto 8px;box-shadow:14px 0 #ffe08aa3}.brand-pane{z-index:0;background:linear-gradient(#10608f0f,#0421372e),#eafaff14;grid-template-rows:1fr auto;width:100%;display:grid;position:absolute;inset:0;overflow:hidden}.brand-pane img{object-fit:cover;opacity:.74;filter:saturate(.92)brightness(.96);width:100%;min-width:0;height:100%}.brand-copy{color:#fff;text-shadow:0 2px 16px #00000080;position:absolute;inset:24px 22px auto}.eyebrow{color:#fff4a9;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px #5c2b14e6;margin:0 0 7px;font-size:12px;font-weight:820}h1,h2{letter-spacing:0;margin:0;font-weight:900;line-height:1}h1{font-size:clamp(38px,6vw,72px)}h1,.room-head h2{color:#ffdc48;text-shadow:0 3px #8b2f24,0 6px #5a251b,0 12px 24px #00000061}h2{color:#ffdf54;text-shadow:0 2px #8b2f24,0 4px #5a251b;font-size:clamp(24px,3.2vw,38px)}p{line-height:1.45}.lobby-panel{z-index:1;text-align:center;color:#5c321d;flex-direction:column;justify-content:center;width:min(470px,100% - 28px);min-width:0;padding:clamp(18px,3vw,28px);display:flex;position:relative}.lobby-panel:after,.room-panel:after{content:"";background:radial-gradient(circle at 28% 62%, #ffffff59, transparent 18%), linear-gradient(135deg, var(--leaf), var(--leaf-dark));width:72px;height:52px;box-shadow:-34px -18px 0 -15px var(--leaf), -18px 21px 0 -18px var(--leaf-dark);pointer-events:none;border-radius:70% 30% 60% 40%;position:absolute;bottom:16px;right:-15px;transform:rotate(-18deg)}.lobby-panel .panel-head{align-items:center}.lobby-panel .panel-head>div{min-width:0}.lobby-panel .field{text-align:left}.panel-head,.room-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.field{color:#fce6a3;text-shadow:0 2px #5b2d16bf;gap:8px;margin:18px 0 12px;font-weight:850;display:grid}input{color:#5b321d;background:linear-gradient(#fff0b5,#e7c977);border:3px solid #7d4a26;border-radius:13px;outline:0;width:100%;height:48px;padding:0 13px;font-weight:800;box-shadow:inset 0 3px #ffffff7a,inset 0 -3px #784a232e}input:focus{border-color:#39c9ff;box-shadow:inset 0 3px #ffffff7a,0 0 0 4px #29c7ff3d}.action-grid{gap:10px;display:grid}.join-row{grid-template-columns:.8fr 1fr;gap:10px;display:grid}.primary,.secondary,.ghost,.icon-btn,.hud-button{cursor:pointer;color:#fff;text-shadow:0 2px #4e26149e;border:0;border-radius:999px;min-height:42px;font-weight:900;transition:transform .12s,filter .12s,box-shadow .12s;box-shadow:inset 0 3px #ffffff80,inset 0 -5px #0000002e,0 8px #4d261447,0 13px 24px #0003}.primary{background:linear-gradient(180deg, #a8f66a, var(--button-green) 52%, var(--button-green-dark))}.secondary{background:linear-gradient(180deg, #85ecff, var(--button-blue) 52%, #0a84c6)}.ghost,.icon-btn{background:linear-gradient(#f8cf72,#b86732 54%,#7c3f23);border:2px solid #5e2b158c;padding:0 14px}.primary:hover,.secondary:hover,.ghost:hover,.icon-btn:hover,.hud-button:hover{filter:brightness(1.08)saturate(1.05);transform:translateY(-1px)}.primary:active,.secondary:active,.ghost:active,.icon-btn:active,.hud-button:active{transform:translateY(4px);box-shadow:inset 0 2px #ffffff57,inset 0 -3px #00000029,0 4px #4d261447,0 8px 18px #0000002e}.wide{width:100%;margin-top:10px}.status{color:#ffe9a8;text-shadow:0 2px #5026138f;margin:12px 0 0;font-size:13px}.room-panel{grid-template-rows:auto 1fr;width:min(1180px,100%);height:min(720px,100vh - 28px);padding:20px;display:grid;overflow:hidden}.room-head h2{font-size:clamp(38px,7vw,72px)}.top-actions{gap:8px;display:flex}.setup-layout{grid-template-columns:1.15fr .9fr .78fr;gap:14px;min-height:0;margin-top:12px;display:grid}.setup-section{background:linear-gradient(180deg, #ffefb2f5, #d8ab5beb), var(--parchment);border:3px solid #683a1eb8;border-radius:16px;min-height:0;padding:12px;overflow:hidden;box-shadow:inset 0 3px #ffffff73,inset 0 -4px #70422129}.section-title{color:#fff5a8;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 2px #5c2b14cc;margin-bottom:10px;font-size:12px;font-weight:900}.class-grid,.map-grid,.player-list{gap:9px;display:grid}.class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.class-grid:has(.class-carousel){display:block}.class-carousel{background:linear-gradient(#75e6ff0f,#7c5cff0a),#03101e3d;border-radius:8px;grid-template-rows:282px auto;gap:12px;min-height:408px;display:grid;position:relative;overflow:hidden}.class-stage{perspective:780px;min-height:282px;position:relative}.class-slide{width:150px;height:176px;transform-style:preserve-3d;cursor:pointer;background:#03101e94;border:1px solid #75e6ff3d;border-radius:8px;place-items:center;gap:8px;transition:transform .32s,opacity .32s,filter .32s,border-color .32s;display:grid;position:absolute;top:22px;left:50%;box-shadow:0 20px 40px #0000003d,inset 0 1px #ffffff0f}.class-slide:before,.class-slide:after{content:"";pointer-events:none;opacity:0;border-radius:8px;position:absolute;inset:10px}.class-slide:before{background:linear-gradient(120deg,#0000 0 28%,#eaffff47,#0000 50% 100%),repeating-linear-gradient(105deg,#0000 0 12px,#75e6ff21 13px 15px,#0000 16px 28px);transform:translate(-80%)}.class-slide:after{border:1px solid #8ff3d557;box-shadow:inset 0 0 30px #75e6ff1a,0 0 26px #75e6ff1f}.class-slide .asset-thumb{width:94px;height:94px;transform:translateZ(28px)}.class-name{color:#eaffffd1;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:680}.class-slide.current{z-index:3;opacity:1;pointer-events:none;filter:saturate(1.12)brightness(1.08);border-color:#8ff3d5cc;width:222px;height:248px;animation:.42s cubic-bezier(.2,.9,.2,1) both classBurst;transform:translate(-50%)translateZ(54px)scale(1.08);box-shadow:0 0 0 3px #8ff3d51f,0 24px 52px #00000057,0 0 34px #75e6ff29}.class-slide.current:before{opacity:.82;animation:.7s both animeSlash}.class-slide.current:after{opacity:1;animation:.9s both holoFrame}.class-slide.prev{z-index:4;opacity:.5;pointer-events:auto;transform:translate(-165%)rotateY(28deg)scale(.82)}.class-slide.next{z-index:4;opacity:.5;pointer-events:auto;transform:translate(65%)rotateY(-28deg)scale(.82)}.class-slide.far{z-index:1;opacity:0;pointer-events:none;transform:translate(-50%)scale(.66)}.class-arrow{z-index:5;color:#eaffffdb;background:#75e6ff14;border-radius:8px;place-items:center;width:38px;height:48px;font-size:34px;line-height:1;display:grid;position:absolute;top:118px}.class-arrow.left{left:8px}.class-arrow.right{right:8px}.class-detail{background:linear-gradient(90deg,#75e6ff12,#0000);border-top:1px solid #75e6ff29;min-height:104px;padding:12px;animation:.36s both futureTextIn;position:relative}.class-hero{place-items:center;width:194px;height:174px;display:grid;position:relative;overflow:hidden;transform:translateZ(36px)}.class-model-host{z-index:2;filter:drop-shadow(0 20px 24px #00000073)drop-shadow(0 0 18px #75e6ff3d);position:absolute;inset:-4px 0 0}.class-model-canvas{width:100%;height:100%;animation:.42s cubic-bezier(.2,.9,.2,1) both modelSummon;display:block}.class-sprite-chip{z-index:3;background:#03101eb8;border:1px solid #eaffff80;border-radius:10px;width:46px;height:46px;animation:.5s both spritePop;position:absolute;top:26px;right:9px;box-shadow:0 0 18px #75e6ff38,inset 0 1px #ffffff1f}.class-sprite-chip .asset-thumb{width:100%;height:100%;box-shadow:none;background-color:#0000;border:0;transform:none}.class-energy-ring{border:1px solid #8ff3d580;border-radius:50%;width:124px;height:30px;animation:1.4s ease-in-out infinite ringPulse;position:absolute;bottom:4px;left:50%;transform:translate(-50%)rotateX(64deg);box-shadow:0 0 26px #75e6ff42,inset 0 0 18px #8ff3d52e}.class-detail:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#75e6ff24,#0000);animation:1.2s both detailScan;position:absolute;inset:0;transform:translate(-100%)}.class-detail p,.class-detail h3,.class-detail span{margin:0;display:block}.class-detail p{color:var(--cyan);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:680}.class-detail h3{color:#eaffff;margin-top:4px;font-size:18px;font-weight:720}.class-detail span{color:#daf6ffa8;margin-top:5px;font-size:11px;line-height:1.35}.class-stats{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.class-stats b{color:#8ff3d5e6;background:#03101e6b;border:1px solid #75e6ff2e;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:620}@keyframes futureTextIn{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes detailScan{to{transform:translate(100%)}}@keyframes classBurst{0%{opacity:.2;filter:blur(6px)saturate(1.6);transform:translate(-50%)translateZ(16px)scale(.86)rotateY(-18deg)}62%{filter:blur()saturate(1.35);transform:translate(-50%)translateZ(66px)scale(1.14)rotateY(5deg)}to{opacity:1;filter:saturate(1.12)brightness(1.08);transform:translate(-50%)translateZ(54px)scale(1.08)rotateY(0)}}@keyframes animeSlash{0%{opacity:0;transform:translate(-96%)skew(-18deg)}26%{opacity:.85}to{opacity:0;transform:translate(88%)skew(-18deg)}}@keyframes holoFrame{0%{clip-path:inset(48%);opacity:0}to{clip-path:inset(0);opacity:1}}@keyframes modelSummon{0%{opacity:0;filter:blur(8px)brightness(1.8);transform:translateY(18px)scale(.78)rotate(-2deg)}to{opacity:1;filter:blur()brightness();transform:translateY(0)scale(1)rotate(0)}}@keyframes spritePop{0%{opacity:0;transform:translate(10px,8px)scale(.62)rotate(8deg)}70%{transform:translate(0)scale(1.08)rotate(-3deg)}to{opacity:1;transform:translate(0)scale(1)rotate(0)}}@keyframes ringPulse{0%,to{opacity:.66;transform:translate(-50%)rotateX(64deg)scale(.94)}50%{opacity:1;transform:translate(-50%)rotateX(64deg)scale(1.08)}}.pick-card{color:#5c321d;text-align:left;cursor:pointer;background:linear-gradient(#ffeaa8,#dcae61);border:3px solid #693a1e99;border-radius:14px;grid-template-columns:auto 1fr;gap:10px;min-height:106px;padding:10px;display:grid}.avatar,.asset-thumb{background:linear-gradient(#fff4b9,#82d7ff);border-radius:8px;place-items:center;width:68px;height:68px;display:grid;overflow:hidden;box-shadow:inset 0 -6px #6031181f,0 4px #5e2d162e}.avatar i{border-radius:50%;width:28px;height:28px;display:block}.asset-thumb{background-color:#e9f9ff;background-repeat:no-repeat;background-size:200% 200%;border:1px solid #43c7ff2e}.pick-card b{margin-bottom:3px;font-weight:900;display:block}.pick-card small{color:#6d472d;line-height:1.3}.host-only{display:none}.is-host .host-only{display:block}.player-row{background:#ffedabad;border:2px solid #60311857;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:9px;font-weight:850;display:grid}.player-row.disconnected{opacity:.62;border-color:#ff7e9f61}.dot{background:var(--rose);border-radius:50%;width:12px;height:12px}.lobby-chat{background:#03101e61;border:1px solid #43c7ff2e;border-radius:8px;gap:7px;min-height:118px;margin-top:10px;padding:8px;display:grid}.lobby-chat .chat-log{height:76px}.dot.ready{background:var(--mint)}.invite-link{width:100%;margin-bottom:8px;font-size:12px}.lobby-browser{gap:8px;margin-top:12px;display:grid}.public-lobby-list{gap:8px;max-height:190px;padding-right:3px;display:grid;overflow:auto}.public-lobby{text-align:left;background:linear-gradient(#ffeeaad1,#d5a455c2);border:2px solid #5e30186b;border-radius:13px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:9px;display:grid}.public-lobby b,.public-lobby small{display:block}.public-lobby small{color:var(--muted);font-size:12px}.public-lobby.locked{opacity:.58}.public-lobby button{min-height:34px;padding:0 10px;font-size:12px}.hud{pointer-events:none;z-index:4;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));grid-template-columns:230px 150px 168px minmax(210px,.8fr) minmax(240px,1fr) auto;align-items:start;gap:10px;display:none;position:fixed;inset:0}.hud.active{display:grid}.hud-card,.team-hud{color:#fff0b1;background:repeating-linear-gradient(7deg,#ffffff14 0 8px,#53281614 8px 16px),linear-gradient(#c98339,#874a27);min-height:62px;padding:7px 9px}.hud-card b{color:#fff7bf;text-shadow:0 2px #451f10c7}.hud-card span,.hud-card small{color:#ffe2a2;display:block}.hud-card.center{text-align:center}.minimap-card{place-items:center;padding:7px;display:grid}#minimap{background:#03121f99;border:3px solid #5d2e17b8;border-radius:8px;width:148px;height:148px;box-shadow:inset 0 0 0 2px #ffedaa47}.chat-card{pointer-events:auto;gap:7px;min-height:120px;display:grid}.chat-log{color:#eaffff;height:74px;font-size:12px;line-height:1.35;overflow:auto}.chat-line{color:#eaffffdb;margin-bottom:4px}.chat-form{grid-template-columns:1fr auto;gap:6px;display:grid}.chat-form input{min-height:34px;padding:0 9px;font-size:12px}.chat-form button{min-height:34px;padding:0 10px;font-size:12px}.bar{background:#4622125c;border:1px solid #ffeca55c;border-radius:999px;height:9px;margin-top:6px;overflow:hidden}.bar i{border-radius:inherit;background:linear-gradient(#ff86a0,#d62845);width:50%;height:100%;display:block}.team-hud{grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;display:grid}.team-card{min-width:0}.team-card b,.team-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.team-card small{color:var(--muted);font-size:12px}.hud-button{pointer-events:auto;color:#fff7bf;background:linear-gradient(#62c836,#248e35);border:2px solid #5e2b1599;min-width:118px;padding:0 12px}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0d212a8f;place-items:center}.overlay.soft{pointer-events:none;background:#03121f38}.overlay.soft .modal-panel{text-align:center;width:min(420px,100vw - 28px)}.loading-screen .modal-panel{text-align:center;width:min(460px,100vw - 28px)}.loading-bar{background:linear-gradient(#7b4526,#4d2b1b);border:3px solid #5f32188a;border-radius:999px;height:15px;margin:16px 0 8px;overflow:hidden;box-shadow:inset 0 2px #ffeba52e}.loading-bar i{border-radius:inherit;background:linear-gradient(#baff66,#55c83b 55%,#228c32);width:48%;height:100%;animation:1.1s ease-in-out infinite loadingSlide;display:block}.loading-bar.determinate i{width:0;min-width:10%;transition:width .18s;animation:none}@keyframes loadingSlide{0%{transform:translate(-110%)}to{transform:translate(230%)}}.modal-panel{color:#5b321d;width:min(720px,100%);padding:20px}.screen.loading-screen .modal-panel{text-align:center;width:min(460px,100vw - 28px)}.upgrade-panel{background:repeating-linear-gradient(8deg,#ffffff14 0 10px,#5a2b1614 10px 20px),linear-gradient(#d68b3d,#8a4d29);border:5px solid #5d2e17db;width:min(820px,100vw - 28px);max-height:calc(100vh - 28px);padding:18px;overflow:hidden;box-shadow:inset 0 4px #ffeca55c,inset 0 -6px #48221257,0 24px 80px #000b186b}.upgrade-head{border-bottom:3px solid #5d2e175c;justify-content:space-between;align-items:start;gap:16px;padding-bottom:12px;display:flex}.upgrade-head h2{margin:2px 0 0;font-size:clamp(28px,4vw,42px);font-weight:720;line-height:.98}.upgrade-badge{color:#fff7bf;background:linear-gradient(#ffcf4d,#d96b31);border-radius:999px;flex:none;padding:8px 12px;font-size:13px;font-weight:650;box-shadow:inset 0 2px #ffffff61,0 7px #54281642}.upgrade-lead{color:#ffe8a8;text-shadow:0 2px #53281685;margin:12px 0 0}.upgrade-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.upgrade-choice{background:linear-gradient(180deg, #fff0b5, #d6a85a), var(--parchment);color:#5b321d;text-align:left;cursor:pointer;border:3px solid #5e301894;border-radius:15px;grid-template-rows:auto 1fr;gap:14px;min-height:168px;padding:14px;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:grid;position:relative;box-shadow:inset 0 3px #ffffff7a,inset 0 -4px #693d1e2e,0 9px #54281629}.upgrade-choice:hover,.upgrade-choice:focus-visible{border-color:#29c7ffeb;outline:none;transform:translateY(-3px);box-shadow:inset 0 3px #ffffff80,inset 0 -4px #693d1e2e,0 12px #5428161f,0 18px 38px #1177b833}.upgrade-choice:active{transform:translateY(-1px)scale(.99)}.upgrade-choice b{color:#fff7bf;background:linear-gradient(#61d83f,#208c34);border-radius:8px;place-items:center;width:48px;height:48px;font-size:17px;font-weight:720;display:grid;box-shadow:inset 0 2px #ffffff6b,0 6px #45271438}.upgrade-choice strong{margin:0 0 7px;font-size:17px;font-weight:680;line-height:1.15;display:block}.upgrade-choice small{color:#6d472d;font-size:13px;line-height:1.4;display:block}.upgrade-status{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 0;display:grid}.upgrade-wait-row{color:#6d472d;background:#ffeca6a3;border:2px solid #5f32185c;border-radius:12px;justify-content:space-between;gap:12px;padding:9px 10px;font-size:13px;display:flex}.upgrade-wait-row span{color:#5b321d}.upgrade-wait-row b{font-weight:600}.settings-panel{gap:14px;display:grid}#settings #exitGame{display:none}#settings.from-game #exitGame{display:block}.slider-row{grid-template-columns:90px 1fr;align-items:center;gap:12px;font-weight:600;display:grid}.slider-row input{accent-color:var(--button-green);padding:0}.modal-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mobile-controls{z-index:4;padding:16px max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:end;display:none;position:fixed;inset:auto 0 0}.stick,.round-btn{pointer-events:auto;background:linear-gradient(#fff0b5,#c27a34);border:4px solid #5428169e;box-shadow:inset 0 3px #ffffff80,inset 0 -5px #50271433,0 12px 30px #00182c47}.stick{border-radius:50%;width:108px;height:108px;position:relative}.stick i{background:linear-gradient(#68e74b,#208c34);border-radius:50%;width:40px;height:40px;position:absolute;top:34px;left:34px}.round-btn{color:#fff7bf;text-shadow:0 2px #542816b8;border-radius:50%;width:74px;height:74px;font-size:13px;font-weight:650}.round-btn.mode{background:linear-gradient(#a8f66a,#248e35);width:62px;height:62px;margin-left:auto;margin-right:10px;font-size:12px;font-weight:560}@media (max-width:980px){.shell-grid,.room-panel{height:calc(100vh - 20px)}.shell-grid{grid-template-columns:1fr}.setup-layout{grid-template-columns:1fr 1fr}.setup-section.side{grid-column:1/-1}.player-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hud{grid-template-columns:1fr 1fr;max-width:720px}.minimap-card,.chat-card{grid-column:span 1}.team-hud{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.hud-button{grid-column:2;justify-self:end}}@media (max-width:720px){.screen{padding:8px}.shell-grid{grid-template-rows:34vh 1fr;grid-template-columns:1fr;gap:8px;height:calc(100vh - 16px)}.brand-pane{position:absolute}.brand-copy{inset:12px 14px auto}h1{font-size:clamp(34px,12vw,52px)}h2{font-size:28px}.lobby-panel{padding:14px}.room-panel{height:calc(100vh - 16px);padding:10px}.setup-layout{grid-template-columns:1fr;gap:8px}.class-grid{grid-template-columns:1fr 1fr}.class-carousel{grid-template-rows:226px auto;min-height:344px}.class-stage{min-height:226px}.class-slide{width:122px;height:144px;top:16px}.class-slide.current{width:184px;height:204px}.class-slide .asset-thumb{width:72px;height:72px}.class-hero{width:154px;height:132px}.class-sprite-chip{width:38px;height:38px;top:26px;right:6px}.class-energy-ring{width:90px}.class-arrow{top:88px}.pick-card{min-height:88px;padding:8px}.pick-card small{display:none}.avatar,.asset-thumb{width:48px;height:48px}.room-head h2{font-size:38px}.top-actions{flex-direction:column}.player-list{grid-template-columns:1fr}.hud{grid-template-columns:1fr;max-width:330px}.hud-card.center,.team-hud,.chat-card{display:none}.minimap-card{justify-self:end;width:116px}#minimap{width:104px;height:104px}.screen.loading-screen .modal-panel{width:calc(100vw - 44px)}.mobile-controls{display:flex}.upgrade-panel{padding:14px;overflow-y:auto}.upgrade-head h2{font-size:30px}.upgrade-grid,.upgrade-status,.modal-actions{grid-template-columns:1fr}.upgrade-choice{grid-template-rows:auto;grid-template-columns:48px 1fr;align-items:center;min-height:118px}}:root{--ink:#eaffff;--muted:#daf6ffad;--panel:#051222b8;--panel-strong:#071d32e0;--cyan:#75e6ff;--mint:#8ff3d5;--violet:#7c5cff;--pink:#ff6fb1;--warning:#ffe66d;--danger:#ff5c7a}*{scrollbar-width:thin;scrollbar-color:#75e6ffbd #030e1b9e}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#030e1b94;border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--cyan), var(--mint));border:2px solid #030e1bd1;border-radius:999px}body{color:var(--ink);background:radial-gradient(circle at 16% 12%,#75e6ff2e,#0000 34%),radial-gradient(circle at 82% 18%,#ff6fb121,#0000 28%),linear-gradient(135deg,#03101e 0%,#06243b 45%,#07162b 100%)}.screen:before{opacity:.18;background-color:#0000;background-image:linear-gradient(90deg,#75e6ff14 1px,#0000 1px),linear-gradient(0deg,#75e6ff0f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:64px 64px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.brand-pane,.lobby-panel,.room-panel,.modal-panel,.upgrade-panel,.hud-card,.team-hud,.team-card,.settings-panel,.public-lobby,.setup-section,.player-row{color:var(--ink);-webkit-backdrop-filter:blur(18px)saturate(1.18);backdrop-filter:blur(18px)saturate(1.18);background:linear-gradient(145deg,#081a2cd1,#07344f75);border:1px solid #75e6ff38;border-radius:8px;box-shadow:0 18px 48px #00000052,inset 0 1px #ffffff12}.lobby-panel:before,.room-panel:before,.modal-panel:before,.lobby-panel:after,.room-panel:after,.hud-card:before,.team-hud:before{display:none}h1,h2,.room-head h2,.upgrade-head h2{color:var(--ink);letter-spacing:0;text-shadow:0 0 20px #75e6ff70;font-weight:720}.eyebrow{color:var(--cyan);letter-spacing:.12em;text-shadow:none;font-weight:620}.brand-copy{color:var(--muted)}.brand-copy p,.setup-section p,.status,.room-head p,.upgrade-lead,.settings-panel p,.player-row small,.team-card small{color:var(--muted);text-shadow:none}.field label,.setup-section h3,.player-row span,.public-lobby b,.team-card b{color:var(--ink);font-weight:560}input,select{min-height:40px;color:var(--ink);background:#030d1994;border:1px solid #75e6ff42;border-radius:8px;outline:none;box-shadow:inset 0 1px #ffffff0d}input:focus,select:focus{border-color:#75e6ffd1;box-shadow:0 0 0 3px #75e6ff24,inset 0 1px #ffffff0f}button,.primary,.secondary,.ghost,.icon-btn,.hud-button,.round-btn{min-height:36px;color:var(--ink);letter-spacing:0;text-shadow:none;border:1px solid #75e6ff47;border-radius:8px;font-weight:620;transition:transform .14s,border-color .14s,box-shadow .14s,filter .14s;box-shadow:0 10px 26px #00000038,inset 0 1px #ffffff1a}button:hover,.primary:hover,.secondary:hover,.ghost:hover,.icon-btn:hover,.hud-button:hover,.round-btn:hover{border-color:#75e6ffb8;transform:translateY(-1px);box-shadow:0 0 0 3px #75e6ff1a,0 14px 34px #00000047}button:active,.primary:active,.secondary:active,.ghost:active,.icon-btn:active,.hud-button:active,.round-btn:active{transform:translateY(0)scale(.99)}.primary{color:#02131e;background:linear-gradient(135deg, var(--cyan), var(--mint))}.secondary{color:#fff;background:linear-gradient(135deg, var(--violet), #25c9ff)}.ghost,.icon-btn{background:#0515259e}.pick-card{background:#03101e8a;border:1px solid #75e6ff2e;border-radius:8px;min-height:110px;box-shadow:inset 0 1px #ffffff0f}.pick-card.selected{background:linear-gradient(145deg,#156e8385,#081e34b3);border-color:#8ff3d5c7;box-shadow:0 0 0 3px #8ff3d51f,inset 0 1px #ffffff14}.avatar,.asset-thumb{background:#041323b8;border-color:#75e6ff47;border-radius:8px}.dot{background:#75e6ff57;border-color:#75e6ff80}.dot.ready,.player-row .dot.ready{background:var(--mint);box-shadow:0 0 14px #8ff3d5ad}.hud{grid-template-columns:104px minmax(168px,.48fr) 88px;align-items:start;gap:8px;padding:10px}.hud-card{background:#04111f94;min-height:48px;padding:7px 8px;box-shadow:0 12px 32px #0000002e,inset 0 1px #ffffff0f}.hud-card.self{display:none}.hud-card.center{max-width:104px}.wave-card{display:none}.hud-card h3{color:var(--cyan);margin:0 0 5px;font-size:11px;font-weight:620}.hud-card strong,#waveText{font-size:17px;font-weight:650}#hudClass,#enemyText{color:var(--muted);font-size:11px}.bar{background:#ffffff1a;border:0;height:6px}.bar i{background:linear-gradient(90deg, var(--danger), #ffd0dc)}.bar.xp i{background:linear-gradient(90deg, var(--violet), var(--cyan))}.minimap-card{left:max(10px, env(safe-area-inset-left));bottom:max(10px, env(safe-area-inset-bottom));z-index:4;pointer-events:none;width:206px;padding:8px;position:fixed}.minimap-stats{background:#030f1d8a;border:1px solid #75e6ff2e;border-radius:8px;grid-template-columns:auto 1fr;gap:1px 8px;width:190px;margin-bottom:7px;padding:7px 8px;display:grid;box-shadow:inset 0 1px #ffffff0f}.minimap-stats span,.minimap-stats small{color:var(--muted);font-size:10px;line-height:1.15}.minimap-stats b{color:var(--ink);justify-self:end;font-size:16px;line-height:1}.minimap-stats #enemyText,.minimap-stats #timerText{grid-column:1/-1}#minimap{border-color:#75e6ff38;border-radius:8px;width:190px;height:190px}.chat-card{min-height:88px}.chat-log{height:48px;font-size:11px}.chat-line b{color:var(--mint);font-weight:650}.chat-form input,.chat-form button{min-height:30px;font-size:11px}.chat-form{grid-template-columns:minmax(0,1fr) 54px}.chat-form button{color:#03131e;min-width:54px;text-shadow:none;background:linear-gradient(135deg,#75e6ff,#8ff3d5);border:1px solid #75e6ff6b;place-items:center;padding:0 8px;font-weight:720;display:grid;box-shadow:0 0 18px #75e6ff2e,inset 0 1px #ffffff47}.chat-form button:hover{color:#02131e;filter:brightness(1.08)}.team-hud{left:max(10px, env(safe-area-inset-left));top:max(10px, env(safe-area-inset-top));z-index:4;pointer-events:auto;grid-template-columns:1fr;gap:6px;width:min(330px,100vw - 20px);padding:8px;display:grid;position:fixed}.team-card{width:100%;min-height:0;color:var(--ink);text-align:left;box-shadow:none;cursor:pointer;background:#030f1d7a;border:1px solid #75e6ff2e;padding:9px 10px;display:grid}.team-card b{font-size:12px}.team-card small{font-size:11px}.team-skills{align-items:center;gap:4px;min-height:22px;margin-top:5px;display:flex}.team-skills em{color:#eaffffbd;margin-right:2px;font-size:9px;font-style:normal}.team-no-skill{color:#daf6ff75;font-size:9px}.skill-icon{--size:42px;width:var(--size);height:var(--size);background-image:url(/assets/skill-icons.png);background-size:300% 300%;background-position:calc(var(--sx) * 50%) calc(var(--sy) * 50%);border:1px solid #75e6ff3d;border-radius:8px;flex:none;display:inline-block;box-shadow:inset 0 1px #ffffff14,0 0 14px #75e6ff1a}.skill-icon.mini{--size:20px;border-radius:6px}.hud-button{top:10px;right:max(10px, env(safe-area-inset-right));z-index:5;background:#051525ad;min-width:0;height:34px;padding:0 10px;font-size:12px;position:fixed}.overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020a14ad}.upgrade-panel{background:linear-gradient(145deg,#071c32eb,#091426e0);width:min(760px,100vw - 28px);padding:16px}.upgrade-head{border-bottom:1px solid #75e6ff2e}.upgrade-head h2{font-size:clamp(26px,3vw,36px)}.upgrade-badge{color:#03131e;background:linear-gradient(135deg, var(--mint), var(--cyan));box-shadow:none;border:1px solid #8ff3d55c;border-radius:8px;font-weight:640}.upgrade-choice{min-height:140px;color:var(--ink);background:#03101e9e;border:1px solid #75e6ff38;border-radius:8px;grid-template-rows:auto;grid-template-columns:48px 1fr;align-items:center;box-shadow:inset 0 1px #ffffff0f}.upgrade-choice:hover,.upgrade-choice:focus-visible{border-color:#8ff3d5c7;box-shadow:0 0 0 3px #8ff3d51f,0 16px 36px #00000047}.upgrade-choice b{color:#03131e;background:linear-gradient(135deg, var(--cyan), var(--mint));box-shadow:none;border-radius:8px}.upgrade-choice .skill-icon{--size:48px}.upgrade-choice strong{color:var(--ink);font-weight:650}.upgrade-choice small{color:var(--muted)}.upgrade-wait-row{color:var(--muted);background:#03101e8f;border:1px solid #75e6ff2e;border-radius:8px}.upgrade-wait-row span,.upgrade-wait-row b{color:var(--ink)}.upgrade-wait-row.picked{background:#19685d57;border-color:#8ff3d580}.upgrade-wait-row.picked b{color:var(--mint)}.slider-row{grid-template-columns:96px 1fr;font-weight:520}.slider-row input{accent-color:var(--cyan)}.loading-bar{height:10px;box-shadow:none;background:#030e1bb8;border:1px solid #75e6ff3d}.loading-bar i{background:linear-gradient(90deg, var(--violet), var(--cyan), var(--mint))}.stick,.round-btn{background:#04111fb3;border:1px solid #75e6ff42;box-shadow:0 16px 34px #00000047,inset 0 1px #ffffff14}.stick i{background:linear-gradient(135deg, var(--cyan), var(--mint))}.round-btn{color:var(--ink);text-shadow:none}.round-btn.shoot{background:linear-gradient(135deg,#7c5cffe6,#25c9ffd1)}.round-btn.mode{color:#03131e;background:linear-gradient(135deg,#8ff3d5e6,#75e6ffc2)}@media (max-width:980px){.hud{grid-template-columns:104px 1fr 88px;max-width:calc(100vw - 20px)}.team-hud{grid-column:auto;grid-template-columns:1fr}}@media (max-width:720px){.shell-grid{grid-template-rows:31vh 1fr}.hud{grid-template-columns:98px 1fr;width:calc(100vw - 16px);max-width:none;padding:8px}.hud-card.self{max-width:none}.hud-card.center{max-width:98px;display:block}.chat-card{display:none}.minimap-card{justify-self:auto;width:154px}.minimap-stats{gap:1px 6px;width:138px;padding:6px}.minimap-stats b{font-size:14px}#minimap{width:138px;height:138px}.team-hud{top:max(8px, env(safe-area-inset-top));width:min(260px,100vw - 16px);padding:6px}.team-card{padding:6px}.team-card b{font-size:10px}.team-card small{font-size:9px}.hud-button{height:32px;font-size:11px}}#landing{background:radial-gradient(circle at 48% 18%,#75e6ff33,#0000 32%),linear-gradient(135deg,#020a14 0%,#06223b 48%,#030b18 100%)}#landing .shell-grid{grid-template-columns:minmax(0,1fr) minmax(340px,420px);align-items:stretch;gap:18px;width:min(1040px,100%);height:min(650px,100vh - 28px);animation:.55s cubic-bezier(.2,.8,.2,1) both screenRise}#landing .brand-pane{background:linear-gradient(#0412221f,#030a14c7),#05152594;border-color:#75e6ff2e;min-height:0;position:relative;inset:auto;overflow:hidden}#landing .brand-pane:after{content:"";mix-blend-mode:screen;opacity:.48;pointer-events:none;background:linear-gradient(105deg,#0000 0 42%,#75e6ff24 48%,#0000 54% 100%),repeating-linear-gradient(0deg,#ffffff0a 0 1px,#0000 1px 6px);animation:5.4s linear infinite neonScan;position:absolute;inset:0}.hero-mascot{object-fit:contain;opacity:.9;filter:drop-shadow(0 24px 40px #0006)drop-shadow(0 0 28px #75e6ff3d);transform-origin:52% 72%;width:min(76%,560px);height:auto;animation:4.8s ease-in-out infinite mascotFloat;position:absolute;bottom:-4%;right:-8%}.neon-orbit{aspect-ratio:1;filter:drop-shadow(0 0 24px #75e6ff47);pointer-events:none;border:1px solid #75e6ff29;border-radius:50%;width:280px;animation:12s linear infinite orbitTurn;position:absolute;inset:12% 8% auto auto}.neon-orbit i{background:var(--cyan);width:9px;height:9px;box-shadow:0 0 18px var(--cyan);border-radius:50%;position:absolute}.neon-orbit i:first-child{top:-5px;left:50%}.neon-orbit i:nth-child(2){background:var(--mint);box-shadow:0 0 18px var(--mint);bottom:52px;right:18px}.neon-orbit i:nth-child(3){background:var(--pink);box-shadow:0 0 18px var(--pink);bottom:72px;left:22px}#landing .brand-copy{z-index:2;max-width:520px;inset:auto 24px 24px}#landing h1{max-width:9ch;margin-bottom:10px;font-size:clamp(44px,7vw,78px);line-height:.9}#landing .brand-copy p:not(.eyebrow){max-width:440px;font-size:14px;line-height:1.55}.feature-chips,.class-preview{flex-wrap:wrap;gap:7px;display:flex}.feature-chips{margin-top:16px}.feature-chips span,.class-preview span{color:#eaffffd1;background:#030e1b80;border:1px solid #75e6ff38;border-radius:999px;box-shadow:inset 0 1px #ffffff0f}.feature-chips span{padding:7px 10px;font-size:12px}#landing .lobby-panel{background:linear-gradient(150deg,#071e34db,#040f1dbd);border-color:#75e6ff33;align-self:center;min-height:0;padding:18px;animation:4s ease-in-out infinite panelPulse;overflow:hidden}.lobby-glow{border-radius:inherit;opacity:.52;pointer-events:none;background:linear-gradient(115deg,#0000 0 30%,#75e6ff29,#0000 62% 100%);animation:6s ease-in-out infinite panelSweep;position:absolute;inset:-1px;transform:translate(-42%)}#landing .panel-head{margin-bottom:18px}#landing .field{margin-bottom:12px}#landing .action-grid{gap:10px}#landing .lobby-browser{border-top:1px solid #75e6ff21;margin-top:14px;padding-top:12px}#landing .public-lobby-list{max-height:138px}.class-preview{margin:12px 0 4px}.class-preview span{color:#8ff3d5db;padding:5px 8px;font-size:11px}#landing button,#landing input{transform:translateZ(0)}#landing button:hover,#landing input:focus{animation:1.5s ease-in-out infinite microGlow}.screen.overlay.active{pointer-events:auto}.settings-panel{width:min(500px,100vw - 28px)}.player-detail-panel{width:min(780px,100vw - 28px);max-height:calc(100vh - 28px);overflow:auto}.player-detail-body{gap:14px;display:grid}.detail-hero{background:#03101e7a;border:1px solid #75e6ff2e;border-radius:8px;grid-template-columns:82px 1fr;align-items:center;gap:14px;padding:12px;display:grid}.detail-avatar{width:82px;height:82px}.detail-hero b,.detail-hero small{display:block}.detail-hero b{color:#eaffff;font-size:18px;font-weight:680}.detail-hero small{color:#daf6ffad;margin:4px 0 10px}.detail-grid{grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);gap:12px;display:grid}.detail-grid section{background:#03101e6b;border:1px solid #75e6ff29;border-radius:8px;min-width:0;padding:12px}.detail-grid h3{color:var(--cyan);text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:650}.detail-skills{gap:8px;display:grid}.detail-skill{background:#75e6ff0f;border-radius:8px;grid-template-columns:42px 1fr auto;align-items:center;gap:9px;padding:8px;display:grid}.detail-skill b,.detail-skill small{display:block}.detail-skill b{color:#eaffff;font-size:12px;font-weight:650}.detail-skill small{color:#daf6ff94;font-size:10px}.detail-skill strong{color:var(--mint);font-size:12px;font-weight:650}.detail-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.detail-stats div{background:#75e6ff0f;border-radius:8px;padding:8px}.detail-stats span,.detail-stats b{display:block}.detail-stats span{color:#daf6ff94;font-size:10px}.detail-stats b{color:#eaffff;margin-top:3px;font-size:13px;font-weight:650}.settings-panel .panel-head{margin-bottom:4px}.settings-panel select,.settings-panel input[type=range],.settings-panel button{pointer-events:auto}.settings-panel input[type=range]{cursor:grab;min-height:28px}.settings-panel input[type=range]:active{cursor:grabbing}@keyframes screenRise{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes mascotFloat{0%,to{transform:translate(0,0)rotate(-1deg)}50%{transform:translateY(-12px)rotate(1.2deg)}}@keyframes orbitTurn{to{transform:rotate(360deg)}}@keyframes neonScan{0%{transform:translate(-55%)}to{transform:translate(55%)}}@keyframes panelSweep{0%,62%,to{opacity:.16;transform:translate(-48%)}36%{opacity:.5;transform:translate(48%)}}@keyframes panelPulse{0%,to{box-shadow:0 18px 48px #00000052,0 0 #75e6ff00,inset 0 1px #ffffff12}50%{box-shadow:0 18px 48px #00000052,0 0 32px #75e6ff1c,inset 0 1px #ffffff12}}@keyframes microGlow{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}@media (prefers-reduced-motion:reduce){#landing .shell-grid,#landing .lobby-panel,#landing .brand-pane:after,.hero-mascot,.neon-orbit,.lobby-glow,#landing button:hover,#landing input:focus{animation:none}}@media (max-width:860px){#landing .shell-grid{grid-template-rows:minmax(210px,32vh) minmax(0,1fr);grid-template-columns:1fr;gap:10px;height:calc(100vh - 16px)}.hero-mascot{width:min(58%,360px);bottom:-26%;right:-4%}#landing .brand-copy{bottom:14px;left:16px;right:16px}#landing h1{font-size:clamp(34px,11vw,54px)}#landing .brand-copy p:not(.eyebrow),.feature-chips{display:none}#landing .lobby-panel{align-self:stretch;padding:14px}#landing .public-lobby-list{max-height:112px}}.dev-toggle{top:max(164px, calc(env(safe-area-inset-top) + 164px));right:max(10px, env(safe-area-inset-right));z-index:15;color:#fff0b1d1;pointer-events:auto;cursor:pointer;background:#051525c2;border:1px solid #ffd16652;border-radius:999px;grid-template-columns:auto 34px;align-items:center;gap:8px;min-width:82px;height:32px;padding:0 6px 0 10px;display:none;position:fixed;box-shadow:0 14px 34px #00000047,inset 0 1px #ffffff14}.dev-toggle.allowed{display:grid}.dev-toggle span{text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:720}.dev-toggle i{background:#ffffff1f;border-radius:999px;width:34px;height:18px;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a}.dev-toggle i:after{content:"";background:#daf6ffb8;border-radius:50%;width:14px;height:14px;transition:transform .18s,background .18s,box-shadow .18s;position:absolute;top:2px;left:2px}.dev-toggle.enabled{color:#ffd166;border-color:#ff5c7ab8;box-shadow:0 0 24px #ff5c7a2e,0 14px 34px #00000047}.dev-toggle.enabled i{background:#ff5c7a57}.dev-toggle.enabled i:after{background:#ff5c7a;transform:translate(16px);box-shadow:0 0 14px #ff5c7ab8}.dev-panel{top:max(204px, calc(env(safe-area-inset-top) + 204px));right:max(10px, env(safe-area-inset-right));z-index:15;width:min(260px,100vw - 20px);color:var(--ink);pointer-events:auto;background:linear-gradient(145deg,#2a071ce6,#051222e6);border:1px solid #ff5c7a57;border-radius:8px;padding:12px;display:none;position:fixed;box-shadow:0 22px 60px #00000061,0 0 26px #ff5c7a1f}.dev-panel.active{gap:10px;animation:.18s both panelPop;display:grid}.dev-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.dev-head b{color:#ffd166;font-size:13px}.dev-head span,.dev-panel small{color:#daf6ff9e;font-size:10px}.dev-switch{justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.dev-switch input{opacity:0;pointer-events:none;position:absolute}.dev-switch i{background:#ffffff1f;border-radius:999px;flex:none;width:38px;height:20px;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f}.dev-switch i:after{content:"";background:#daf6ffc7;border-radius:50%;width:14px;height:14px;transition:transform .18s,background .18s,box-shadow .18s;position:absolute;top:3px;left:3px}.dev-switch input:checked+i{background:#ff5c7a57}.dev-switch input:checked+i:after{background:#ff5c7a;transform:translate(18px);box-shadow:0 0 14px #ff5c7ab8}.dev-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.dev-actions button{min-height:30px;color:var(--ink);cursor:pointer;background:#ffffff14;border:1px solid #ffd16638;border-radius:8px;font-size:11px;font-weight:620}.dev-actions button:hover{background:#ffd1661f;border-color:#ffd16694}.chat-tag{vertical-align:1px;color:#daf6ffbd;text-transform:uppercase;border:1px solid #75e6ff2e;border-radius:999px;justify-content:center;place-items:center;margin-right:5px;padding:1px 5px;font-size:9px;font-weight:760;display:inline-flex}.chat-tag.admin{color:#ff5c7a;text-shadow:0 0 8px #ff5c7ae6,0 0 18px #ff5c7a80;background:#ff5c7a1a;border-color:#ff5c7ab8;box-shadow:0 0 14px #ff5c7a2e}.chat-tag.hunter{color:#8ff3d5;background:#8ff3d514;border-color:#8ff3d570}.chat-tag.guest{color:#daf6ff9e;background:#daf6ff0b;border-color:#daf6ff2e}#landing.screen,#lobby.screen{padding:0}#landing .shell-grid,#lobby .room-panel{border-radius:0;width:100vw;max-width:none;height:100vh}#landing .shell-grid{grid-template-columns:minmax(0,1.18fr) minmax(360px,460px)}#landing .lobby-panel{border-block:0;border-right:0;border-radius:0;width:100%;min-width:0}#lobby .room-panel{padding:clamp(14px,2vw,26px)}#lobby:not(.is-host) .host-map-section{display:none}#lobby:not(.is-host) .setup-layout{grid-template-columns:minmax(0,1.1fr) minmax(320px,.78fr)}.coin-wallet{background:#03101e57;border:1px solid #75e6ff33;border-radius:10px;grid-template-columns:1fr 1fr;gap:8px;padding:10px;display:grid}.coin-pill{background:linear-gradient(145deg,#75e6ff1a,#03101e6b);border:1px solid #75e6ff2e;border-radius:9px;align-items:center;gap:9px;min-width:0;padding:8px;display:flex}.coin-pill i{color:#071625;background:linear-gradient(#ffe08a,#ffb84d);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:13px;font-style:normal;font-weight:760;display:grid;box-shadow:0 0 18px #ffd16638,inset 0 1px #ffffff8c}.coin-pill.premium i{background:linear-gradient(#b6f6ff,#7c5cff);box-shadow:0 0 18px #7c5cff40,inset 0 1px #ffffff8c}.coin-pill span{min-width:0;display:grid}.coin-pill small{color:#daf6ff9e;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.coin-pill b{color:#eaffff;font-size:18px;font-weight:700}.wallet-hint{color:#daf6ff9e;grid-column:1/-1;font-size:11px}.coin-wallet.locked{opacity:.76}.coin-wallet.locked .coin-pill{filter:grayscale(.45)}@media (max-width:860px){#landing .shell-grid{grid-template-rows:30vh minmax(0,1fr);grid-template-columns:1fr;width:100vw;height:100vh}#landing .lobby-panel{border-left:0;overflow:auto}#lobby:not(.is-host) .setup-layout,#lobby .setup-layout{grid-template-columns:1fr}}@media (max-width:720px){.player-detail-panel{width:calc(100vw - 16px);padding:14px}.detail-grid{grid-template-columns:1fr}.detail-stats{grid-template-columns:1fr 1fr}}#landing .brand-pane>.hero-mascot{object-fit:cover;object-position:44% 50%;opacity:.74;filter:saturate(1.08)brightness(.72)contrast(1.08)drop-shadow(0 0 34px #75e6ff2e);width:108%;min-width:0;max-width:none;height:108%;animation:9s ease-in-out infinite heroDrift;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(1)}#landing .brand-pane:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 62% 46%,#0000 0 28%,#020a1433 48%,#020a149e 100%),linear-gradient(90deg,#020a142e,#020a147a);position:absolute;inset:0}#landing .brand-pane:after{z-index:2}.neon-orbit,#landing .brand-copy{z-index:3}.asset-thumb{background-color:#030e1b7a;background-repeat:no-repeat;background-size:200% 200%;box-shadow:inset 0 0 0 1px #75e6ff29,0 0 18px #75e6ff14}.cat-thumb{background-image:url(/assets/cat-classes.png)}.map-thumb{background-image:url(/assets/map-thumbnails.png)}.cat-guardian,.map-market{background-position:0 0}.cat-sniper,.map-temple{background-position:100% 0}.cat-ninja,.map-station{background-position:0 100%}.cat-medic,.cat-soldierMedic,.map-garden{background-position:100% 100%}.pick-card b{color:#eaffffeb;font-weight:640}.pick-card small{color:#daf6ff9e}.pick-card.selected b{color:#fff}@keyframes heroDrift{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-49%,-51%)scale(1.035)}}@media (max-width:860px){#landing .brand-pane>.hero-mascot{object-position:50% 44%;width:100%;height:118%}}#landing .shell-grid>.brand-pane{isolation:isolate;min-height:520px;display:block;background-image:linear-gradient(90deg,#020a143d,#020a146b),radial-gradient(circle at 64% 44%,#75e6ff0a,#020a1494 72%),url(/assets/nuadmaew-hero.png)!important;background-position:50%,50%,48%!important;background-repeat:no-repeat!important;background-size:cover,cover,cover!important}#landing .shell-grid>.brand-pane>.hero-mascot{display:none}#landing .shell-grid>.brand-pane .brand-copy{z-index:5;color:#eaffff;padding:0;display:block;position:absolute;inset:auto 26px 24px}#landing .shell-grid>.brand-pane .brand-copy h1{color:#f3ffff;text-shadow:0 0 26px #75e6ff94,0 8px 28px #0000008a;max-width:9ch;margin:0 0 10px;display:block}#landing .shell-grid>.brand-pane .brand-copy p{color:#eaffffc7;display:block}#landing .shell-grid>.brand-pane .brand-copy .eyebrow{color:#75e6ff}#landing .shell-grid>.brand-pane .feature-chips{display:flex}#landing .shell-grid>.brand-pane:before{z-index:1}#landing .shell-grid>.brand-pane:after{z-index:2}@media (max-width:860px){#landing .shell-grid>.brand-pane{min-height:210px;background-position:50%,50%,50% 42%!important}#landing .shell-grid>.brand-pane .brand-copy{bottom:14px;left:16px;right:16px}#landing .shell-grid>.brand-pane .brand-copy p:not(.eyebrow),#landing .shell-grid>.brand-pane .feature-chips{display:none}}.hud.active{z-index:8}.hud.active .chat-card{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:14;-webkit-backdrop-filter:blur(10px)saturate(1.18);backdrop-filter:blur(10px)saturate(1.18);pointer-events:auto;background:linear-gradient(145deg,#04111f80,#030b183d),#020a143d;border-color:#75e6ff4d;width:min(340px,100vw - 24px);min-height:0;padding:8px;display:grid;position:fixed;box-shadow:0 18px 46px #00000038,0 0 28px #75e6ff1f,inset 0 1px #ffffff1a}.hud.active .chat-card h3{letter-spacing:.06em;opacity:.82;margin-bottom:5px;font-size:10px}.hud.active .chat-card .chat-log{color:#eaffffeb;text-shadow:0 1px 4px #000000b8;height:82px;padding-right:3px}.hud.active .chat-card .chat-line{padding:2px 0}.hud.active .chat-card .chat-line b{color:#8ff3d5;text-shadow:0 0 10px #8ff3d56b}.hud.active .chat-card .chat-form{margin-top:6px}body.upgrade-open .hud-card:not(.chat-card),body.upgrade-open .team-hud,body.upgrade-open .hud-button,body.upgrade-open .mobile-controls{opacity:.16;pointer-events:none}body.upgrade-open .hud.active .chat-card{opacity:1;pointer-events:auto}@media (max-width:720px){.hud.active .chat-card{top:max(54px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));width:min(300px,100vw - 16px);padding:7px}.hud.active .chat-card .chat-log{height:62px}.dev-toggle{top:max(176px, calc(env(safe-area-inset-top) + 176px));right:max(8px, env(safe-area-inset-right))}.dev-panel{top:max(214px, calc(env(safe-area-inset-top) + 214px));right:max(8px, env(safe-area-inset-right));width:min(260px,100vw - 16px)}}.auth-strip{background:#03101e57;border:1px solid #75e6ff2e;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;margin:10px 0 4px;padding:8px;display:grid;box-shadow:inset 0 1px #ffffff0d}.auth-strip .status,.auth-strip small{text-align:left;margin:0;display:block}.auth-strip small{color:#daf6ff94;font-size:10px}.google-login{min-width:120px}.google-login:empty{display:none}#logoutAuth{min-height:32px;padding:0 10px;font-size:11px;display:none}#logoutAuth.active{display:inline-grid}@media (max-width:720px){.auth-strip{grid-template-columns:1fr}}.voice-settings{background:#03101e5c;border:1px solid #75e6ff2e;border-radius:8px;gap:8px;margin:8px 0 10px;padding:10px;display:grid}.modal-actions.compact{grid-template-columns:minmax(0,1fr) 92px;gap:8px;display:grid}.team-card b{justify-content:space-between;align-items:center;gap:6px;display:flex}.team-live-row{align-items:center;gap:4px;display:inline-flex}.team-live{color:#daf6ffad;text-transform:uppercase;border:1px solid #75e6ff33;border-radius:999px;padding:2px 5px;font-size:8px;font-weight:650;display:none}.team-live.voice-on,.team-live.speaking,.team-live.typing{display:inline-flex}.team-live.speaking{color:#02131e;background:linear-gradient(135deg,#8ff3d5,#75e6ff);border-color:#8ff3d5c7;box-shadow:0 0 16px #8ff3d547}.team-live.typing{color:#ffd166;border-color:#ffd16657}.hud.active .chat-card .chat-form{grid-template-columns:minmax(0,1fr) 58px 54px}.mic-toggle{color:#eaffffdb;background:#75e6ff14;min-width:42px;padding:0 8px;font-size:18px;line-height:1}.mic-toggle.active{color:#02131e;background:linear-gradient(135deg,#8ff3d5,#75e6ff);box-shadow:0 0 18px #8ff3d538}.mic-toggle.speaking{animation:1s ease-in-out infinite microGlow}.voice-settings{min-width:0}.voice-settings .slider-row{grid-template-columns:90px minmax(0,1fr);min-width:0}.voice-settings select{width:100%;min-width:0}.upgrade-countdown{border-color:#ffd1665c;grid-column:1/-1}.upgrade-countdown b{color:#ffd166}#landing{padding:0}#landing .shell-grid{grid-template-columns:minmax(0,1.2fr) minmax(360px,440px);width:min(1180px,100vw - 28px);height:min(720px,100vh - 28px)}#landing .lobby-panel{align-content:center;align-self:stretch;gap:12px;display:grid}#landing .field{margin:0}#landing .action-grid{gap:9px;display:grid}#landing .join-row{grid-template-columns:minmax(0,1fr) 104px;gap:8px;display:grid}#browseLobbies.wide{width:100%}.lobby-summary{grid-template-columns:1fr 1fr;gap:8px;margin-top:2px;display:grid}.lobby-summary div{background:#03101e5c;border:1px solid #75e6ff2e;border-radius:8px;padding:10px}.lobby-summary b,.lobby-summary span{display:block}.lobby-summary b{color:#eaffff;font-size:24px;font-weight:680}.lobby-summary span{color:#daf6ff9e;font-size:11px}.landing-dialog{z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#01070e9e;place-items:center;padding:18px;display:none;position:fixed;inset:0}.landing-dialog.active{display:grid}.landing-dialog-panel{background:linear-gradient(145deg,#05182af0,#020a14eb),#020a14f0;border:1px solid #75e6ff47;border-radius:8px;gap:12px;width:min(430px,100vw - 28px);padding:18px;display:grid;box-shadow:0 28px 80px #00000075,0 0 42px #75e6ff1f}.landing-dialog-panel h2{color:#eaffff;margin:-6px 0 0;font-size:25px;font-weight:680}.lobby-list-panel{width:min(680px,100vw - 28px)}.lobby-list-panel .public-lobby-list{max-height:min(420px,58vh)}.shop-open{color:#eaffff;background:linear-gradient(135deg,#75e6ff2e,#8ff3d51f),#03101e8a;border:1px solid #8ff3d561;border-radius:9px;min-height:40px;box-shadow:inset 0 0 0 1px #eaffff0a,0 0 24px #75e6ff1f}.shop-panel{grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:14px;width:min(920px,100vw - 28px);max-height:min(720px,100vh - 28px);display:grid;overflow:hidden}.shop-head-actions{align-items:center;gap:10px;display:flex}.shop-wallet{background:#020d1894;border:1px solid #75e6ff33;border-radius:999px;align-items:center;gap:7px;padding:6px;display:flex}.shop-wallet span{color:#eaffff;background:#75e6ff14;border-radius:999px;align-items:center;gap:5px;min-width:74px;padding:5px 9px;display:inline-flex}.shop-wallet i{color:#03121f;background:linear-gradient(135deg,#75e6ff,#8ff3d5);border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-style:normal;font-weight:820;display:grid}.shop-wallet b{font-size:12px;font-weight:760}.shop-wallet.locked{opacity:.58}.shop-toast{color:#eaffff;opacity:0;background:#03101ec7;border:1px solid #0000;border-radius:9px;min-height:0;max-height:0;padding:0 12px;transition:max-height .22s,min-height .22s,padding .22s,opacity .22s,transform .22s;overflow:hidden;transform:translateY(-6px)}.shop-toast.active{opacity:1;align-items:center;min-height:38px;max-height:64px;padding:8px 12px;display:grid;transform:translateY(0)}.shop-toast.success{border-color:#8ff3d56b;box-shadow:0 0 20px #8ff3d524}.shop-toast.warn{color:#fff1ba;border-color:#ffd1666b}.shop-toast.error{color:#ffd4df;border-color:#ff7e9f7a;box-shadow:0 0 20px #ff7e9f1f}.shop-tabs{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.shop-tabs button{color:#eaffffc7;background:#020d189e;border:1px solid #75e6ff38;border-radius:999px;min-height:34px;padding:0 14px}.shop-tabs button.active{color:#02131e;background:linear-gradient(135deg,#75e6ff,#8ff3d5);border-color:#8ff3d5c7;box-shadow:0 0 24px #75e6ff33}.shop-tabs small{opacity:.68}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;min-height:0;padding-right:4px;display:grid;overflow:auto}.shop-card{background:radial-gradient(circle at 100% 0,#75e6ff1f,#0000 42%),#020d18b8;border:1px solid #75e6ff33;border-radius:10px;align-content:start;gap:9px;padding:12px;display:grid;box-shadow:inset 0 0 0 1px #eaffff09}.shop-card.rarity-rare{border-color:#8ff3d557}.shop-card.rarity-epic{border-color:#ff7e9f57}.shop-card.rarity-legendary{border-color:#c7b7ff75;box-shadow:0 0 28px #7e66ff1f,inset 0 0 0 1px #eaffff0a}.shop-card-head{text-transform:uppercase;color:#daf6ff9e;justify-content:space-between;gap:8px;font-size:10px;display:flex}.shop-rarity{color:#ffd166}.shop-price{color:#8ff3d5}.name-tag-sample{border:1px solid var(--tag-border,#75e6ff5c);min-height:58px;color:var(--tag-color,#75e6ff);text-shadow:0 0 9px var(--tag-glow,#75e6ff94), 0 0 22px var(--tag-glow,#75e6ff94);letter-spacing:0;background:linear-gradient(135deg,#75e6ff14,#03101ec2);border-radius:8px;place-items:center;font-weight:760;display:grid}.name-tag-sample.effect-color{text-shadow:none}.name-tag-sample.effect-glow{color:#eaffff}.name-tag-sample.effect-animated{background-color:#03101ec2;background-image:linear-gradient(90deg,#7e66ff24,#75e6ff1f,#ffd1661f,#7e66ff24),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:220% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:1.45s ease-in-out infinite nameTagLegendPulse}@keyframes nameTagLegendPulse{0%,to{filter:brightness();background-position:0%;transform:translateY(0)scale(1)}50%{filter:brightness(1.24)saturate(1.18);background-position:100%;transform:translateY(-1px)scale(1.025)}}.shop-card h3{color:#eaffff;margin:0;font-size:15px;font-weight:720}.shop-card p{color:#daf6ffad;min-height:42px;margin:0;font-size:12px;line-height:1.45}.shop-card button{min-height:34px;font-size:12px}.shop-card button:disabled{cursor:default;opacity:.68;filter:grayscale(.22)}.shop-card button.blocked{color:#eaffff9e;box-shadow:none;background:#75e6ff14;border-color:#75e6ff2e}.mission-grid{gap:10px;min-height:0;padding-right:4px;display:grid;overflow:auto}.mission-card{background:#020d18a8;border:1px solid #75e6ff2e;border-radius:10px;grid-template-columns:44px minmax(0,1fr) 104px;align-items:center;gap:12px;padding:12px;display:grid}.mission-card.complete{border-color:#8ff3d55c;box-shadow:inset 0 0 0 1px #8ff3d50f,0 0 22px #8ff3d514}.mission-card.claimed{opacity:.72}.mission-icon{color:#02131e;background:linear-gradient(135deg,#75e6ff,#8ff3d5);border-radius:10px;place-items:center;width:42px;height:42px;font-weight:820;display:grid;box-shadow:0 0 18px #75e6ff29}.mission-body{gap:5px;min-width:0;display:grid}.mission-title-row{justify-content:space-between;gap:10px;display:flex}.mission-title-row h3{color:#eaffff;margin:0;font-size:14px;font-weight:760}.mission-title-row span{color:#ffd166;white-space:nowrap;font-size:12px;font-weight:760}.mission-card p{color:#daf6ffa8;margin:0;font-size:12px}.mission-card small{color:#daf6ff94;font-size:11px}.mission-progress{background:#75e6ff1c;border-radius:999px;height:7px;overflow:hidden}.mission-progress i{border-radius:inherit;background:linear-gradient(90deg,#75e6ff,#8ff3d5);height:100%;display:block;box-shadow:0 0 14px #75e6ff3d}.mission-card button{min-height:34px;font-size:12px}.team-name{text-overflow:ellipsis;min-width:0;overflow:hidden}@media (max-width:860px){#landing .shell-grid{grid-template-rows:31vh minmax(0,1fr);grid-template-columns:1fr;width:calc(100vw - 16px);height:calc(100vh - 16px)}#landing .lobby-panel{align-content:start;overflow:auto}}#landing.screen{background:radial-gradient(circle at 14% 18%,#75e6ff2e,#0000 28%),radial-gradient(circle at 86% 64%,#8ff3d51a,#0000 32%),linear-gradient(135deg,#061827,#0a2b43 58%,#061827);place-items:stretch stretch;padding:0}#landing .shell-grid{border-radius:0;grid-template-columns:minmax(360px,.95fr) minmax(420px,520px);justify-content:center;align-items:center;gap:clamp(18px,3.2vw,54px);width:100vw;height:100vh;padding:clamp(22px,4vw,54px);display:grid}#landing .brand-pane,#landing .lobby-panel{background:linear-gradient(145deg,#062035b8,#020c18d1),#03101eb8;border:1px solid #75e6ff2e;border-radius:14px;box-shadow:0 30px 90px #00000057,inset 0 1px #ffffff0b}#landing .brand-pane{align-items:center;width:100%;height:min(720px,100vh - 88px);min-height:560px;padding:clamp(28px,4vw,56px);display:grid;position:relative;inset:auto;overflow:hidden}#landing .brand-pane:before{background:radial-gradient(circle at 62% 44%,#75e6ff14,#0000 28%),linear-gradient(90deg,#020a141f,#020a14ad)}#landing .brand-pane:after,#landing .lobby-panel:before,#landing .lobby-panel:after{display:none}#landing .brand-pane>.hero-mascot{object-fit:contain;object-position:center;opacity:.42;filter:saturate(1.05)brightness(.74)contrast(1.08)drop-shadow(0 0 34px #75e6ff24);width:min(520px,68%);height:auto;max-height:76%;top:54%;left:auto;right:-12%;transform:translateY(-50%)}#landing .brand-copy{z-index:3;color:#eaffff;max-width:520px;text-shadow:none;position:relative;inset:auto}#landing .brand-copy .eyebrow{color:#75e6ff;text-shadow:none}#landing .brand-copy h1{color:#eaffff;text-shadow:0 0 34px #75e6ff38;max-width:10ch;font-size:clamp(58px,7vw,104px);font-weight:860;line-height:.88}#landing .brand-copy p:not(.eyebrow){color:#daf6ffb8;max-width:440px;margin:18px 0 0;font-size:15px}#landing .feature-chips{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}#landing .feature-chips span,#landing .class-preview span{color:#8ff3d5;background:#75e6ff0f;border:1px solid #75e6ff38;border-radius:999px;font-size:11px;font-weight:650}#landing .lobby-panel{color:#eaffff;text-align:left;align-content:start;gap:12px;width:100%;min-width:0;max-height:calc(100vh - 44px);padding:clamp(18px,2.4vw,28px);display:grid;overflow:auto}#landing .lobby-panel .panel-head{border-bottom:1px solid #75e6ff24;align-items:start;padding-bottom:12px}#landing .lobby-panel .panel-head h2{color:#eaffff;text-shadow:none;font-size:clamp(26px,3.2vw,40px);font-weight:760;line-height:.98}#landing .lobby-panel .eyebrow,#landing .field span{color:#ffd166;text-shadow:none}#landing .field{text-shadow:none;gap:7px;margin:0;font-weight:690}#landing input{color:#eaffff;background:#020d18b8;border:1px solid #75e6ff47;border-radius:8px;height:44px;font-weight:650;box-shadow:inset 0 1px #ffffff0a}#landing input:focus{border-color:#75e6ffd1;box-shadow:0 0 0 3px #75e6ff1f}#landing .auth-strip,#landing .coin-wallet,#landing .lobby-summary div{background:#03101e5c;border:1px solid #75e6ff2e;border-radius:9px}#landing .auth-strip{grid-template-columns:minmax(0,1fr) auto auto;padding:9px}#landing .auth-strip .status{color:#eaffffd6;text-shadow:none;margin:0}#landing .landing-resource-row{grid-template-columns:minmax(0,1fr) 104px 118px;align-items:stretch;gap:9px;display:grid}#landing .coin-wallet{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:8px}#landing .coin-pill{border-radius:8px;padding:7px}#landing .coin-pill i{width:27px;height:27px}#landing .coin-pill b{font-size:15px}#landing .wallet-hint{text-align:center}#landing .shop-open{border-radius:9px;min-height:100%;font-weight:760}#landing .action-grid{gap:9px;padding-top:2px}#landing .join-row{grid-template-columns:minmax(0,1fr) 104px;gap:8px}#landing .lobby-summary{margin-top:0}#landing .lobby-summary div{padding:9px 10px}#landing .lobby-summary b{font-size:22px;font-weight:720}#landing .class-preview{justify-content:flex-start;gap:6px}#landing .status,#landing #connectStatus{color:#daf6ffa8;text-shadow:none}@media (max-width:980px){#landing .shell-grid{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:12px;padding:14px}#landing .brand-pane{height:168px;min-height:150px;padding:18px}#landing .brand-pane>.hero-mascot{opacity:.28;width:220px;right:-34px}#landing .brand-copy h1{max-width:none;font-size:clamp(38px,10vw,62px)}#landing .brand-copy p:not(.eyebrow),#landing .feature-chips{display:none}#landing .lobby-panel{min-height:0;max-height:none}}@media (max-width:560px){#landing .shell-grid{gap:0;padding:0}#landing .brand-pane,#landing .lobby-panel{border-inline:0;border-radius:0}#landing .brand-pane{height:128px;min-height:128px}#landing .lobby-panel{max-height:calc(100vh - 128px);padding:16px}#landing .landing-resource-row,#landing .auth-strip{grid-template-columns:1fr}.mission-card{grid-template-columns:38px minmax(0,1fr)}.mission-card button{grid-column:1/-1}#landing .shop-open{min-height:40px}}