:root{--bg: #1d242b;--panel: #2c353e;--panel-hi: #3a4650;--edge: #5a6670;--ink: #121519;--text: #eef2f4;--muted: #9aa6b0;--neon: #74f23f;--neon-mid: #4fcf28;--neon-deep: #2a8f17;--gold: #f2c230;--cyan: #3fd8f0;--red: #ff5a46;--vg: #8fe35a;--ec: #ff6b5a;--text-scale: 1;--display: "Russo One", "Noto Sans Sinhala", system-ui, sans-serif;--body: "Chakra Petch", "Noto Sans Sinhala", system-ui, sans-serif;--game: "Lilita One", "Noto Sans Sinhala", system-ui, sans-serif;--u: clamp(10px, calc(var(--view-h) * .0155) + calc(var(--view-w) * .0034999999999999996), 18px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);color-scheme:dark}.colorblind{--vg: #4fb3ff;--ec: #ffb02e}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--body);font-size:var(--u);overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:manipulation}#app,#backdrop,#game,#ui{position:fixed;inset:0;width:100%;height:100%}#backdrop{z-index:0}#menuvid{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0;transition:opacity .6s;filter:saturate(1.05) brightness(.82);pointer-events:none}#menuvid.on{opacity:1}body.in-game #menuvid{visibility:hidden}#cine{position:fixed;inset:0;z-index:60;background:#000;display:flex;align-items:center;justify-content:center}#cine video{width:100%;height:100%;object-fit:contain;background:#000}#cine .cine-cap{position:absolute;left:50%;bottom:max(28px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(780px,calc(100% - 32px));text-align:center;color:#eef2f4;font-size:calc(16px * var(--text-scale, 1));line-height:1.45;text-shadow:0 2px 4px #000,0 0 12px #000}#cine .cine-cap b{display:block;font-family:Russo One,system-ui,sans-serif;font-weight:400;color:#f2c230;letter-spacing:.04em;font-size:1.25em;margin-bottom:4px}#cine .cine-skip{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));min-height:44px;padding:0 18px;border-radius:10px;border:2px solid #4a545c;background:#14181cbf;color:#fff;font:700 15px Russo One,system-ui,sans-serif;cursor:pointer}#cine .cine-skip:focus-visible{outline:3px solid #7dff6a;outline-offset:2px}#game{z-index:1;display:block;cursor:none;touch-action:none}#ui{z-index:2;pointer-events:none}#ui>.screen{pointer-events:auto}body.in-game #backdrop{visibility:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}code{font-family:ui-monospace,Menlo,monospace;font-size:.85em;background:#00000059;padding:.1em .4em;border-radius:4px}.muted{color:var(--muted)}.small{font-size:.82em}.center{text-align:center}.ok{color:var(--vg)}.warn{color:#ffb02e}.screen{position:absolute;inset:0;padding:calc(var(--u) * 5.2) calc(var(--u) * 1.1 + var(--safe-r)) calc(var(--u) * 1.1) calc(var(--u) * 1.1 + var(--safe-l));display:flex;flex-direction:column;gap:calc(var(--u) * .8)}.panel{background:linear-gradient(180deg,#3a4650f0,#262e36f2);border:2px solid var(--edge);border-radius:10px;box-shadow:inset 0 1px #ffffff14,0 4px #00000059;padding:calc(var(--u) * .9);position:relative}.panel h3,.panel h4{font-family:var(--display);font-weight:400;margin:0 0 .5em;letter-spacing:.02em}.panel h3{font-size:1.05em}.panel h4{font-size:.85em;color:var(--muted);margin-top:.9em}.scroll{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--edge) transparent}.bar{display:block;height:.55em;background:#151a1e;border-radius:99px;overflow:hidden;border:1px solid #0c0f12}.bar i{display:block;height:100%;background:linear-gradient(180deg,#9cf562,var(--neon-deep));border-radius:99px}.bar.gold i{background:linear-gradient(180deg,#ffe07a,#d99a14)}.stroke{-webkit-text-stroke:0;paint-order:stroke fill}.topbar{position:absolute;top:0;left:0;right:0;height:calc(var(--u) * 4.4);display:flex;align-items:center;gap:calc(var(--u) * .7);padding:0 calc(var(--u) * 1 + var(--safe-r)) 0 calc(var(--u) * 1 + var(--safe-l));background:linear-gradient(180deg,#283038f7,#1e242af2);border-bottom:2px solid #11161a;box-shadow:0 2px #74f23f8c,0 6px 14px #0006;z-index:3}.topbar:after{content:"";position:absolute;left:50%;bottom:-2px;width:22%;height:6px;transform:translate(-50%);background:var(--neon);clip-path:polygon(0 0,100% 0,92% 100%,8% 100%);box-shadow:0 0 12px var(--neon)}.lvl-shield{width:calc(var(--u) * 3);height:calc(var(--u) * 3.4);flex:none;display:grid;place-content:center;text-align:center;line-height:1;clip-path:polygon(50% 0,100% 14%,100% 64%,50% 100%,0 64%,0 14%);background:linear-gradient(180deg,#e3c06a,#8d6a22);padding:3px;position:relative}.lvl-shield:before{content:"";position:absolute;inset:3px;clip-path:inherit;background:linear-gradient(180deg,#3d4852,#222a31)}.lvl-shield small,.lvl-shield b{position:relative;font-family:var(--display)}.lvl-shield small{font-size:.55em;color:#e3c06a}.lvl-shield b{font-size:1.15em}.who{min-width:0}.who-name{font-family:var(--display);font-size:1.05em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:12em}.xp{display:flex;align-items:center;gap:.4em;font-family:var(--display);font-size:.72em;color:var(--vg)}.xp-bar{width:calc(var(--u) * 9);height:.7em;background:#121619;border:1px solid #0b0e10;border-radius:99px;overflow:hidden}.xp-bar i{display:block;height:100%;background:linear-gradient(180deg,#9cf562,#36a81e)}.screen-title{margin:0 auto;font-family:var(--display);font-weight:400;font-size:1.35em;letter-spacing:.03em;text-shadow:0 2px 0 var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spacer{flex:1}.wallet{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}.credit-wallet{display:flex;align-items:center;flex:none;gap:0}.credit-wallet .plus{width:44px;height:44px;flex:none;padding:0;display:grid;place-items:center;background:none;border:0}.credit-wallet .plus>span{width:26px;height:26px;display:grid;place-items:center;border-radius:6px;border:2px solid var(--ink);background:linear-gradient(180deg,#8ff046,#2e9a1c);color:#fff;font:20px/1 var(--display)}.credit-wallet .plus:active>span{filter:brightness(.85)}.credit-wallet .pill{height:32px;padding:0 8px;gap:6px}.credit-wallet .ico-coin{flex:none}.screen-title+.wallet{margin-left:0}.pill{display:flex;align-items:center;gap:.4em;background:#161b20;border:2px solid #3d4750;border-radius:99px;padding:.2em .25em .2em .3em;font-family:var(--display)}.pill b{color:var(--gold);font-weight:400;min-width:3.2em;text-align:right}.pill.gem b{color:var(--vg);min-width:1.6em}.pill .plus{width:1.45em;height:1.45em;border-radius:5px;background:linear-gradient(180deg,#8ff046,#2e9a1c);border:2px solid var(--ink);font-family:var(--display);line-height:1;color:#fff;text-shadow:0 1px 0 var(--ink)}.ico-coin{width:1.5em;height:1.5em;border-radius:50%;display:grid;place-content:center;background:radial-gradient(circle at 35% 30%,#ffe27a,#e0a51e 60%,#a8740e);border:2px solid var(--ink);color:#7a5208;font-size:.85em}.ico-gem{width:1.3em;height:1.4em;background:linear-gradient(135deg,#b9ff8c,#2fd05a 45%,#0e7a2e);clip-path:polygon(50% 0,100% 35%,80% 100%,20% 100%,0 35%);display:inline-block}.ico-gem.big{width:3em;height:3.2em}.icon-btn{width:calc(var(--u) * 2.5);height:calc(var(--u) * 2.5);border-radius:8px;background:linear-gradient(180deg,#46525c,#2a3238);border:2px solid var(--ink);box-shadow:inset 0 1px #ffffff26;font-size:1.2em;display:grid;place-content:center;position:relative;flex:none}.icon-btn.back{font-size:1.8em;line-height:.8}.icon-btn .dot{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:var(--red)}.icon-btn:active,.nav-btn:active,.btn-green:active,.btn-ghost:active,.chip:active{transform:scale(.96)}.btn-play{position:relative;display:inline-grid;place-content:center;justify-items:center;padding:.55em 1.6em .5em;border-radius:14px;border:3px solid var(--ink);background:linear-gradient(180deg,#a6f76a,#6fe23a 38%,#3cb81f 70%,#2a8f17);box-shadow:inset 0 3px #ffffff73,inset 0 -5px #00000040,0 0 0 3px #1e5f12,0 0 26px #74f23f99,0 6px #00000073;transition:transform .12s ease,box-shadow .2s ease;isolation:isolate}.btn-play span{font-family:var(--display);font-size:2em;font-style:italic;letter-spacing:.02em;line-height:1;background:linear-gradient(180deg,#fff,#d6dde2 55%,#9aa6b0);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 var(--ink)) drop-shadow(0 -1px 0 var(--ink)) drop-shadow(1px 0 0 var(--ink)) drop-shadow(-1px 0 0 var(--ink))}.btn-play small{font-family:var(--display);font-size:.72em;color:#0f2a09;letter-spacing:.06em}.btn-play.small span{font-size:1.35em}.btn-play.small{padding:.5em 1.4em}.btn-play.big span{font-size:2.6em}.btn-play:hover{transform:translateY(-2px)}.btn-play:active{transform:scale(.97)}.btn-play.is-on{filter:saturate(.6) brightness(.9)}.btn-play:before,.btn-play:after{content:"";position:absolute;inset:-9px;border-radius:18px;z-index:-1;pointer-events:none;background:conic-gradient(from 0deg,transparent 0 8%,rgba(190,255,140,.95) 9%,transparent 11% 34%,rgba(190,255,140,.9) 35%,transparent 37% 61%,rgba(190,255,140,.95) 62%,transparent 64% 86%,rgba(190,255,140,.9) 87%,transparent 89%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));animation:arc 1.6s steps(6) infinite;opacity:.85}.btn-play:after{animation-duration:2.3s;animation-direction:reverse;opacity:.6}@keyframes arc{to{transform:rotate(360deg)}}.reduce-motion .btn-play:before,.reduce-motion .btn-play:after{animation:none;opacity:.4}@media(prefers-reduced-motion:reduce){.btn-play:before,.btn-play:after{animation:none}}.btn-green{display:inline-block;font-family:var(--display);padding:.6em 1.2em;border-radius:9px;border:2px solid var(--ink);background:linear-gradient(180deg,#8ff046,#3cb81f 60%,#2a8f17);color:#fff;text-shadow:0 1px 0 var(--ink),0 -1px 0 var(--ink);box-shadow:inset 0 2px #ffffff59,0 3px #0006}.btn-ghost{font-family:var(--display);padding:.55em 1em;border-radius:9px;border:2px solid var(--edge);background:linear-gradient(180deg,#3e4952,#2b333a);box-shadow:inset 0 1px #ffffff1a,0 3px #00000059}.btn-ghost.is-on{border-color:var(--gold);color:var(--gold)}.btn-ghost.danger{border-color:#8a3a32;color:#ff8a7a}.btn-mini{font-family:var(--display);font-size:.75em;padding:.35em .7em;border-radius:7px;border:2px solid var(--ink);background:linear-gradient(180deg,#8ff046,#2e9a1c);color:#fff;text-shadow:0 1px 0 var(--ink)}.btn-mini.is-on{background:linear-gradient(180deg,#ffe07a,#d99a14)}.chips{display:flex;flex-wrap:wrap;gap:.5em}.chip{font-family:var(--display);padding:.5em .9em;border-radius:8px;border:2px solid var(--edge);background:#232b32}.chip.on{border-color:var(--gold);background:linear-gradient(180deg,#4a4428,#2e2a18);color:var(--gold);box-shadow:0 0 0 2px #f2c23040}.field{display:grid;gap:.3em;margin:.4em 0}.field>span{font-size:.8em;color:var(--muted)}.field input,.field select{background:#151a1e;border:2px solid var(--edge);border-radius:8px;padding:.55em .7em}.field.range{grid-template-columns:9em 1fr 3.2em;align-items:center}.field.range input{accent-color:var(--neon-mid);padding:0;border:0;background:none}.field output{text-align:right;font-family:var(--display);font-size:.85em}.toggle{display:flex;align-items:center;gap:.6em;margin:.55em 0;cursor:pointer}.toggle input{width:1.3em;height:1.3em;accent-color:var(--neon-mid)}#toast{position:fixed;left:50%;bottom:calc(var(--u) * 1.4);transform:translate(-50%,140%);opacity:0;visibility:hidden;z-index:20;background:#1b2126;border:2px solid var(--edge);border-radius:10px;padding:.7em 1.1em;max-width:min(calc(var(--view-w) * .9),36em);transition:transform .25s ease,opacity .25s ease,visibility .25s;pointer-events:none;box-shadow:0 6px 18px #00000080}#toast.show{transform:translate(-50%);opacity:1;visibility:visible}#toast.ok{border-color:var(--neon-mid)}#toast.err{border-color:var(--red)}.splash{align-items:center;justify-content:center;text-align:center;padding-top:0;background:radial-gradient(ellipse at center,#0a0e1233,#0a0e12bf)}.logo{display:grid;line-height:.9;transform:rotate(-3deg)}.logo-top{font-family:var(--display);font-size:clamp(48px,calc(var(--view-h) * .13),130px);letter-spacing:.02em;color:#fff;background:linear-gradient(180deg,#fff 10%,#cfd8de 50%,#7f8c96 52%,#e6ecf0);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 var(--ink)) drop-shadow(0 -2px 0 var(--ink)) drop-shadow(3px 0 0 var(--ink)) drop-shadow(-3px 0 0 var(--ink)) drop-shadow(0 0 22px rgba(116,242,63,.5))}.logo-sub{font-family:var(--display);font-size:clamp(16px,calc(var(--view-h) * .036000000000000004),34px);color:var(--gold);letter-spacing:.18em;text-shadow:0 2px 0 var(--ink),2px 0 0 var(--ink),-2px 0 0 var(--ink),0 -2px 0 var(--ink)}.logo-img{max-width:min(calc(var(--view-w) * .7),720px);max-height:calc(var(--view-h) * .38)}.tagline{font-family:var(--display);color:#dfe6ea;margin:.8em 0 1.6em;text-shadow:0 2px 0 var(--ink)}.load-bar{width:min(420px,calc(var(--view-w) * .7));height:14px;border-radius:99px;background:#11161a;border:2px solid var(--edge);overflow:hidden}.load-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--neon-deep),var(--neon));transition:width .2s}.legal{position:absolute;bottom:calc(var(--u) * .8);left:0;right:0;font-size:.7em;color:var(--muted)}.home-left{position:absolute;left:calc(var(--u) * 1 + var(--safe-l));top:calc(var(--u) * 5.6);width:min(calc(var(--view-w) * .3),calc(var(--u) * 20));display:grid;gap:calc(var(--u) * .6)}.mini-card{display:flex;gap:.6em;align-items:flex-start;text-align:left;background:linear-gradient(180deg,#3a4650eb,#242c34eb);border:2px solid var(--edge);border-radius:10px;padding:.55em .7em;box-shadow:0 3px #00000059}.mc-ico{width:1.8em;height:1.8em;flex:none;border-radius:7px;display:grid;place-content:center;background:#1b2126;border:2px solid #43505a;color:var(--gold)}.mc-body{display:grid;gap:.25em;flex:1;min-width:0}.mc-body b{font-family:var(--display);font-weight:400;font-size:.92em}.mc-body small{color:var(--muted);font-size:.72em}.order{display:grid;grid-template-columns:1fr auto;gap:.15em .5em;font-size:.72em;align-items:center}.order .bar{grid-column:1;height:.45em}.order em,.order .btn-mini{grid-row:1 / span 2;grid-column:2;font-style:normal;color:var(--muted)}.order.done{opacity:.55}.home-modes{position:absolute;right:calc(var(--u) * 1 + var(--safe-r));top:calc(var(--u) * 5.6);width:min(calc(var(--view-w) * .3),calc(var(--u) * 19));display:grid;gap:calc(var(--u) * .55)}.mode-card{text-align:left;display:grid;gap:.2em;padding:.65em .9em;border-radius:10px;border:2px solid var(--edge);background:linear-gradient(180deg,#3a4650eb,#242c34eb);box-shadow:0 3px #00000059;position:relative;overflow:hidden;transition:border-color .15s}.mode-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--neon)}.mode-card.mp:before{background:var(--cyan)}.mode-card.practice:before{background:var(--gold)}.mode-card b{font-family:var(--display);font-weight:400;font-size:1.05em}.mode-card small{color:var(--muted);font-size:.74em}.mode-card:hover{border-color:var(--neon-mid)}.bottom-nav{position:absolute;left:calc(var(--u) * 1 + var(--safe-l));bottom:calc(var(--u) * 1);display:flex;gap:calc(var(--u) * .55)}.nav-btn{display:flex;align-items:center;gap:.55em;font-family:var(--display);font-size:1.05em;padding:.55em 1.1em .55em .7em;border-radius:10px;border:2px solid #3c8a25;background:linear-gradient(180deg,#34404a,#222a31);box-shadow:inset 0 0 0 2px #74f23f2e,0 0 12px #74f23f33,0 4px #0006;text-shadow:0 2px 0 var(--ink)}.nb-ico{width:2.2em;height:1.4em;background:center/contain no-repeat;flex:none}.nb-ico.rifle{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 24'%3E%3Cpath d='M2 10h10l2-3h26v-2h6v2h14v4H44l-2 2v6h-5l-1-5h-6l-3 6h-5l2-6H14l-4 4H4z' fill='%2374f23f' stroke='%23121519' stroke-width='1.6'/%3E%3C/svg%3E")}.nb-ico.box{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 32'%3E%3Cpath d='M4 10 20 4l16 6v16l-16 4-16-4z' fill='%235f8a3a' stroke='%23121519' stroke-width='2'/%3E%3Cpath d='M4 10l16 5 16-5M20 15v15' fill='none' stroke='%23121519' stroke-width='2'/%3E%3C/svg%3E")}.nb-ico.shield{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 2 28 7v9c0 7-5 11.5-12 14C9 27.5 4 23 4 16V7z' fill='%234fcf28' stroke='%23121519' stroke-width='2'/%3E%3C/svg%3E")}.nb-ico.cup{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M9 3h14v8a7 7 0 0 1-14 0zM9 6H4c0 5 3 7 5 7M23 6h5c0 5-3 7-5 7M13 18h6l1 6h4v5H8v-5h4z' fill='%23f2c230' stroke='%23121519' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")}.home .btn-play{position:absolute;right:calc(var(--u) * 1.4 + var(--safe-r));bottom:calc(var(--u) * 1.2);padding:.5em 2.2em .45em}.home .btn-play span{font-size:3.1em}.offline-note{position:absolute;left:50%;transform:translate(-50%);top:calc(var(--u) * 5.2);margin:0;font-size:.72em;color:#ffd27a;background:#14181ccc;border:1px solid #6a5420;padding:.35em .8em;border-radius:99px;white-space:nowrap}.lead{text-align:center;margin:0;font-size:.95em;color:#dbe2e6}.faction-row{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 1.2);min-height:0}.faction-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1em;text-align:left;border-radius:14px;padding:1em;border:3px solid var(--ink);position:relative;overflow:hidden;box-shadow:0 6px #0006;transition:transform .15s}.faction-card:hover{transform:translateY(-3px)}.faction-card.vanguard{background:linear-gradient(160deg,#5c7034,#2f3a1f 60%,#1f2615);box-shadow:inset 0 0 0 2px #a7c65d,0 6px #0006}.faction-card.eclipse{background:linear-gradient(160deg,#4a2a2a,#2a1c22 60%,#16121a);box-shadow:inset 0 0 0 2px #e5392f,0 6px #0006}.fc-art{width:min(calc(var(--view-w) * .18),calc(var(--view-h) * .26));height:auto;aspect-ratio:260/300}.fc-body h2{font-family:var(--display);font-weight:400;margin:.1em 0;font-size:1.6em;text-shadow:0 2px 0 var(--ink)}.fc-body p{margin:.35em 0;font-size:.86em;color:#e2e8eb}.fc-role{font-family:var(--display);font-size:.8em;padding:.2em .6em;border-radius:6px;background:#00000059}.vanguard .fc-role{color:var(--vg)}.eclipse .fc-role{color:var(--ec)}.fc-leader{font-family:var(--display);color:var(--gold)!important}.fc-prog{color:var(--muted)!important}.faction-card .btn-green{margin-top:.5em}.eclipse .btn-green{background:linear-gradient(180deg,#ff7a6b,#c4372d 60%,#8a221a)}.camp-head{display:flex;align-items:center;justify-content:space-between;gap:1em}.act-banner{border-radius:10px;border:2px solid var(--edge);padding:.7em 1em;background:linear-gradient(90deg,#14181cd9,#14181c33),var(--bg) center/cover;display:flex;justify-content:space-between;align-items:end;min-height:3.4em}.act-banner b{font-family:var(--display);font-weight:400;font-size:1.15em;text-shadow:0 2px 0 var(--ink)}.act-banner span{font-size:.8em;color:#dfe6ea}.grid{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:1fr;gap:.55em;flex:1;min-height:0}.mission{display:grid;grid-template-rows:auto 1fr auto auto auto;text-align:left;padding:.5em .6em;border-radius:10px;border:2px solid var(--edge);background:linear-gradient(180deg,#3a4650,#262e35);position:relative;min-height:0;overflow:hidden}.mission .m-id{font-family:var(--display);font-size:.78em;color:var(--muted)}.m-badge{display:grid;justify-items:center;align-content:center;gap:.1em}.m-badge i{font-style:normal;width:2.1em;height:2.1em;display:grid;place-content:center;border-radius:50%;background:#1b2126;border:2px solid #4a5560;color:var(--cyan);font-size:1.15em}.m-badge small{font-family:var(--display);font-size:.62em;color:var(--muted);letter-spacing:.04em}.mission.boss .m-badge i{color:#ff7a6b;border-color:#a2483c}.mission.next .m-badge i{border-color:var(--neon-mid);color:var(--neon)}.mission .m-title{font-family:var(--display);font-size:.82em;line-height:1.15;align-self:end}.mission .m-loc{font-size:.68em;color:var(--muted)}.m-stars i{font-style:normal;color:#48525b;font-size:.9em}.m-stars i.on{color:var(--gold);text-shadow:0 0 6px rgba(242,194,48,.6)}.mission.next{border-color:var(--neon-mid);box-shadow:0 0 0 2px #74f23f40,0 0 14px #74f23f40}.mission.boss{background:linear-gradient(180deg,#5a2f2a,#2e1c1c);border-color:#a2483c}.mission:not(.locked):hover{border-color:var(--gold)}.brief-card{flex:1;min-height:0;display:grid;grid-template-rows:auto 1fr auto;border-radius:14px;border:2px solid var(--edge);padding:1.1em 1.3em;gap:.8em;background:linear-gradient(90deg,#161b20f5 45%,#161b20a6),var(--bg) right/cover;box-shadow:0 6px #0006}.brief-card header h2{font-family:var(--display);font-weight:400;margin:.1em 0;font-size:1.7em;text-shadow:0 2px 0 var(--ink)}.m-id.big{font-family:var(--display);color:var(--gold)}.brief-cols{display:grid;grid-template-columns:1.4fr 1fr;gap:1.4em;min-height:0}.brief-text p{margin:0 0 .8em;line-height:1.45;max-width:60ch}.speaker{font-family:var(--display);color:var(--gold);font-size:.85em;margin-bottom:.3em!important}.context{color:#c9d3d9;font-style:italic}.brief-facts{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.45em 1em;align-content:start;background:#00000040;border:1px solid #3a444d;border-radius:10px;padding:.8em 1em}.brief-facts dt,.facts dt,.lobby-facts dt{color:var(--muted);font-size:.8em}.brief-facts dd,.facts dd,.lobby-facts dd{margin:0}.obj-ico{color:var(--cyan)}.pips{display:inline-flex;gap:3px;vertical-align:middle;margin-right:.4em}.pips i{width:.55em;height:.9em;border-radius:2px;background:#3a444d}.pips i.on{background:linear-gradient(180deg,#ff7a6b,#c4372d)}.brief-card footer{display:flex;justify-content:flex-end;gap:1em;align-items:center}.chips.maps{display:grid;grid-template-columns:repeat(3,1fr)}.map-chip{min-height:4.2em;border-radius:9px;border:2px solid var(--edge);background:linear-gradient(0deg,#0a0e12d9,#0a0e1200 70%),var(--bg) center/cover;display:flex;align-items:end;padding:.4em .6em;font-family:var(--display);font-size:.85em;text-shadow:0 2px 0 var(--ink)}.map-chip.on{border-color:var(--gold);box-shadow:0 0 0 2px #f2c2304d}.mp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u) * .9)}.mp-card{display:flex;flex-direction:column;gap:.5em}.mp-card p{margin:0;font-size:.86em;color:#d9e0e4;flex:1}.mp-card.ranked{border-color:#7a6420}.mp-card input{text-transform:uppercase;letter-spacing:.3em;font-family:var(--display);font-size:1.2em;text-align:center}.empty{max-width:40em;margin:auto;text-align:left}.empty p{line-height:1.5}.lobby-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(15em,1fr) 1.6fr minmax(14em,1fr);gap:calc(var(--u) * .9)}.lobby-code{display:flex;flex-direction:column;gap:.5em}.code{font-family:var(--display);font-size:2.6em;letter-spacing:.14em;color:var(--gold);text-shadow:0 3px 0 var(--ink)}.lobby-facts{display:grid;grid-template-columns:auto 1fr;gap:.3em 1em;margin:.4em 0}.host-tools{display:grid;gap:.1em;border-top:1px solid #3a444d;padding-top:.5em}.teams{display:grid;grid-template-columns:1fr 1fr;gap:.8em}.teams.ffa{grid-template-columns:1fr}.team h4{margin:0 0 .5em;font-family:var(--display);font-weight:400;color:#fff}.team.a h4{color:var(--vg)}.team.b h4{color:var(--ec)}.team ul{list-style:none;margin:0 0 .6em;padding:0;display:grid;gap:.35em}.team li{display:grid;grid-template-columns:1fr auto;padding:.45em .6em;border-radius:8px;background:#00000040;border:1px solid #3a444d}.team li.me{border-color:var(--gold)}.pl-name{font-family:var(--display)}.pl-meta{grid-column:1;font-size:.7em;color:var(--muted)}.pl-ready{grid-row:1 / span 2;grid-column:2;align-self:center;font-family:var(--display);font-size:.75em;color:var(--muted)}.pl-ready.on{color:var(--vg)}.crown{color:var(--gold);font-style:normal;margin-right:.3em}.chat{display:flex;flex-direction:column;min-height:0}.chat-log{flex:1;min-height:4em;font-size:.85em}.chat-log p{margin:.2em 0}.chat-form{display:flex;gap:.4em;margin-top:.4em}.chat-form input{flex:1;min-width:0;background:#151a1e;border:2px solid var(--edge);border-radius:8px;padding:.45em .6em}.lobby-actions,.results-actions{display:flex;justify-content:flex-end;gap:1em;align-items:center}.wc-foot{font-family:var(--display);font-size:.78em;color:var(--muted);width:100%;text-align:center;padding-top:.3em;border-top:2px dashed #48525b}.price{color:var(--gold)}.stat{display:grid;grid-template-columns:6.5em 1fr;align-items:center;gap:.6em;font-family:var(--display);font-size:.75em;margin:.2em 0}.stat .bar{height:.8em}.atts{display:grid;grid-template-columns:repeat(4,1fr);gap:.35em}.att{display:grid;justify-items:center;padding:.35em .2em;border-radius:8px;border:2px solid var(--edge);background:#232b32;font-size:.75em}.att small{font-size:.7em;color:var(--muted);font-family:var(--display)}.att b{font-family:var(--display);font-weight:400;font-size:1em;line-height:1.2;text-align:center}.att em{font-style:normal;color:var(--gold);font-size:.85em}.att.on{border-color:var(--neon-mid)}.att.on em{color:var(--vg)}.att:disabled{opacity:.45}.note{font-size:.72em;color:var(--muted);margin:.5em 0}.equip-row{display:flex;flex-wrap:wrap;gap:.35em}.equip-row .btn-ghost{flex:1;font-size:.8em;padding:.45em .4em}.maxed{font-family:var(--display);color:var(--gold);text-align:center}.rotate-bar{grid-column:1;grid-row:2;display:flex;justify-content:center;align-items:center;gap:1em;font-family:var(--display)}.tabs{display:flex;gap:.35em}.tab{font-family:var(--display);font-size:1em;padding:.55em 1.1em;border-radius:10px 10px 0 0;border:2px solid var(--edge);border-bottom:0;background:linear-gradient(180deg,#3a4650,#262e35);color:#cfd8de}.tab.on{color:#fff;background:linear-gradient(180deg,#3f6a2a,#24361a);border-color:var(--neon-mid);box-shadow:0 -2px 12px #74f23f4d}.ic-art{width:100%;height:auto;aspect-ratio:4/3}.rar{font-family:var(--display);font-size:.8em;color:var(--rar)}.tier-strip{display:grid;grid-template-columns:repeat(8,1fr);gap:.3em;padding:.6em}.tier{display:grid;justify-items:center;gap:.15em;padding:.3em;border-radius:8px;opacity:.55}.tier.got{opacity:.85}.tier.on{opacity:1;background:#ffffff0f;box-shadow:inset 0 0 0 2px var(--c)}.medal{width:2em;height:2.2em;background:radial-gradient(circle at 40% 35%,#fff,var(--c) 45%,#222 120%);clip-path:polygon(50% 0,100% 25%,100% 70%,50% 100%,0 70%,0 25%)}.tier b{font-family:var(--display);font-weight:400;font-size:.72em;text-align:center}.tier small{font-size:.65em;color:var(--muted)}.rank-grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1.6fr;gap:calc(var(--u) * .9)}.big-num{font-family:var(--display);font-size:2.4em;margin:0}.big-num small{font-size:.4em;color:var(--muted)}.board{display:flex;flex-direction:column;min-height:0}.board .scroll{flex:1;min-height:0}.lb{width:100%;border-collapse:collapse;font-size:.88em}.lb th{text-align:left;color:var(--muted);font-weight:600;font-size:.8em;padding:.3em .5em}.lb td{padding:.45em .5em;border-top:1px solid #3a444d}.lb tr.me td{background:#f2c2301f}.settings-grid{flex:1;min-height:0;display:grid;grid-template-columns:12em 1fr;gap:calc(var(--u) * .9);max-width:64em;width:100%;margin:0 auto}.vtabs{display:grid;gap:.4em;align-content:start}.vtabs button{text-align:left;font-family:var(--display);padding:.6em .9em;border-radius:9px;border:2px solid var(--edge);background:linear-gradient(180deg,#3a4650,#262e35)}.vtabs button.on{border-color:var(--gold);color:var(--gold)}.binds{display:grid;grid-template-columns:repeat(2,1fr);gap:.35em 1.2em;margin-bottom:.6em}.bind{display:flex;justify-content:space-between;align-items:center;gap:.5em;font-size:.85em}.facts{display:grid;grid-template-columns:auto 1fr;gap:.4em 1em;margin:.8em 0}.howto,.cast,.story{margin:0 0 1em;padding-left:1.1em;line-height:1.5;font-size:.88em}.mail{border-bottom:1px solid #3a444d;padding:.5em 0}.mail h4{margin:0 0 .3em;color:#fff;font-family:var(--display);font-weight:400}background: linear-gradient(180deg,#fff7c4 0%,#ffd54a 40%,#e09a14 60%,#ffe27a 100%); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 4px 0 #3a5a12) drop-shadow(0 -2px 0 var(--ink)) drop-shadow(3px 0 0 var(--ink)) drop-shadow(-3px 0 0 var(--ink)) drop-shadow(0 6px 0 var(--ink)); } .stars{display:flex;justify-content:center;gap:.2em;font-size:clamp(20px,calc(var(--view-h) * .045),44px);margin-bottom:-.1em}.stars i{font-style:normal;color:#4a5258;text-shadow:0 3px 0 var(--ink)}.stars i.on{color:var(--gold);text-shadow:0 3px 0 var(--ink),0 0 16px rgba(242,194,48,.7)}.pill.trophy b{color:#ffd27a}.podium{flex:1;width:62%;margin-right:30%;display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:1em;padding-bottom:4.5em;min-height:0}.pod{display:flex;flex-direction:column;align-items:center}.pod-box{width:100%;display:grid;justify-items:center;gap:.2em;padding:.6em .4em;border-radius:10px 10px 4px 4px;border:3px solid var(--ink);background:linear-gradient(180deg,#a9b2b9,#6b757d 60%,#535c63);box-shadow:inset 0 3px #fff6}.pod-1 .pod-box{min-height:9.5em;background:linear-gradient(180deg,#c3cbd1,#7e888f);box-shadow:inset 0 3px #ffffff80,0 0 26px #f2c23073}.pod-2 .pod-box,.pod-3 .pod-box{min-height:7em}.place{font-family:var(--display);font-size:1.3em;color:#fff;text-shadow:0 2px 0 var(--ink)}.pod-1 .place{color:var(--gold)}.mvp{font-family:var(--display);font-size:.75em;color:var(--ink);background:var(--gold);padding:.1em .6em;border-radius:99px}.pod-box b{font-family:var(--display);font-weight:400;background:#2b333a;border:2px solid var(--ink);border-radius:8px;padding:.25em .7em;font-size:.85em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pod-box small{font-family:var(--display);color:var(--ink);font-size:.78em}.teaser{font-style:italic;color:#cfe6ff}.teaser-title{font-family:var(--display);color:var(--cyan);font-size:1.2em;margin-bottom:0!important}#pause{position:fixed;inset:0;z-index:10;display:none;place-items:center;background:#080c1099}#pause.show{display:grid}.pause-card{width:min(calc(var(--view-w) * .92),22em);display:grid;gap:.6em;text-align:center}.pause-card h2{font-family:var(--display);font-weight:400;margin:0;font-size:1.6em}.pause-card .toggle,.pause-card .field{text-align:left}#rotate{display:none;position:fixed;inset:0;z-index:30;background:var(--bg);color:var(--text);place-content:center;text-align:center;font-family:var(--display)}.rot-phone{width:46px;height:80px;border:4px solid var(--text);border-radius:10px;margin:0 auto 1em;animation:rot 2s ease-in-out infinite}@keyframes rot{50%{transform:rotate(-90deg)}}@media(orientation:portrait)and (max-width:760px){#rotate{display:grid}}.fatal{pointer-events:auto;position:fixed;inset:0;display:grid;place-content:center;padding:2em;text-align:center;font-family:var(--display)}@media(max-height:520px){.home-left{width:calc(var(--view-w) * .3)}.home-left .mini-card:nth-child(3){display:none}.home .btn-play span{font-size:2.4em}.nav-btn{font-size:.85em;padding:.45em .7em .45em .5em}.nb-ico{width:1.7em}.grid{gap:.35em}.mission .m-loc{display:none}.brief-cols{grid-template-columns:1fr 1fr}.mp-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.lobby-grid{grid-template-columns:1fr 1.4fr}.lobby-grid .chat{display:none}.faction-card{grid-template-columns:1fr}.fc-art{display:none}}.splash .watch{margin-top:12px}.panel{background:linear-gradient(180deg,#34404a,#252d35)}.screen>*{min-height:0}.btn-green,.btn-ghost,.chip,.tab,.btn-mini{min-height:2.5em;display:inline-flex;align-items:center;justify-content:center;gap:.4em;text-align:center;line-height:1.1;transition:transform .08s,border-color .15s,filter .15s}.btn-green{padding:.55em 1.3em;border:3px solid var(--ink);border-radius:10px;background:linear-gradient(180deg,#a6f55c,#5fd22e 45%,#2f9a19);box-shadow:inset 0 3px #ffffff73,inset 0 -4px #00000040,0 4px #0d1a08;font-size:1em;letter-spacing:.02em}.btn-green:hover{filter:brightness(1.08)}.btn-ghost{padding:.5em 1.1em;border:2px solid #6a7782;border-radius:10px;background:linear-gradient(180deg,#4a5660,#323c45 55%,#262e35);box-shadow:inset 0 2px #ffffff24,0 4px #0e1215;color:#e8eef2}.btn-ghost:hover{border-color:var(--gold)}.btn-ghost:disabled,.btn-green:disabled{filter:grayscale(.8) brightness(.7);cursor:default}.chip{padding:.45em 1em;border-radius:99px;border:2px solid #55616b;background:linear-gradient(180deg,#2f3841,#222a31);box-shadow:0 3px #0e1215}.chip.on{border-color:var(--gold);background:linear-gradient(180deg,#5a4f22,#34301a);color:#ffe48a}.tabs{display:flex;gap:.3em;flex-wrap:nowrap}.tab{padding:.45em 1em;border-radius:9px 9px 0 0;border:2px solid #55616b;border-bottom:0;background:linear-gradient(180deg,#34404a,#252d35);color:#c8d1d7;white-space:nowrap}.tab.on{color:#fff;background:linear-gradient(180deg,#4a7a2c,#2a4318);border-color:var(--neon-mid)}.btn-play{box-shadow:inset 0 3px #ffffff73,inset 0 -5px #00000040,0 5px #0d1a08}.ui-btn-primary .btn-green,.ui-btn-primary .btn-play{border-style:solid;border-image:var(--ui-btn-primary) 30% 12% fill / .9em 1.2em;background:none;box-shadow:none}.ui-btn-secondary .btn-ghost{border-style:solid;border-image:var(--ui-btn-secondary) 30% 12% fill / .7em 1em;background:none;box-shadow:none}.ui-panel .panel{border-style:solid;border-image:var(--ui-panel) 12% fill / 1.1em;background:none;box-shadow:none}.ui-ribbon-win .res-ribbon.win,.ui-ribbon-lose .res-ribbon.lose{clip-path:none;border:0;background:center / 100% 100% no-repeat}.ui-ribbon-win .res-ribbon.win{background-image:var(--ui-ribbon-win)}.ui-ribbon-lose .res-ribbon.lose{background-image:var(--ui-ribbon-lose)}.nav-img{width:1.9em;height:1.9em;object-fit:contain;flex:none}.pager{display:flex;align-items:center;justify-content:center;gap:1em;font-family:var(--display);margin-top:auto;padding-top:.4em}.pg{width:2.4em;height:2.4em;border-radius:50%;border:2px solid #6a7782;background:linear-gradient(180deg,#4a5660,#262e35);font-size:1.1em;box-shadow:0 3px #0e1215}.pg:disabled{opacity:.35;cursor:default}.cards{display:grid;gap:.55em;align-content:start;min-height:0}.cards.c5{grid-template-columns:repeat(5,minmax(0,1fr))}.cards.c4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{position:relative;display:grid;grid-template-rows:auto 1fr auto auto;justify-items:center;gap:.25em;padding:.55em .45em .45em;border-radius:10px;border:2px solid #4f5b65;background:linear-gradient(180deg,#3b4751,#242c33);box-shadow:0 3px #0e1215;min-width:0;text-align:center}.card:before{content:"";position:absolute;left:8px;right:8px;top:0;height:4px;border-radius:0 0 4px 4px;background:var(--rar, #6a7782)}.card b{font-family:var(--display);font-weight:400;font-size:.8em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.card small{font-size:.66em;color:var(--muted);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card img{width:100%;max-width:9em;height:auto;align-self:center;border-radius:8px;background:radial-gradient(closest-side,#becdd761,#becdd700)}.card img.ico{width:3.4em;height:3.4em}.card canvas{width:100%;height:auto;aspect-ratio:4 / 3}.card .foot{width:100%;font-family:var(--display);font-size:.74em;padding:.25em 0;border-radius:6px;background:#00000059;color:var(--muted)}.card .foot .price{color:var(--gold)}.card.equipped .foot{background:linear-gradient(180deg,#4fcf28,#2a8f17);color:#fff;text-shadow:0 1px 0 var(--ink)}.card.on{border-color:var(--gold);box-shadow:0 0 0 2px #f2c23059,0 3px #0e1215}.card:hover{border-color:#8a96a0}.lock{color:#ffb02e;font-family:var(--display);font-size:.95em}.rar{display:inline-block;font-family:var(--display);font-size:.7em;padding:.15em .6em;border-radius:99px;border:2px solid var(--rar);color:var(--rar)}.detail{display:flex;flex-direction:column;gap:.4em;border-color:var(--rar, #5a6670);min-height:0;overflow:hidden}.detail h2{font-family:var(--display);font-weight:400;margin:0 0 .2em;font-size:1.3em;line-height:1.1}.detail p{margin:0;font-size:.86em;line-height:1.4}.d-head{display:flex;gap:.7em;align-items:center}.d-ico{width:4.4em;height:4.4em}.d-art{width:86%;max-height:7em;object-fit:contain;margin:0 auto;background:radial-gradient(closest-side,#becdd759,#becdd700)}.facts{display:grid;grid-template-columns:auto 1fr;gap:.2em .8em;margin:.2em 0;font-size:.85em}.facts dt{color:var(--muted)}.facts dd{margin:0;font-family:var(--display);color:var(--gold)}.d-actions{margin-top:auto;display:grid;gap:.45em}.d-actions .btn-play{width:100%}.lockline{color:#ffcf7a;font-family:var(--display)}.stat{display:grid;grid-template-columns:6.5em 1fr;align-items:center;gap:.5em;font-family:var(--display);font-size:.72em;color:#cfd8de}.stat .bar i{background:linear-gradient(90deg,#4fcf28,#a6f55c)}.atts{display:grid;grid-template-columns:repeat(4,1fr);gap:.3em}.att{min-height:2.6em;text-transform:capitalize}.lo-strip{display:flex;align-items:stretch;gap:.45em;padding:.45em .6em}.lslot{flex:1.4;min-width:0;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;align-items:center;gap:.1em;padding:.25em .3em;border-radius:9px;border:2px solid #4f5b65;background:linear-gradient(180deg,#2f3841,#222a31)}.lslot.sq,.lslot.cls{flex:1}.lslot small{font-family:var(--display);font-size:.6em;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.lslot img{max-height:2.2em;max-width:100%}.lslot b{font-family:var(--display);font-weight:400;font-size:.66em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.lslot.empty{border-style:dashed;opacity:.75}.lslot:hover{border-color:var(--gold)}.lo-sep{width:2px;background:#3d4750;border-radius:2px}.arm-body{flex:1;display:grid;grid-template-columns:1fr minmax(15em,31%);gap:calc(var(--u) * .8);min-height:0}.arm-list{display:flex;flex-direction:column;gap:.5em;min-height:0;overflow:hidden}.arm-list .tabs{margin:-.2em 0 .2em}.filter{display:flex;gap:.35em;flex-wrap:wrap}.cls-card{grid-template-rows:auto repeat(4,auto) 1fr auto;justify-items:stretch;text-align:left}.cls-card b{text-align:center;font-size:1em}.store-body{flex:1;display:grid;grid-template-columns:minmax(9em,22%) 1fr minmax(14em,27%);gap:calc(var(--u) * .8);min-height:0}.store-stage{display:flex;align-items:flex-end;justify-content:center}.store-stage .rotate-bar{display:flex;gap:.6em;align-items:center;font-family:var(--display);font-size:.85em}.store-list{display:flex;flex-direction:column;gap:.5em;min-height:0;overflow:hidden}.camp-head{display:flex;align-items:center;gap:.8em}.side-badge{font-family:var(--display);padding:.4em .9em;border-radius:99px;border:2px solid;white-space:nowrap;font-size:.85em}.side-badge.vanguard{border-color:#8fe35a;color:#c8f59a;background:#3c5a1e80}.side-badge.eclipse{border-color:#ff6b5a;color:#ffb3a8;background:#5a1e1e80}.act-strip{flex:1;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:.3em}.act-pill{display:grid;justify-items:center;padding:.25em 0;border-radius:9px;border:2px solid #55616b;background:linear-gradient(180deg,#34404a,#252d35);box-shadow:0 3px #0e1215}.act-pill b{font-family:var(--display);font-weight:400;font-size:1em;line-height:1.1}.act-pill small{font-size:.62em;color:var(--gold)}.act-pill.on{border-color:var(--gold);background:linear-gradient(180deg,#5a4f22,#34301a)}.act-pill.locked{opacity:.6}.campaign .grid{flex:1;grid-template-rows:repeat(2,minmax(0,1fr))}.mission.locked{filter:saturate(.25) brightness(.78);border-style:dashed;cursor:default}.mission.locked .m-title,.mission.locked .m-loc{color:#b9c2c8}.prac-grid{flex:1;display:grid;grid-template-columns:1.1fr 1fr;gap:calc(var(--u) * .8);min-height:0}.prac-grid .panel{display:flex;flex-direction:column;gap:.35em;min-height:0}.prac-grid h3{margin:.3em 0 .1em}.prac-grid .maps{flex:1;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(52px,1fr);gap:.45em;min-height:0;overflow-y:auto;overscroll-behavior:contain}.prac-grid .map-chip{min-height:0}.prac-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:1em}.prac-foot p{margin:0}.practice{padding-bottom:max(12px,env(safe-area-inset-bottom))}.practice>.prac-foot{flex:none;min-height:56px;padding:6px 8px;gap:12px;border-top:1px solid var(--edge);background:var(--bg)}.practice>.prac-foot p{font-size:12px;max-width:60ch}.practice>.prac-foot .btn-play{flex:none;min-height:48px;min-width:132px}.prac-opts{overflow-y:auto;overscroll-behavior:contain}.prac-opts>*{flex-shrink:0}.journal-panel{flex:1;display:flex;flex-direction:column;gap:.6em;overflow:hidden}.two-col{columns:2;column-gap:2em}.two-col li{break-inside:avoid;margin-bottom:.5em}.cine-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45em}.cine-list li{display:flex}.cine-list .btn-ghost{width:100%;justify-content:flex-start;font-size:.82em}.cine-list .locked{padding:.5em .8em;border:2px dashed #3d4750;border-radius:10px;font-size:.82em;width:100%}.results{align-items:stretch;padding-top:calc(var(--u) * 1.2)}.res-ribbon{align-self:center;position:relative;text-align:center;padding:.35em 3.2em .45em;min-width:min(36em,calc(var(--view-w) * .8));clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%);background:linear-gradient(180deg,#2f6a1d,#1c3a12);border-top:3px solid #8fe35a}.res-ribbon.lose{background:linear-gradient(180deg,#6a221c,#3a1210);border-top-color:#ff6b5a}.res-ribbon small{display:block;font-family:var(--display);font-size:.8em;color:#dfe8dc;letter-spacing:.06em;opacity:.9}.res-ribbon h1{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(28px,calc(var(--view-h) * .064),58px);line-height:1.05;letter-spacing:.04em;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.45)}.res-ribbon .stars{display:flex;justify-content:center;gap:.2em;font-size:1.3em}.res-ribbon .stars i{color:#3a3f44;font-style:normal}.res-ribbon .stars i.on{color:var(--gold);text-shadow:0 0 10px rgba(242,194,48,.6)}.res-body{flex:1;display:grid;grid-template-columns:1fr minmax(16em,34%);gap:calc(var(--u) * .9);align-items:start;min-height:0;width:min(100%,64em);margin:0 auto}.res-story{display:flex;flex-direction:column;gap:.55em}.res-story .speaker{margin:0;font-family:var(--display);color:var(--gold);font-size:.85em}.res-line{margin:0;font-size:1.02em;line-height:1.5}.res-story .context{margin:0;color:#cdd6dc;font-size:.9em;line-height:1.45}.choice{border-top:1px solid #3a444d;padding-top:.55em}.choice p{margin:0 0 .4em}.choice-row{display:flex;gap:.45em;flex-wrap:wrap}.res-stats{display:flex;flex-direction:column;gap:.55em}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:.4em}.tile{display:grid;gap:.1em;padding:.45em .6em;border-radius:9px;background:#00000047;border:1px solid #3d4750}.tile small{font-family:var(--display);font-size:.65em;color:var(--muted);letter-spacing:.05em}.tile b{font-family:var(--display);font-weight:400;font-size:1.35em;color:#fff}.res-stats .rw{display:flex;gap:.45em;flex-wrap:wrap}.pill.xp b{color:var(--vg)}.results-actions{display:flex;justify-content:center;gap:.8em;align-items:center}.results .podium{align-self:end}#modal{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#06090cb8;padding:1em}.modal-card{width:min(30em,calc(var(--view-w) * .92));max-height:calc(var(--view-h) * .92);overflow:hidden;display:grid;gap:.7em;padding:1.2em 1.3em;border-radius:14px;border:2px solid #6a7782;background:linear-gradient(180deg,#3b4751,#232b32);box-shadow:0 12px 40px #0009}.modal-card.wide{width:min(46em,calc(var(--view-w) * .94));font-size:.9em;line-height:1.45}.modal-card h2,.modal-card h3{font-family:var(--display);font-weight:400;margin:0}.modal-card p{margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:.6em}#toast{top:calc(var(--u) * 4.4);bottom:auto;transform:translate(-50%,-140%);border-radius:99px;border-width:2px 2px 2px 6px;padding:.55em 1.2em;font-family:var(--display);font-size:.9em;background:linear-gradient(180deg,#2b343c,#1b2126)}#toast.show{transform:translate(-50%)}#cine video{object-fit:cover}@media(max-height:560px){.cards{gap:.4em}.card{padding:.4em .35em .35em}.card small{display:none}.card img.ico{width:2.6em;height:2.6em}.card canvas{aspect-ratio:16 / 10}.lslot{grid-template-rows:auto auto;padding:.15em .25em}.lslot img{display:none}.lslot b{font-size:.62em}.detail p{font-size:.8em}.d-art{max-height:4.5em}.stat{font-size:.64em}.note{display:none}.res-ribbon h1{font-size:clamp(22px,calc(var(--view-h) * .07),40px)}.res-line{font-size:.9em}.act-pill small{display:none}.prac-grid .maps{grid-template-columns:repeat(3,1fr)}.two-col{font-size:.85em}.cine-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.cards.c5{grid-template-columns:repeat(4,minmax(0,1fr))}.store-body{grid-template-columns:minmax(7em,18%) 1fr minmax(12em,30%)}.arm-body{grid-template-columns:1fr minmax(13em,36%)}.tab{padding:.4em .7em;font-size:.85em}}.modal-card.policy{max-width:min(1100px,calc(var(--view-w) * .96))}.policy-cols{columns:2 300px;column-gap:28px;text-align:left;font-size:.86rem;line-height:1.45}.policy-cols h1{font-size:1.25rem;margin:0;column-span:all}.policy-cols h2{font-size:.9rem;margin:.7em 0 .15em;color:var(--accent, #9bd36a);break-after:avoid}.policy-cols p{margin:0 0 .5em;break-inside:avoid}.policy-cols .muted{column-span:all;margin-bottom:.4em}@media(max-height:560px){.policy-cols{font-size:.76rem;line-height:1.35}.policy-cols h2{margin-top:.45em}}@media(max-height:720px){.panel.detail .note{display:none}}.gfx-opts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}.gfx-opt{display:flex;flex-direction:column;gap:4px;text-align:left;padding:12px;border-radius:10px;border:2px solid rgba(255,255,255,.12);background:#0a0e0c8c;color:inherit;font:inherit;cursor:pointer}.gfx-opt b{font-size:1rem}.gfx-opt small{color:var(--muted);font-size:.75rem;line-height:1.3}.gfx-opt.on{border-color:var(--accent, #9bd36a);background:#508c2840}@media(max-width:900px){.gfx-opts{grid-template-columns:repeat(2,minmax(0,1fr))}.gfx-opt{padding:8px 10px}}.title-art{display:block;height:1.9em;max-width:100%;object-fit:contain;filter:drop-shadow(0 2px 0 var(--ink))}.word-art{display:inline-block;height:1.15em;max-width:calc(var(--view-w) * .92);vertical-align:middle;object-fit:contain}.res-badges{display:flex;gap:.6em;justify-content:center;margin-top:.2em}.res-badge{font-family:var(--game);font-size:1.1em;color:var(--gold);animation:badge-pop .5s cubic-bezier(.2,1.6,.4,1) both}.res-badge .word-art{height:1.6em}.res-badge .word-text{text-shadow:0 2px 0 var(--ink),0 0 12px rgba(242,194,48,.5)}@keyframes badge-pop{0%{transform:scale(.4);opacity:0}}@media(prefers-reduced-motion:reduce){.res-badge{animation:none}}.word-text{font-family:var(--game);letter-spacing:.02em}.medal-img{width:2.6em;height:2.6em;object-fit:contain;filter:drop-shadow(0 2px 0 rgba(0,0,0,.4))}.tier:not(.got) .medal-img{filter:grayscale(.85) brightness(.7)}.ui-coin .ico-coin{background:var(--ui-coin) center / contain no-repeat;border:0;color:transparent}.lobby-code .room-name{font-size:1.25em;line-height:1.15;overflow-wrap:anywhere;text-align:center}.lan-rooms{display:grid;gap:.4em;margin:.4em 0 .6em}.lan-room{display:flex;justify-content:space-between;align-items:center;gap:.6em;padding:.55em .8em;border-radius:9px;border:2px solid #4f5b65;background:linear-gradient(180deg,#2f3841,#222a31);color:var(--ink);font:inherit;cursor:pointer;text-align:left}.lan-room:hover,.lan-room:focus-visible{border-color:var(--gold)}.lan-room small{color:var(--gold);white-space:nowrap}.stepper{display:flex;align-items:center;gap:.5em}.stepper span{flex:1}.stepper b{min-width:1.6em;text-align:center}.mp-grid.two{grid-template-columns:repeat(2,1fr);align-items:start}.mp>.mp-grid.two{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.mp-card.local input{text-transform:none;letter-spacing:normal;font-family:monospace;font-size:1em}.local-join{display:flex;align-items:flex-end;gap:8px}.local-join .field{flex:1;min-width:0}.local-join input{width:100%;font-size:16px!important;text-transform:uppercase!important;letter-spacing:.08em!important}.local-join>button{min-width:64px;min-height:44px}.mp-card.local .chips>button,.mp-card.local>button,.lan-room{min-height:44px}.lan-host-address{display:grid;gap:.4em;font-size:.8em}.lan-host-address code{color:var(--gold);font-size:1.25em;overflow-wrap:anywhere;user-select:text}.team-balance-note{grid-column:1 / -1;margin:8px 0 0;font-size:.8em;color:var(--muted)}.lobby .teams{overflow-y:auto;overscroll-behavior:contain;align-content:start}.lobby-actions{flex:none;min-height:48px;padding-bottom:env(safe-area-inset-bottom)}.lobby-code{overflow-y:auto;overscroll-behavior:contain}@media(max-height:520px){.lobby-code.hosting .lobby-facts{display:none}.lobby-code .room-name{font-size:1.05em}.host-tools .field span{font-size:.75em}}.tactical-entry{display:grid;grid-template-columns:1fr 1fr;padding:max(20px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));text-align:left;overflow-y:auto;background:linear-gradient(90deg,#0c14171f,#0c1417f0 57%)}.entry-art{align-self:stretch;min-height:220px;background:url(assets/images/heroes/vanguard/commander_action.webp) center bottom / contain no-repeat;filter:drop-shadow(0 10px 24px #0008)}.entry-content{width:min(100%,580px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:12px calc(var(--view-w) * .03)}.entry-content .logo-img{width:min(100%,370px);max-height:calc(var(--view-h) * .2);object-fit:contain;margin:0}.entry-kicker{color:#91a992;font-size:12px;letter-spacing:.18em;font-weight:700;margin:0 0 14px}.entry-content .tagline{text-transform:uppercase;letter-spacing:.3em;color:#d7ddcf;margin:10px 0 22px}.entry-actions{width:100%;display:grid;gap:10px}.entry-actions>.btn-play{width:100%;min-height:64px}.entry-actions>.btn-ghost{min-height:44px}.entry-note{color:#b1bdb9;font-size:12px;line-height:1.45;margin:0}.entry-links{display:flex;flex-wrap:wrap;gap:6px}.entry-links .btn-ghost{flex:1;font-size:12px;min-height:44px;white-space:nowrap}.entry-content .legal{position:static;margin-top:18px;font-size:10px}#pause,#modal{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));box-sizing:border-box}.pause-card{max-height:86dvh;overflow-y:auto;overscroll-behavior:contain;width:min(calc(var(--view-w) * .92),560px);box-sizing:border-box;font-size:max(14px,1rem);grid-template-columns:1fr 1fr;gap:12px}.pause-card>h2,.pause-card>p,.pause-card>.field,.pause-card>.danger{grid-column:1 / -1}.pause-card button,.pause-card .toggle{min-height:44px}.modal-card{max-height:86dvh;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;font-size:max(14px,1rem)}.modal-actions{flex-wrap:wrap}.modal-actions button{min-height:44px;min-width:100px}.holding{animation:hold-confirm 1s linear forwards}@keyframes hold-confirm{to{box-shadow:inset 0 -5px #fcc934;filter:brightness(1.35)}}.settings-grid .vtabs{overflow-y:auto;min-height:0}.form-panel{min-height:0}.form-panel input,.form-panel select{min-height:44px;font-size:16px}[hidden]{display:none!important}.pickup-prompt{position:fixed;z-index:9;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(460px,calc(var(--view-w) * .65));padding:12px;background:#172128f2;border:1px solid #fcc934;border-radius:8px;display:grid;gap:8px;box-shadow:0 4px 24px #0009;text-align:center}.pickup-prompt strong{color:#fcc934;font-size:14px}.pickup-prompt button{min-height:44px;font-size:13px}.pickup-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pickup-choices [data-pick=cancel]{grid-column:1 / -1}.safety-actions{display:flex;gap:4px;flex-wrap:wrap}.safety-actions button{font-size:11px}.results{overflow-y:auto}.results .res-ribbon{background-image:none;border:1px solid #64705e;border-left:6px solid #fcc934;background-color:#202b27eb;min-height:auto;padding:12px;flex-shrink:0}.results.lose .res-ribbon{border-left-color:#d93025;background-color:#301e20eb}.results .res-ribbon h1{font:400 clamp(22px,calc(var(--view-h) * .04),38px) var(--display);color:#fcc934;margin:4px 0}.results.lose .res-ribbon h1{color:#ff887e}.result-insignia{width:clamp(66px,calc(var(--view-h) * .14),130px);height:auto;float:left;margin:8px 16px 8px 0}.res-stats{overflow-y:auto;max-height:100%}.res-stats .tiles{grid-template-columns:repeat(2,1fr)}.results-actions{flex-wrap:wrap;flex-shrink:0;padding-bottom:env(safe-area-inset-bottom)}.results-actions button{min-height:44px}.supply-packs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #7fe8ff;outline-offset:3px}@media(pointer:coarse){.icon-btn{min-width:44px;min-height:44px}.btn-mini,.vtabs button,.chip,.btn-ghost,.btn-green{min-height:44px}.plus{min-width:44px;min-height:44px}}@media(max-height:430px)and (orientation:landscape){.entry-content .logo-img{max-height:calc(var(--view-h) * .18)}.entry-content{padding:0 calc(var(--view-w) * .02)}.entry-kicker{margin-bottom:4px}.entry-content .tagline{margin:4px 0 10px;font-size:11px}.entry-content .legal{margin-top:6px}.entry-actions{gap:5px}.entry-actions>.btn-play{min-height:48px}.entry-actions>.btn-play small{display:none}.pause-card{max-height:88dvh}.results .res-body{min-height:160px;flex:none}.result-insignia{width:70px}}@media(max-width:600px){.tactical-entry{grid-template-columns:1fr;background:#111b22df}.entry-art{display:none}.entry-content{margin:auto;padding:0}.entry-content .logo-img{max-height:calc(var(--view-h) * .24)}.entry-content .tagline{margin-bottom:12px}.supply-packs{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.holding{animation:none}}.entry-brand{display:flex;align-items:center;gap:18px}.entry-brand .logo-img{width:90px;height:100px;max-height:none}.entry-brand h1{font:400 clamp(32px,calc(var(--view-w) * .045),76px)/1 var(--display);margin:0;color:#fcc934;letter-spacing:.04em;text-shadow:0 3px #050a0d}.entry-brand h1 small{display:block;font:600 12px/2 var(--body);letter-spacing:.22em;color:#d4ded7}.entry-status{font:600 11px var(--body);letter-spacing:.08em;color:#9cbd9b;border-left:3px solid #86b66b;padding-left:8px;margin:0 0 14px}.results .res-ribbon.win,.results .res-ribbon.lose{background-image:none;clip-path:polygon(0 12px,12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}.res-stats{display:block}@media(max-height:430px){.entry-brand .logo-img{width:48px;height:54px}.entry-brand h1{font-size:32px}.entry-brand h1 small{font-size:9px}.entry-status{margin-bottom:7px;font-size:9px}}#networkWait{position:absolute;z-index:8;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:16px;align-items:center;background:#13212bf5;border:1px solid #7fe8ff;border-radius:8px;padding:12px 18px;font-size:14px;max-width:85%}.verification-status{color:#7fe8ff;font-size:14px;line-height:1.5;border-left:3px solid #7fe8ff;padding:8px 12px}