:root{--bg: #0a0e14;--panel: #131a26;--plate-ui: #1c2534;--ink: #000;--ink-soft: #06080c;--teal: #27c4c8;--teal-glow: #4df0f4;--orange: #ff7a30;--ember: #ff9a3c;--gold: #ffd95e;--red: #ff5544;--green: #7dff7a;--blue: #4da9ff;--violet: #c77dff;--text: #e8ecf4;--muted: #8794a8;--c-you: var(--teal-glow);--c-threat: var(--red);--c-credit: var(--gold);--c-hp: var(--green);--c-atk: var(--orange);--c-def: var(--blue);--c-range: var(--violet);--c-asc: var(--ember);--c-text: var(--text);--c-muted: var(--muted);--c-panel: var(--panel);--c-plate: var(--plate-ui);--fs-xs: 11px;--fs-s: 12px;--fs-m: 13px;--fs-l: 15px;--fs-xl: 18px;--fs-2xl: 22px;--fs-3xl: 28px;--lh-tight: 1.15;--lh-body: 1.35;--track-label: 1.2px;--track-title: 2px;--sp-1: 4px;--sp-2: 6px;--sp-3: 8px;--sp-4: 12px;--sp-5: 16px;--sp-6: 24px;--sp-7: 32px;--r-s: 8px;--r-m: 10px;--r-l: 12px;--r-xl: 14px;--r-pill: 999px;--line: 2px;--line-heavy: 3px;--shadow-hard: 4px 4px 0 rgba(0, 0, 0, .65);--shadow-hard-lg: 5px 5px 0 rgba(0, 0, 0, .7);--shadow-hard-sm: 1px 1px 0 rgba(0, 0, 0, .7);--glow-you: 0 0 12px rgba(77, 240, 244, .35);--glow-credit: 0 0 14px rgba(255, 217, 94, .25);--glow-threat: 0 0 12px rgba(255, 85, 68, .35);--dur-fast: .12s;--dur-med: .22s;--dur-slow: .42s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--tap-min: 32px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}@media(pointer:coarse){:root{--fs-xs: 12px;--tap-min: 44px}}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 0ms;--dur-med: 0ms;--dur-slow: 0ms}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;scrollbar-width:thin;scrollbar-color:#2c3a52 transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#2c3a52;border-radius:var(--r-s);border:var(--line) solid rgba(0,0,0,.45)}*::-webkit-scrollbar-thumb:hover{background:#3d5170}*::-webkit-scrollbar-corner{background:transparent}html,body{height:100%;height:100dvh;max-height:100dvh;overflow:hidden;background:var(--bg);color:var(--c-text);font-family:Avenir Next,Segoe UI,system-ui,sans-serif;touch-action:pan-x pan-y;overscroll-behavior:none}#app,#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;height:100dvh;max-height:100dvh}#scene{touch-action:none}#jump-fade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:65;background:#04060b;opacity:0;pointer-events:none;transition:opacity var(--dur-slow) ease}#jump-fade.on{opacity:1;pointer-events:auto}#screen-boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;overflow:hidden}#screen-boot.boot-done{opacity:0;pointer-events:none}#boot-art,#boot-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;animation:boot-kenburns 26s var(--ease-in-out) infinite alternate}#boot-video{opacity:0;transition:opacity 1.2s ease}#screen-boot.boot-video-on #boot-video{opacity:1}#screen-boot.boot-video-on #boot-art,#screen-boot.boot-video-on #boot-video{animation:none}@keyframes boot-kenburns{0%{transform:scale(1.02) translateY(0)}to{transform:scale(1.1) translateY(-1.4%)}}#boot-panel{position:absolute;left:50%;bottom:max(26px,calc(var(--safe-bottom, 0px) + 18px));transform:translate(-50%);width:min(78vw,460px);display:grid;gap:var(--sp-3);justify-items:center;text-align:center}#boot-track{width:100%;overflow:hidden}#boot-fill{display:block;height:100%;width:0%}@media(max-width:720px){#boot-panel{width:min(86vw,420px)}}#asset-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:max(12px,var(--safe-top, 0px)) var(--sp-5) max(12px,var(--safe-bottom, 0px));background:#04070ce0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}#asset-loader.hidden{display:none}.asset-loader-card{width:min(78vw,360px);max-width:100%;padding:var(--sp-5);border:var(--line-heavy) solid var(--ink);border-radius:var(--r-l);background:var(--c-panel);text-align:center;box-shadow:var(--shadow-hard-lg)}#asset-loader-label{display:block;color:var(--c-you);font-size:var(--fs-m);font-weight:900;letter-spacing:var(--track-title);text-transform:uppercase}.asset-loader-track{height:12px;margin:var(--sp-4) 0 var(--sp-3);overflow:hidden;border:var(--line) solid var(--ink);border-radius:var(--r-pill);background:#090d14;box-shadow:inset 0 0 0 1px #4df0f414}#asset-loader-fill{display:block;width:0;height:100%;background:linear-gradient(90deg,#1a9ea3 0%,var(--teal) 55%,#9ff7fa 100%);box-shadow:var(--glow-you);transition:width var(--dur-med) ease}#asset-loader-count{display:block;color:var(--c-muted);font-size:var(--fs-xs);font-weight:800;letter-spacing:var(--track-label);min-height:1.2em}@media(max-width:520px),(max-aspect-ratio:4/5)and (max-width:700px){.asset-loader-card{width:min(88vw,340px);padding:var(--sp-4) var(--sp-5)}#asset-loader-label{font-size:var(--fs-s);letter-spacing:var(--track-label)}.asset-loader-track{height:10px;margin:var(--sp-4) 0 var(--sp-2)}}#tutorial-card{position:absolute;top:calc(82px + var(--safe-top));left:50%;z-index:20;width:min(88vw,430px);transform:translate(-50%);padding:var(--sp-4) var(--sp-4);border:var(--line-heavy) solid var(--ink);border-left-color:var(--c-you);border-radius:var(--r-m);background:#0c111af5;box-shadow:var(--shadow-hard-lg);text-align:left;pointer-events:auto}#tutorial-progress{display:block;color:var(--c-you);font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label)}#tutorial-title{display:block;margin-top:2px;color:var(--c-text);font-size:var(--fs-l);letter-spacing:var(--track-label);padding-right:calc(var(--fs-xs) * 9.5)}#tutorial-copy{margin:3px 0 0;color:var(--c-muted);font-size:var(--fs-xs);line-height:var(--lh-body)}#btn-tutorial-skip{position:absolute;top:0;right:0;color:var(--c-muted);font-size:var(--fs-xs);font-weight:800;letter-spacing:var(--track-label);padding:var(--sp-4) var(--sp-3)}@media(min-width:1180px)and (min-aspect-ratio:1/1){#tutorial-card{left:auto;right:calc(16px + var(--safe-right));transform:none;width:340px}}@media(max-width:1179px)and (min-height:481px)and (min-aspect-ratio:1/1){#app:has(#tutorial-card:not(.hidden)) #btn-cancel-target{top:calc(196px + var(--safe-top))}}.tutorial-focus{outline:var(--line) solid rgba(255,210,87,.7)!important;outline-offset:3px}.tutorial-focus:before{content:"";position:absolute;z-index:30;top:-18px;left:50%;width:18px;height:14px;transform:translate(-50%);background:var(--c-credit);clip-path:polygon(22% 0,78% 0,78% 42%,100% 42%,50% 100%,0 42%,22% 42%);filter:drop-shadow(2px 2px 0 var(--ink));pointer-events:none}@media(max-width:520px){#tutorial-card{top:calc(68px + var(--safe-top));width:calc(100vw - 24px);padding-right:92px}}.hidden{display:none!important}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}#hud>*{pointer-events:auto}#topbar{display:flex;align-items:center}#cores-chip{margin-left:auto}#pause-status{display:flex;gap:var(--sp-3);flex-wrap:wrap;justify-content:center}#pause-status:empty{display:none}.pstat{display:flex;align-items:center;gap:var(--sp-2);background:var(--c-panel);border:var(--line-heavy) solid var(--ink);border-radius:var(--r-m);padding:var(--sp-3) var(--sp-4);box-shadow:var(--shadow-hard)}.pstat i{font-style:normal;font-size:var(--fs-xs);letter-spacing:var(--track-label);font-weight:800;color:var(--c-muted)}.pstat b{font-size:var(--fs-l);font-weight:900}.pstat em{font-style:italic;font-size:var(--fs-s);font-weight:700;color:var(--c-muted)}.pstat.gold b{color:var(--c-credit)}.pstat.teal b{color:var(--c-you)}.pstat.asc b{color:var(--c-asc)}#status{position:absolute;display:flex;align-items:center}#portrait{background:var(--c-panel) url(/art/portrait_ronin.webp) center/cover}#bars{display:flex;flex-direction:column}#hpbar{position:relative;overflow:hidden}#hpfill{height:100%;width:100%}#hptext{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.stat-chip{position:relative}.stat-chip.dim{opacity:.45}[data-tip]{position:relative}[data-tip]:hover:after,[data-tip].tip-open:after{content:attr(data-tip);position:absolute;top:calc(100% + 9px);left:var(--tip-dx, 0px);z-index:90;width:max-content;max-width:250px;background:#10151f;color:var(--c-text);border:var(--line) solid var(--ink);border-radius:var(--r-s);box-shadow:var(--shadow-hard);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-s);font-weight:600;font-style:normal;letter-spacing:.02em;text-transform:none;line-height:var(--lh-body);white-space:normal;pointer-events:none}[data-tip]:hover:before,[data-tip].tip-open:before{content:"";position:absolute;top:calc(100% - 1px);left:12px;z-index:91;border:5px solid transparent;border-bottom-color:var(--ink);pointer-events:none}[data-tip][data-tip-pos=right]:hover:after,[data-tip][data-tip-pos=right].tip-open:after{left:auto;right:0}[data-tip][data-tip-pos=right]:hover:before,[data-tip][data-tip-pos=right].tip-open:before{left:auto;right:12px}.buff-badge{position:absolute;z-index:1;font-style:normal;pointer-events:none;white-space:nowrap}.buff-badge:empty{display:none}#armor-chip{color:var(--c-def)}#weapon-chip{color:var(--c-you)}.pulse{animation:pulse var(--dur-slow) ease}@keyframes pulse{0%{transform:scale(1)}35%{transform:scale(1.25)}to{transform:scale(1)}}#bench{display:flex;gap:var(--sp-3);width:100%;max-width:100%;min-width:0;align-self:stretch;box-sizing:border-box;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;pointer-events:none;padding:var(--sp-6) max(10px,var(--safe-right)) calc(24px + var(--safe-bottom)) max(10px,var(--safe-left));z-index:4}#bench::-webkit-scrollbar{display:none}#bench>:first-child{margin-left:auto}#bench>:last-child{margin-right:auto}#bench>*{flex-shrink:0;pointer-events:auto;touch-action:none}.card{position:relative;width:min(23vw,132px);min-height:148px;background:linear-gradient(165deg,var(--c-plate),#10151f);border:var(--line-heavy) solid var(--ink);border-radius:var(--r-l);padding:var(--sp-3) var(--sp-3) var(--sp-4);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;color:var(--c-text);box-shadow:var(--shadow-hard);transition:transform var(--dur-fast) ease,box-shadow var(--dur-fast) ease,opacity var(--dur-fast) ease;cursor:grab}.card.is-drag-source{opacity:.35;cursor:grabbing;touch-action:none}.card-drag-ghost{position:fixed;left:0;top:0;z-index:80;pointer-events:none;margin:0;opacity:.95;transform:translate(-50%,-55%) scale(1.06);box-shadow:0 12px 28px #0000008c,var(--glow-you);transition:transform var(--dur-fast) ease,opacity var(--dur-fast) ease;cursor:grabbing}.card-drag-ghost.over-board{transform:translate(-50%,-130%) scale(.62);opacity:.72}#bench.is-dragging-card{touch-action:none;overflow-x:hidden;pointer-events:auto}#bench.is-dragging-card>*{touch-action:none}.card-art{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-m);background-size:cover;background-position:center 25%;opacity:.85;mask-image:linear-gradient(180deg,#000 30%,transparent 88%);-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 88%);pointer-events:none}.card-name,.card-desc{position:relative;text-shadow:0 1px 3px #000,0 0 6px #000}.card.rarity-rare{border-color:var(--blue);box-shadow:var(--shadow-hard),0 0 12px #4da9ff59}.card.rarity-epic{border-color:var(--violet);box-shadow:var(--shadow-hard),0 0 14px #c77dff73}.card.rarity-legendary{border-color:var(--gold);box-shadow:var(--shadow-hard),0 0 18px #ffd95e8c;animation:legend-glow 1.8s var(--ease-in-out) infinite}@keyframes legend-glow{0%,to{box-shadow:4px 5px #000000a6,0 0 12px #ffd95e66}50%{box-shadow:4px 5px #000000a6,0 0 22px #ffd95ebf}}.card-rarity{position:relative;font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);text-shadow:0 1px 3px #000;min-height:11px}.rarity-rare .card-rarity{color:var(--blue)}.rarity-epic .card-rarity{color:var(--violet)}.rarity-legendary .card-rarity{color:var(--gold)}.card-lane{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:var(--sp-1);font-size:var(--fs-xs);line-height:var(--lh-tight);font-style:normal;font-weight:900;letter-spacing:0;text-shadow:0 1px 3px #000;padding:1px 3px;border-radius:4px;background:#0a0e14b8;pointer-events:auto}.card-lane.lane-a,.mini-lane.lane-a,.si-lane.lane-a{color:var(--c-you)}.card-lane.lane-b,.mini-lane.lane-b,.si-lane.lane-b{color:var(--c-credit)}.card-lane.is-armed,.mini-lane.is-armed,.si-lane.is-armed{text-shadow:0 0 6px currentColor,0 1px 3px #000}.card-lane[data-tip]:hover:after,.card-lane[data-tip].tip-open:after,.mini-lane[data-tip]:hover:after,.mini-lane[data-tip].tip-open:after,.si-lane[data-tip]:hover:after,.si-lane[data-tip].tip-open:after{top:auto;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);max-width:200px}.card-lane[data-tip]:hover:before,.card-lane[data-tip].tip-open:before,.mini-lane[data-tip]:hover:before,.mini-lane[data-tip].tip-open:before,.si-lane[data-tip]:hover:before,.si-lane[data-tip].tip-open:before{top:auto;bottom:calc(100% - 1px);left:50%;transform:translate(-50%);border-bottom-color:transparent;border-top-color:var(--ink)}#bench .card:hover,#bench .card:has(.tip-open){z-index:6}.mini-lane{font-style:normal;font-size:var(--fs-xs);margin-left:var(--sp-1);vertical-align:0}.si-lane{font-style:normal;font-size:var(--fs-xs);font-weight:900;margin-left:var(--sp-1)}.card.deal{animation:dealIn var(--dur-slow) var(--ease-back) backwards;animation-delay:calc(var(--deal-i) * 80ms + var(--deal-d0, .1s))}@keyframes dealIn{0%{transform:translate(var(--deal-dx, 0px),var(--deal-dy, -60px)) rotate(-11deg) scale(.5);opacity:0}16%{opacity:1}55%{transform:translate(calc(var(--deal-dx, 0px) * .18),calc(var(--deal-dy, -60px) * .18 - 14px)) rotate(4deg) scale(.92)}82%{transform:translateY(-5px) rotate(-1.5deg) scale(1.03)}to{transform:none;opacity:1}}.pop{animation:popIn var(--dur-med) var(--ease-back) backwards;animation-delay:80ms}@keyframes popIn{0%{transform:translateY(14px) scale(.6);opacity:0}to{transform:none;opacity:1}}.pile{align-self:flex-end;display:flex;flex-direction:column;align-items:center;gap:1px;padding:var(--sp-3) var(--sp-2) var(--sp-2);background:var(--c-panel);border:var(--line) solid var(--ink);border-radius:var(--r-m);box-shadow:3px 4px #0009;min-width:38px}.bench-note{align-self:flex-end;max-width:min(70vw,360px);display:flex;flex-direction:column;gap:2px;padding:var(--sp-3) var(--sp-5);background:#0a0e14d9;border:var(--line) dashed rgba(77,240,244,.4);border-radius:var(--r-l);text-align:center}.bench-note b{font-size:var(--fs-s);font-weight:900;letter-spacing:var(--track-label);color:var(--c-you)}.bench-note span{font-size:var(--fs-xs);color:var(--c-muted);line-height:var(--lh-body)}.pile-ico{width:27px;height:27px;border-radius:var(--r-s);background-color:#151a22;background-size:cover;background-position:center;border:1px solid rgba(0,0,0,.6)}.pile b{font-size:var(--fs-l)}.pile-label{font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);color:var(--c-muted)}#reward-grid{display:flex;gap:var(--sp-5);justify-content:center;flex-wrap:wrap;margin:var(--sp-5) 0 var(--sp-3)}.card.reward-card{width:min(28vw,168px);min-height:170px;cursor:pointer}@media(hover:hover){.card.reward-card:hover{transform:translateY(-8px);box-shadow:var(--glow-you),var(--shadow-hard-lg)}}.card-owned{position:relative;font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);color:var(--c-credit);text-shadow:0 1px 3px #000}.deck-stack{position:relative;width:min(23vw,132px);min-height:126px;animation:stackIn var(--dur-fast) var(--ease-out) backwards}@keyframes stackIn{0%{transform:translateY(30px) scale(.7);opacity:0}to{transform:none;opacity:1}}.deck-card{position:absolute;top:0;right:0;bottom:0;left:0;border:var(--line-heavy) solid var(--ink);border-radius:var(--r-l);background:radial-gradient(circle at 50% 42%,rgba(77,240,244,.25),transparent 55%),repeating-linear-gradient(135deg,#1a2333 0,#1a2333 10px,#131a27 10px,#131a27 20px);box-shadow:var(--shadow-hard)}.deck-card:after{content:"✦";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:var(--fs-3xl);color:#4df0f48c}.deck-card{transform-origin:50% 130%;animation:fanOpen .6s var(--ease-back) both}.deck-card.c1{--fan: -22deg}.deck-card.c2{--fan: -11deg}.deck-card.c3{--fan: 0deg}.deck-card.c4{--fan: 11deg}.deck-card.c5{--fan: 22deg}@keyframes fanOpen{0%{transform:rotate(0)}38%,60%{transform:rotate(var(--fan, 0deg)) translateY(-6px)}88%,to{transform:rotate(0)}}.card.skill-card{border-color:var(--c-you);background:linear-gradient(165deg,#14303a,#0d1620);box-shadow:var(--glow-you),var(--shadow-hard)}.skill-card .card-rarity{color:var(--c-you)}.skill-card .card-art.skill-portrait{background-size:auto 88%;background-position:center 12%;background-repeat:no-repeat}.card-cost.skill-icon{background:var(--c-you);font-size:var(--fs-xl)}.card.cooling{filter:grayscale(.7) brightness(.55)}.card-cd-tag{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);background:linear-gradient(180deg,#57e6ea,#1e9aa4);border:var(--line) solid rgba(6,20,26,.9);border-radius:var(--r-pill);font-size:var(--fs-xs);letter-spacing:.14em;font-weight:900;padding:2px var(--sp-3);color:#06272c;font-style:normal;white-space:nowrap;box-shadow:0 2px 6px #00000080}.card-cd-tag.card-burn-tag{background:linear-gradient(180deg,var(--c-credit),#d99a2b);color:#3a2405;box-shadow:0 2px 6px #00000080,var(--glow-credit)}.si-cd{font-style:normal;color:var(--c-you);font-size:var(--fs-xs);font-weight:900}.skill-cd{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:44px;font-weight:900;color:var(--c-you);text-shadow:0 2px 8px #000;background:#050a1073;border-radius:var(--r-m)}.card:active{transform:translateY(3px);box-shadow:var(--shadow-hard-sm)}.card.spent-slot{justify-content:flex-end;gap:var(--sp-1);padding-bottom:var(--sp-6);background:#10151f8c;border:var(--line-heavy) dashed rgba(125,139,162,.45);box-shadow:none;cursor:default}.spent-label{font-size:var(--fs-s);font-weight:900;letter-spacing:var(--track-title);color:#7d8ba2cc}.spent-sub{font-size:var(--fs-xs);letter-spacing:.5px;color:#7d8ba28c}.card.unaffordable{filter:grayscale(.8) brightness(.6)}.card.targeting,#bench .card.held{outline:var(--line-heavy) solid var(--c-credit);transform:translateY(-16px) scale(1.04);box-shadow:0 0 20px #ffcc338c,var(--shadow-hard-lg);z-index:3}.card-cost{position:absolute;top:-10px;left:-8px;width:30px;height:30px;border-radius:50%;background:var(--c-credit);color:#000;border:var(--line-heavy) solid var(--ink);display:grid;place-items:center;font-weight:900;font-size:var(--fs-l)}.card-icon{font-size:var(--fs-3xl);line-height:var(--lh-tight);color:var(--c-you)}.card-name{font-size:var(--fs-s);font-weight:900;text-transform:uppercase;letter-spacing:.4px;text-align:center}.card-desc{font-size:var(--fs-xs);color:var(--c-muted);text-align:center;line-height:var(--lh-tight)}.card-key{position:absolute;bottom:-9px;right:-6px;background:var(--c-panel);border:var(--line) solid var(--ink);border-radius:var(--r-s);font-size:var(--fs-xs);font-weight:900;padding:1px var(--sp-2);color:var(--c-muted)}@media(pointer:coarse){.card-key{display:none}}#btn-endturn{position:absolute;text-align:center}#btn-endturn.holding,#btn-undo.holding{transform:scale(calc(1 + var(--hold, 0) * .08));filter:brightness(calc(1 + var(--hold, 0) * .35));box-shadow:var(--shadow-hard-lg),0 0 calc(var(--hold, 0) * 24px) #ffcc33d9}#btn-undo{position:absolute}#unit-popup{position:absolute;left:calc(14px + var(--safe-left));right:auto;bottom:auto;transform:none;z-index:8;pointer-events:auto}.dos{display:flex;gap:var(--sp-3);align-items:flex-start;width:min(40vw,372px);padding:var(--sp-3) var(--sp-3);background:linear-gradient(165deg,var(--c-plate),#10151f);border:var(--line-heavy) solid var(--ink);border-left-width:5px;border-radius:var(--r-l);box-shadow:var(--shadow-hard)}.dos.hostile{border-left-color:#c92f1f}.dos.friendly{border-left-color:var(--c-you)}.dos.scenery{border-left-color:#5a6474}.dos-portrait{width:64px;height:64px;flex:none;border-radius:var(--r-m);border:var(--line-heavy) solid var(--ink);background:var(--c-panel) var(--art) center/cover;box-shadow:3px 3px #00000080}.dos-bars{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0;flex:1}.dos-title{display:flex;align-items:center;gap:var(--sp-3)}.dos-name{font-size:var(--fs-l);font-weight:900;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dos-tag{flex:none;font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);color:var(--c-you)}.dos.hostile .dos-tag{color:var(--c-threat)}.dos.scenery .dos-tag{color:#8a93a6}.dos .pop-close{position:static;margin-left:auto;flex:none}.dos-hpbar{position:relative;height:20px;background:#1a0d0d;border:var(--line-heavy) solid var(--ink);border-radius:var(--r-s);overflow:hidden;box-shadow:3px 3px #00000080}.dos-hpfill{height:100%;background:linear-gradient(180deg,#6dde5a,#2f9e2f);transition:width var(--dur-med) ease}.dos-hpfill.foe,.dos-hpfill.low{background:linear-gradient(180deg,#ff7a5e,#c92f1f)}.dos-hptext{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:var(--fs-s);font-weight:900;color:#fff;text-shadow:0 0 4px #000,0 0 4px #000}.dos-chips{display:flex;flex-wrap:wrap;gap:var(--sp-1);align-items:center}.dos .stat-chip{font-size:var(--fs-s);padding:2px var(--sp-2)}.dos .pop-flavor{margin:0;font-size:var(--fs-xs);line-height:var(--lh-body)}.dos .pop-preview,.dos .pop-note,.dos .pop-doctrine{margin:0}.dos .pop-engage{margin:2px 0 0}#ambush-recap{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);z-index:30;pointer-events:none}#ambush-recap.hidden{display:none}.ar-plate{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-5) var(--sp-7);background:linear-gradient(165deg,var(--c-plate),#10151f);border:var(--line-heavy) solid #d9a13a;border-radius:var(--r-xl);box-shadow:var(--shadow-hard-lg),0 0 30px #ffd25740;animation:popin var(--dur-med) ease;text-align:center}.ar-plate b{font-size:var(--fs-2xl);font-weight:900;letter-spacing:var(--track-title);color:var(--c-credit)}.ar-row{font-size:var(--fs-m);font-weight:800;letter-spacing:var(--track-label);color:var(--c-text)}.ar-row.good{color:#7dffa8}.ar-row.bad{color:var(--c-threat)}.ar-sub{font-size:var(--fs-xs);font-weight:800;letter-spacing:var(--track-title);color:var(--c-muted)}.pop-card{display:flex;width:min(92vw,470px);background:linear-gradient(165deg,var(--c-plate),#10151f);border:var(--line-heavy) solid var(--ink);border-radius:var(--r-l);box-shadow:var(--glow-you),var(--shadow-hard-lg);overflow:hidden;animation:popin var(--dur-med) ease}@keyframes popin{0%{transform:translateY(14px) scale(.94);opacity:0}to{transform:none;opacity:1}}.pop-card.hostile{box-shadow:var(--glow-threat),var(--shadow-hard-lg)}.pop-art{width:185px;min-height:185px;padding:var(--sp-3);background:var(--art, none) center 32% / contain no-repeat,radial-gradient(rgba(255,255,255,.05) 1.2px,transparent 1.3px) 0 0 / 8px 8px,radial-gradient(ellipse at 50% 28%,rgba(255,255,255,.1),transparent 64%),var(--c-plate);background-origin:content-box,padding-box,padding-box,padding-box;border-right:var(--line-heavy) solid var(--ink);flex-shrink:0}@media(max-width:1000px)and (min-aspect-ratio:5/4){.pop-card{width:min(54vw,430px)}.pop-art{width:150px;min-height:150px}}.pop-card.hostile .pop-art{background:var(--art, none) center 32% / contain no-repeat,radial-gradient(rgba(0,0,0,.22) 1.2px,transparent 1.3px) 0 0 / 8px 8px,radial-gradient(ellipse at 50% 28%,rgba(255,255,255,.34),transparent 64%),#d84a3f;background-origin:content-box,padding-box,padding-box,padding-box}.pop-card.scenery{box-shadow:var(--shadow-hard-lg),0 0 16px #9aa7b524}.pop-card.scenery .pop-art{background:var(--art, none) center 32% / contain no-repeat,radial-gradient(rgba(0,0,0,.22) 1.2px,transparent 1.3px) 0 0 / 8px 8px,radial-gradient(ellipse at 50% 28%,rgba(255,255,255,.28),transparent 64%),#5d6a79;background-origin:content-box,padding-box,padding-box,padding-box}.pop-card.hostile.scenery h3{color:#b8c4d2}.pop-body{padding:var(--sp-3) var(--sp-3) var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-1);flex:1;min-width:0}.pop-card.hostile .pop-body{padding:var(--sp-2) var(--sp-3) var(--sp-3);gap:var(--sp-1)}.pop-body h3{font-size:var(--fs-l);font-weight:900;letter-spacing:.8px;color:var(--c-text);line-height:var(--lh-tight)}.pop-card.hostile h3{color:var(--c-threat);font-size:var(--fs-m)}.pop-stats{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.ps{background:#00000073;border:var(--line) solid var(--ink);border-radius:var(--r-s);padding:1px var(--sp-2);font-size:var(--fs-s);font-weight:800}.pop-card.hostile .ps{font-size:var(--fs-xs);padding:1px var(--sp-1)}.ps i,.stat-abbr{font-style:normal;font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);opacity:.8}.ps.atk{color:var(--c-atk)}.ps.def{color:var(--c-def)}.ps.mov{color:var(--c-you)}.ps.rng{color:var(--c-range)}.ps.hp{color:var(--c-hp)}.ps.atkpip{color:var(--c-credit)}.class-stats .rng{color:var(--c-range)}.pop-traits{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.pop-doctrine{font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);text-shadow:0 1px 3px #000}.trait{background:var(--c-atk);color:#1a0d02;border:var(--line) solid var(--ink);border-radius:var(--r-s);font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);padding:2px var(--sp-2)}.ps[data-tip],.trait[data-tip],.us-tag[data-tip],.dos-tag[data-tip]{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);min-width:var(--tap-min);min-height:var(--tap-min);line-height:var(--lh-tight)}.pop-flavor{font-size:var(--fs-xs);font-style:italic;color:var(--c-muted);line-height:var(--lh-body)}.pop-card.hostile .pop-flavor{display:none}.pop-preview{font-size:var(--fs-s);color:var(--c-text);line-height:var(--lh-body)}.pop-preview .good{color:var(--c-hp)}.pop-preview .bad{color:var(--c-threat)}.pop-note{font-size:var(--fs-xs);color:var(--c-muted);font-weight:700;line-height:var(--lh-body)}.pop-engage{background:linear-gradient(165deg,#e8542f,#a32913);color:#fff;border:var(--line) solid var(--ink);border-radius:var(--r-s);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-s);font-weight:900;letter-spacing:var(--track-label);box-shadow:2px 2px #0009;margin-top:1px;align-self:stretch}.pop-card.hostile .pop-engage{padding:var(--sp-1) var(--sp-3);font-size:var(--fs-xs);letter-spacing:var(--track-label)}.pop-engage:active{transform:translate(2px,2px);box-shadow:0 0 #0009}.pop-note.engage-alt{text-align:center;margin-top:-1px;opacity:.75}.pop-close{position:absolute;top:0;right:0;font-size:var(--fs-xl);font-weight:900;color:var(--c-muted);z-index:2;padding:var(--sp-4) var(--sp-4)}#screen-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#fffdf4;opacity:0;pointer-events:none;z-index:60;transition:opacity var(--dur-slow) var(--ease-out)}#screen-flash.flashing{opacity:.92;transition:none}#hint .hint-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#placement-card{position:absolute;bottom:calc(14px + var(--safe-bottom, 0px));left:50%;transform:translate(-50%);display:flex;gap:var(--sp-3);align-items:stretch;background:#0a0e14f5;border:var(--line) solid var(--teal);border-radius:var(--r-l);padding:var(--sp-3) var(--sp-4) var(--sp-3) var(--sp-3);width:min(460px,calc(100vw - 20px));max-width:calc(100vw - 20px);box-sizing:border-box;box-shadow:var(--glow-you),var(--shadow-hard);z-index:30;pointer-events:none;animation:pcRise var(--dur-med) ease}@keyframes pcRise{0%{opacity:0;transform:translate(-50%) translateY(16px)}}#placement-card.hidden{display:none}#placement-card .pc-art{width:72px;height:72px;flex:0 0 72px;align-self:center;border-radius:var(--r-m);border:var(--line) solid #26364a;background:var(--art, none) center bottom / auto 92% no-repeat,radial-gradient(rgba(255,255,255,.05) 1.2px,transparent 1.3px) 0 0 / 8px 8px,radial-gradient(ellipse at 50% 30%,rgba(255,255,255,.1),transparent 64%),var(--c-plate)}#placement-card .pc-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:var(--sp-1)}#placement-card .pc-kicker{display:block;font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);color:var(--c-muted);text-transform:uppercase}#placement-card .pc-name{display:block;font-size:var(--fs-l);font-weight:900;letter-spacing:.8px;line-height:var(--lh-tight);color:var(--c-you);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#placement-card .pc-stats{display:flex;flex-wrap:wrap;gap:var(--sp-1);font-size:var(--fs-xs);font-weight:800}#placement-card .pc-stats span{background:#16202e;border:1px solid #26364a;border-radius:var(--r-s);padding:2px var(--sp-2);color:var(--c-text);white-space:nowrap}#placement-card .pc-stats .trait{font-size:var(--fs-xs);padding:2px var(--sp-1)}#placement-card .pc-skill{margin:0;font-size:var(--fs-xs);line-height:var(--lh-body);color:var(--text-dim, #9fb0c8);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}#placement-card .pc-skill b{color:var(--c-you);font-weight:900}@media(max-width:520px){#placement-card{left:10px;right:10px;width:auto;max-width:none;transform:none;padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-2);gap:var(--sp-3);animation:pcRisePhone var(--dur-med) ease}@keyframes pcRisePhone{0%{opacity:0;transform:translateY(14px)}}#placement-card .pc-art{width:58px;height:58px;flex:0 0 58px}#placement-card .pc-name{font-size:var(--fs-m)}#placement-card .pc-stats{font-size:var(--fs-xs);gap:3px}#placement-card .pc-skill{font-size:var(--fs-xs);-webkit-line-clamp:2}}#btn-cancel-target{position:absolute;left:50%;top:calc(74px + var(--safe-top));bottom:auto;transform:translate(-50%);background:#1e0a0cf2;border:var(--line-heavy) solid var(--c-threat);border-radius:var(--r-l);color:var(--c-threat);font-size:var(--fs-l);font-weight:900;letter-spacing:var(--track-label);padding:var(--sp-3) var(--sp-6);box-shadow:var(--glow-threat),var(--shadow-hard);z-index:6}#btn-cancel-target:active{transform:translate(-50%) translateY(3px)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--sp-4);background:radial-gradient(ellipse at 50% 30%,#131a26e0,#06090ef5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:var(--sp-6);text-align:center;z-index:10;overflow-y:auto}.screen:not(#screen-title):before,.screen:not(#screen-title):after{content:"";margin:auto 0}#screen-title{overflow:hidden}.title-splash{overflow:hidden;perspective:900px;animation:splashIn 1.1s var(--ease-out) backwards}@keyframes splashIn{0%{opacity:0}to{opacity:1}}.px-stage{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:rotateY(calc(var(--px, 0) * 2.2deg)) rotateX(calc(var(--py, 0) * -1.4deg))}.px-layer{position:absolute;background:center / cover no-repeat;pointer-events:none}.px-fig{background-image:url(/art/splash_armor.webp);background-size:cover;transform:translateZ(50px) translate3d(calc(var(--px, 0) * 6px),calc(var(--py, 0) * 3.5px),0)}.px-video{object-fit:cover;transform:translateZ(50px) translate3d(calc(var(--px, 0) * 6px),calc(var(--py, 0) * 3.5px),0);opacity:0;transition:opacity 1.2s ease}.px-stage.is-live .px-video{opacity:1}.title-panel{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.lore{font-size:var(--fs-l);line-height:var(--lh-body);color:var(--c-muted);max-width:560px}.lore em{color:var(--c-you);font-style:normal;font-weight:700}.lore b{color:var(--c-credit)}.screen h2{font-size:clamp(28px,7vw,44px);font-weight:900;letter-spacing:var(--track-title);color:var(--c-you);text-shadow:4px 4px 0 #000}.menu{display:flex;flex-direction:column;gap:var(--sp-3);width:min(86vw,320px)}.menu button,.back,.scrap-keep{background:var(--c-panel);border:var(--line-heavy) solid var(--ink);border-radius:var(--r-l);padding:var(--sp-4) var(--sp-6);min-height:var(--tap-min);font-size:var(--fs-l);font-weight:900;letter-spacing:var(--track-title);color:var(--c-text);box-shadow:var(--shadow-hard-lg);transition:transform var(--dur-fast) ease,box-shadow var(--dur-fast) ease,border-color var(--dur-fast) ease,color var(--dur-fast) ease,filter var(--dur-fast) ease}@media(hover:hover){.menu button:hover,.back:hover,.scrap-keep:hover{transform:translateY(-3px);border-color:var(--c-you);color:var(--c-you);box-shadow:var(--glow-you),var(--shadow-hard-lg)}.menu button.big:hover{color:#04181a;border-color:#bffbfd;filter:brightness(1.12);box-shadow:var(--shadow-hard-lg),0 0 26px #4df0f480}}.menu button:active,.back:active,.scrap-keep:active{transform:translate(3px,3px);box-shadow:var(--shadow-hard-sm)}.menu button.big{background:linear-gradient(165deg,var(--teal),#178a8e);color:#04181a;font-size:var(--fs-xl)}.gp-focus{outline:var(--line-heavy) solid var(--c-you)!important;outline-offset:3px;box-shadow:0 0 18px #4df0f473!important}#abandon-confirm{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3) var(--sp-4);border:var(--line-heavy) solid rgba(255,85,68,.6);border-radius:var(--r-l);background:#3a141059;animation:popin var(--dur-med) ease}#abandon-confirm .ac-text{font-size:var(--fs-s);font-weight:800;letter-spacing:var(--track-label);color:#ff8a7a;line-height:var(--lh-body)}.menu button.danger{border-color:var(--c-threat);color:var(--c-threat);background:#2a100d}@media(hover:hover){.menu button.danger:hover{border-color:#ff8a7a;color:#fff;background:#4a1a14;box-shadow:var(--glow-threat),var(--shadow-hard-lg)}}.pg{display:none;align-items:center;justify-content:center;min-width:21px;height:21px;padding:0 var(--sp-1);border-radius:50%;background:#eef3fb;color:#10151c;border:var(--line) solid #10151c;box-shadow:1.5px 1.5px #06090ea6;font-size:var(--fs-xs);font-weight:900;letter-spacing:.4px;line-height:var(--lh-tight);vertical-align:middle}body.pad-active .pg{display:inline-flex}.pg.wide{border-radius:var(--r-l)}#bench .card.pad-browse{outline:var(--line-heavy) solid var(--c-you);outline-offset:2px;box-shadow:var(--glow-you),var(--shadow-hard);transform:translateY(-8px)}#btn-endturn,#btn-undo{overflow:hidden}#btn-endturn.holding:before,#btn-undo.holding:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--hold, 0) * 100%);background:#ffcc336b;border-right:var(--line-heavy) solid #10151c;pointer-events:none}#pad-legend{position:fixed;left:calc(12px + env(safe-area-inset-left,0px));top:calc(128px + env(safe-area-inset-top,0px));z-index:60;display:none;flex-direction:column;gap:var(--sp-1);pointer-events:none;opacity:.92}body.pad-active #pad-legend.live{display:flex}#pad-legend .pl-row{display:flex;align-items:center;gap:var(--sp-2)}#pad-legend .pl-row i{font-style:normal;font-size:var(--fs-xs);font-weight:800;letter-spacing:var(--track-label);color:#c7d3e4;text-shadow:0 1px 0 rgba(6,9,14,.8),0 0 6px rgba(6,9,14,.9)}#pad-cursor{position:fixed;top:0;left:0;z-index:300;pointer-events:none;display:none;filter:drop-shadow(2.5px 3.5px 0 rgba(6,9,14,.55));transition:opacity var(--dur-med) ease}#pad-cursor.live{display:block}#pad-cursor.idle{opacity:0}.cd-art{position:relative;overflow:hidden;background:radial-gradient(rgba(0,0,0,.22) 1.2px,transparent 1.3px) 0 0 / 8px 8px,radial-gradient(ellipse at 50% 26%,rgba(255,255,255,.38),transparent 62%),var(--class-color, var(--c-you))}.cd-figure{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cut) center / auto 88% no-repeat;animation:teleportIn var(--dur-slow) var(--ease-out)}@keyframes teleportIn{0%{clip-path:inset(0 0 100% 0);filter:brightness(4) saturate(0) drop-shadow(0 0 14px #fff)}55%{clip-path:inset(0 0 0 0);filter:brightness(2.2) saturate(.3) drop-shadow(0 0 10px #fff)}68%{filter:brightness(.85) saturate(1.3)}80%{filter:brightness(1.7) saturate(.7) drop-shadow(0 0 6px #fff)}to{clip-path:inset(0 0 0 0);filter:none}}.cd-art:after{content:"";position:absolute;left:3%;right:3%;top:0;height:3px;background:#fff;border-radius:2px;box-shadow:0 0 10px 2px #fff,0 0 22px 6px color-mix(in srgb,var(--class-color, var(--c-you)) 80%,white);opacity:0;animation:scanSweep var(--dur-slow) var(--ease-out);pointer-events:none}@keyframes scanSweep{0%{top:0%;opacity:1}55%{top:calc(100% - 3px);opacity:1}78%{top:calc(100% - 3px);opacity:.4}to{top:calc(100% - 3px);opacity:0}}.chip{display:inline-flex;align-items:baseline;gap:var(--sp-1);padding:3px var(--sp-2);border-radius:var(--r-s);border:var(--line) solid color-mix(in srgb,var(--chip-color, var(--c-muted)) 55%,transparent);background:color-mix(in srgb,var(--chip-color, var(--c-muted)) 12%,transparent)}.chip b{font-size:var(--fs-m);font-weight:900;color:var(--chip-color, var(--c-text));line-height:var(--lh-tight)}.chip i{font-style:normal;font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);color:var(--c-muted)}.chip.c-atk{--chip-color: var(--c-atk)}.chip.c-def{--chip-color: var(--c-def)}.chip.c-mov{--chip-color: var(--c-you)}.chip.c-hp{--chip-color: var(--c-hp)}.chip.c-rng{--chip-color: var(--c-range)}.mini-card{position:relative;height:112px;background:linear-gradient(165deg,var(--c-plate),#10151f);border:var(--line) solid var(--ink);border-radius:var(--r-m);padding:var(--sp-2) var(--sp-1) var(--sp-1);display:flex;flex-direction:column;justify-content:flex-end;box-shadow:2px 2px #00000080;overflow:hidden}.mini-card.rarity-rare{border-color:var(--blue)}.mini-card.rarity-epic{border-color:var(--violet)}.mini-card.rarity-legendary{border-color:var(--gold);box-shadow:var(--glow-credit)}.mini-card.is-sig{background:linear-gradient(165deg,#15303a,#0d1a22)}.mini-art{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 22%;opacity:.8;mask-image:linear-gradient(180deg,#000 0%,#000 38%,transparent 90%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 38%,transparent 90%);pointer-events:none}.mini-cost{position:absolute;top:4px;left:4px;width:21px;height:21px;border-radius:50%;background:var(--c-credit);color:#000;border:var(--line) solid var(--ink);display:grid;place-items:center;font-weight:900;font-size:var(--fs-xs);z-index:1}.mini-body{position:relative;display:flex;flex-direction:column;gap:1px}.mini-name{font-size:var(--fs-xs);font-weight:900;text-transform:uppercase;text-shadow:0 1px 3px #000,0 0 6px #000;line-height:var(--lh-tight)}.mini-desc{font-size:var(--fs-xs);color:#c8d2e0;line-height:var(--lh-tight);text-shadow:0 1px 3px #000,0 1px 2px #000;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mini-tag{position:absolute;top:4px;right:4px;font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);padding:1px var(--sp-1);border-radius:4px;background:#0a0e14b3;color:var(--c-muted);text-transform:uppercase;z-index:1}.mini-card.is-sig .mini-tag{background:#4df0f438;color:var(--c-you)}.mini-card.rarity-rare .mini-tag{background:#4da9ff38;color:var(--blue)}.mini-card.rarity-epic .mini-tag{background:#c77dff38;color:var(--violet)}.mini-card.rarity-legendary .mini-tag{background:#ffd95e38;color:var(--gold)}.mini-card.is-joint{border-style:dashed}.mini-card.is-joint .mini-tag{background:#ffd25740;color:var(--c-credit)}@media(max-aspect-ratio:1/1),(max-width:640px){.chip{padding:2px var(--sp-1);gap:3px}.chip b,.chip i{font-size:var(--fs-xs)}}#screen-map{gap:var(--sp-3);padding:var(--sp-5) var(--sp-5) var(--sp-4);background-color:#05080e;background-image:radial-gradient(circle at 16% 26%,var(--neb-a, rgba(58, 44, 102, .3)) 0%,transparent 44%),radial-gradient(circle at 80% 64%,var(--neb-b, rgba(20, 69, 76, .28)) 0%,transparent 46%),radial-gradient(circle at 58% 8%,var(--neb-c, rgba(76, 30, 58, .22)) 0%,transparent 38%),radial-gradient(ellipse at 45% 36%,#0e1524,#05080e 78%);background-size:auto,auto,auto,100% 100%;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate;overflow:hidden;height:100%;max-height:100dvh;max-height:100svh;box-sizing:border-box;justify-content:flex-start}#screen-map:before{content:"";display:block;position:absolute;top:-80px;right:-80px;bottom:-80px;left:-80px;background-image:radial-gradient(1.4px 1.4px at 24px 41px,rgba(207,226,255,.8) 50%,transparent 52%),radial-gradient(1px 1px at 133px 89px,rgba(207,226,255,.55) 50%,transparent 52%),radial-gradient(1.8px 1.8px at 61px 137px,rgba(255,231,180,.45) 50%,transparent 52%),radial-gradient(1px 1px at 187px 23px,rgba(207,226,255,.4) 50%,transparent 52%),radial-gradient(1.1px 1.1px at 79px 203px,rgba(168,196,255,.5) 50%,transparent 52%),radial-gradient(.9px .9px at 241px 151px,rgba(207,226,255,.35) 50%,transparent 52%);background-size:210px 190px,230px 170px,340px 260px,270px 300px,310px 330px,260px 240px;transform:translate3d(calc(var(--sky-x, 0) * -18px),calc(var(--sky-y, 0) * 12px),0);pointer-events:none}#screen-map:after{content:"";display:block;position:absolute;top:-80px;right:-80px;bottom:-80px;left:-80px;z-index:-1;background-image:radial-gradient(2.2px 2.2px at 47px 112px,rgba(226,238,255,.9) 50%,transparent 54%),radial-gradient(1.7px 1.7px at 291px 44px,rgba(255,238,200,.75) 50%,transparent 54%),radial-gradient(2.6px 2.6px at 172px 233px,rgba(190,216,255,.65) 50%,transparent 54%),radial-gradient(1.5px 1.5px at 351px 172px,rgba(226,238,255,.6) 50%,transparent 54%);background-size:430px 390px,470px 430px,560px 520px,520px 470px;transform:translate3d(calc(var(--sky-x, 0) * -44px),calc(var(--sky-y, 0) * 30px),0);pointer-events:none}#screen-map h2{margin:0}#screen-map>.lore{margin:0 0 2px}#map-status{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-3)}.map-status-chip{display:inline-flex;align-items:center;gap:var(--sp-1);min-height:var(--tap-min);padding:var(--sp-1) var(--sp-3);border:var(--line) solid var(--ink);border-radius:var(--r-s);background:var(--c-panel);color:var(--c-muted);font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label)}.map-status-chip b{color:var(--c-text)}button.squad-chip{cursor:pointer;font-family:inherit}button.squad-chip:hover{color:var(--c-text);border-color:var(--accent)}#map-squad-panel{position:absolute;top:100%;right:0;z-index:30;min-width:240px;margin-top:var(--sp-2);padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2);border:var(--line-heavy) solid var(--ink);border-radius:var(--r-l);background:var(--c-panel);box-shadow:6px 6px #00000073}.squad-row{display:flex;align-items:center;gap:var(--sp-3)}.squad-row img{width:34px;height:34px;object-fit:contain;border:var(--line) solid var(--ink);border-radius:var(--r-s);background:#00000059}.squad-row-text{flex:1;display:flex;flex-direction:column;line-height:var(--lh-tight)}.squad-row-text b{font-size:var(--fs-xs);letter-spacing:.5px}.squad-row-text span{font-size:var(--fs-xs);color:var(--c-muted)}.squad-row-empty{font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);color:var(--c-muted);justify-content:center}.squad-dismiss{padding:var(--sp-1) var(--sp-3);border:var(--line) solid var(--ink);border-radius:var(--r-s);background:#3a2328;color:#ff9a8a;font-family:inherit;font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);cursor:pointer}.squad-dismiss.armed{background:#c03a2e;color:#fff;animation:dismiss-pulse .7s var(--ease-in-out) infinite alternate}@keyframes dismiss-pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}#map-layout{position:relative;flex:1 1 auto;min-height:300px;width:100%}#map-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background:transparent;border:0;border-radius:0;box-shadow:none}#screen-map>*:not(#map-wrap){position:relative;z-index:1;pointer-events:none}#map-briefing,#map-status>*,#map-destinations>*,#btn-map-confirm{pointer-events:auto}#map-briefing{position:absolute;z-index:3;top:12px;right:12px;width:310px;height:min(420px,calc(100% - 24px));min-height:280px;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-3);padding:var(--sp-5);text-align:left;background:var(--c-panel);border:var(--line-heavy) solid var(--ink);border-radius:var(--r-xl)}#map-brief-head{display:flex;align-items:center;gap:var(--sp-4);min-height:84px}#map-brief-planet{flex:0 0 auto;width:84px;height:84px;object-fit:cover;border:var(--line-heavy) solid var(--ink);border-radius:var(--r-l);background:#05070c;box-shadow:0 0 0 2px #2c3648 inset}#map-brief-head-text{min-width:0;display:flex;flex-direction:column;gap:3px}#map-brief-mission{color:var(--c-muted);font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label)}#map-brief-type{color:var(--c-you);font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-title)}#map-brief-title{margin:0;font-size:var(--fs-2xl);line-height:var(--lh-tight);color:var(--c-text)}#map-brief-desc{min-height:58px;margin:0;color:var(--c-muted);font-size:var(--fs-m);line-height:var(--lh-body)}#map-brief-intel{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.map-intel{min-width:0;padding:var(--sp-3);border:1px solid #364154;border-radius:var(--r-s);background:#0d131d}.map-intel span{display:block;color:var(--c-muted);font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label)}.map-intel b{display:block;margin-top:2px;color:var(--c-text);font-size:var(--fs-xs)}.map-risk{color:var(--c-threat);letter-spacing:var(--track-title)}#map-brief-reward{padding:var(--sp-3);border-left:var(--line-heavy) solid var(--c-credit);background:#ffd25714;color:var(--c-credit);font-size:var(--fs-xs);font-weight:800;line-height:var(--lh-body)}#map-action-bar{position:relative;z-index:4;flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-3);width:min(96vw,1280px)}#btn-map-confirm{width:100%;min-height:50px;margin-top:0;border:var(--line-heavy) solid var(--ink);border-radius:var(--r-m);background:var(--teal);color:#061719;font-size:var(--fs-m);font-weight:900;letter-spacing:var(--track-label);flex-shrink:0}#btn-map-confirm:disabled{background:#1b2330;color:var(--c-muted);opacity:.7}#map-destinations{position:relative;z-index:4;flex:0 0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-3);width:100%}.map-destination{min-width:0;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon type" "icon title" "icon detail";column-gap:var(--sp-3);padding:var(--sp-3) var(--sp-3);text-align:left;background:#101722;border:var(--line) solid #354154;border-radius:var(--r-m);color:var(--c-text)}.map-destination:hover,.map-destination:focus-visible,.map-destination.selected{border-color:var(--c-you);transform:translateY(-2px)}.map-destination.selected{background:#4df0f417}.md-icon{grid-area:icon;align-self:center;width:44px;height:44px;background-size:contain;background-position:center;background-repeat:no-repeat;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55))}.md-icon.md-planet{position:relative;border-radius:50%;border:var(--line) solid var(--ink);background-size:128%;background-position:center;background-color:#05070c;box-shadow:0 0 0 1.5px #2c3648 inset,0 2px 4px #00000080;filter:none}.md-type-badge{position:absolute;right:-5px;bottom:-5px;width:19px;height:19px;border-radius:50%;border:1.5px solid var(--ink);background-color:var(--c-panel);background-size:78%;background-position:center;background-repeat:no-repeat}.md-type{grid-area:type;font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);color:var(--c-muted)}.md-title{grid-area:title;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-xs);font-weight:900}.md-detail{grid-area:detail;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--c-muted);font-size:var(--fs-xs)}.map-destination.type-combat{color:var(--c-atk)}.map-destination.type-elite{color:var(--c-threat)}.map-destination.type-fortress{color:#a7b1c1}.map-destination.type-rival{color:var(--c-you)}.map-destination.type-shop{color:var(--c-credit)}.map-destination.type-event{color:var(--c-range)}.map-destination.type-vault{color:#8a72ff}@media(max-width:1180px){#screen-map{padding:calc(4px + var(--safe-top)) var(--sp-3) 0;gap:var(--sp-1);overflow:hidden;height:100%;max-height:100dvh;max-height:100svh;box-sizing:border-box;justify-content:flex-start}#screen-map>.lore{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}#screen-map h2,#screen-map>.lore,#map-status,#map-action-bar,#map-legend{flex-shrink:0}#map-layout{display:flex;flex-direction:column;width:100%;flex:1 1 0%;min-height:0;gap:var(--sp-1);overflow:hidden}#map-briefing{position:relative;inset:auto;width:100%;height:auto;min-height:0;max-height:min(22vh,140px);padding:var(--sp-2) var(--sp-3);gap:3px;overflow-y:auto;flex:0 0 auto;margin-top:auto;border-width:var(--line)}#map-briefing>*{flex-shrink:0}}@media(max-width:1180px)and (orientation:landscape){#map-layout{display:block}#map-briefing{position:absolute;top:0;right:0;width:min(320px,42vw);max-height:min(52vh,300px);overflow-y:auto}}@media(max-width:1180px){#map-brief-head{min-height:0;gap:var(--sp-3)}#map-brief-planet{width:46px;height:46px;border-width:var(--line);border-radius:var(--r-m)}#map-brief-mission{font-size:var(--fs-xs)}#map-brief-title{min-height:0;font-size:var(--fs-l)}#map-brief-desc{min-height:0;font-size:var(--fs-xs);line-height:var(--lh-tight)}#map-brief-intel{gap:var(--sp-1)}.map-intel{padding:var(--sp-1)}.map-intel b{font-size:var(--fs-xs)}#map-brief-reward{padding:var(--sp-1) var(--sp-2);font-size:var(--fs-xs)}#map-action-bar{width:100%;gap:var(--sp-1);padding:var(--sp-1) 0 max(6px,var(--safe-bottom));background:linear-gradient(to top,#05080e,#05080e 72%,#05080eeb)}#btn-map-confirm{min-height:var(--tap-min);font-size:var(--fs-s)}#map-destinations{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:var(--sp-1);max-height:min(28vh,160px);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.map-destination{min-height:0;padding:var(--sp-2) var(--sp-3);column-gap:var(--sp-2)}.md-icon{width:32px;height:32px}.md-type,.md-title{font-size:var(--fs-xs)}.md-detail{font-size:var(--fs-xs);white-space:normal}#map-legend{gap:var(--sp-1) var(--sp-3);font-size:var(--fs-xs);line-height:var(--lh-tight);padding-bottom:2px}}@media(max-width:520px),(max-aspect-ratio:4/5)and (max-width:700px),(max-height:520px)and (min-aspect-ratio:5/4)and (pointer:coarse){#screen-map{gap:2px;padding:max(6px,var(--safe-top)) var(--sp-2) 0;overflow:hidden!important;height:100%;max-height:100dvh;max-height:100svh}#screen-map h2{font-size:var(--fs-xl);letter-spacing:var(--track-label);line-height:var(--lh-tight);padding-top:2px}#screen-map>.lore{display:none}#map-legend{display:none}#map-status{gap:3px}.map-status-chip{padding:3px var(--sp-2);font-size:var(--fs-xs)}#map-layout{flex:1 1 0%;min-height:0;gap:3px}#map-briefing{max-height:none;padding:var(--sp-1) var(--sp-3);gap:2px;overflow:hidden}#map-brief-type{font-size:var(--fs-xs)}#map-brief-title{font-size:var(--fs-m)}#map-brief-planet{width:40px;height:40px}#map-brief-desc,#map-brief-intel{display:none}#map-brief-reward{padding:3px var(--sp-2);font-size:var(--fs-xs)}#map-action-bar{gap:var(--sp-1);padding:3px 0 max(8px,var(--safe-bottom))}#map-destinations{grid-template-columns:repeat(2,minmax(0,1fr));max-height:min(26vh,140px);gap:var(--sp-1)}.map-destination{padding:var(--sp-1) var(--sp-2)}.md-icon{width:28px;height:28px}#btn-map-confirm{min-height:var(--tap-min);font-size:var(--fs-s);letter-spacing:var(--track-label)}}@media(max-width:520px)and (max-height:700px){#screen-map h2{font-size:var(--fs-l)}#map-status,#map-briefing{display:none}#map-destinations{max-height:min(32vh,150px)}#btn-map-confirm{min-height:var(--tap-min)}}#screen-story{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:var(--sp-6);background:radial-gradient(circle,rgba(20,26,38,.35) 1.5px,transparent 1.5px) 0 0 / 9px 9px,radial-gradient(ellipse at 50% 30%,#0c1018f0,#04060afa);animation:storyFade var(--dur-slow) ease}@keyframes storyFade{0%{opacity:0}}.story-page{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);width:min(94vw,600px);max-height:96vh;max-height:96dvh;overflow-y:auto;overflow-x:hidden;padding:2px var(--sp-3) var(--sp-2)}.story-kicker{align-self:flex-start;display:flex;align-items:baseline;gap:var(--sp-3);transform:rotate(-1.5deg)}.story-kicker span{font-size:var(--fs-s);font-weight:900;letter-spacing:var(--track-title);color:var(--c-credit);text-shadow:2px 2px 0 #000}.story-kicker b{font-size:var(--fs-2xl);font-weight:900;letter-spacing:var(--track-label);color:#fff;background:#c62b2b;border:var(--line-heavy) solid var(--ink);padding:2px var(--sp-4);box-shadow:var(--shadow-hard);transform:skew(-6deg)}.story-panel{position:relative;width:100%;aspect-ratio:16 / 10;background:#0c1018;border:5px solid #f2ede2;outline:var(--line-heavy) solid var(--ink);box-shadow:8px 8px #000000bf;transform:rotate(.6deg);overflow:hidden}.story-art{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.story-page.portrait{width:min(94vw,880px);display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);grid-template-rows:auto 1fr auto auto;grid-template-areas:"kicker kicker" "panel  caption" "panel  quote" "panel  button";align-items:start;column-gap:var(--sp-6)}.story-page.portrait .story-kicker{grid-area:kicker}.story-page.portrait .story-panel{grid-area:panel;aspect-ratio:3 / 4;transform:rotate(-.6deg)}.story-page.portrait .story-caption{grid-area:caption;align-self:start;max-width:100%;margin-top:var(--sp-3)}.story-page.portrait .story-quote{grid-area:quote;align-self:start;justify-self:end;margin-top:var(--sp-4)}.story-page.portrait #btn-story-next{grid-area:button;justify-self:center;align-self:end;margin-top:var(--sp-4)}@media(max-width:700px){.story-page.portrait{display:flex;flex-direction:column;align-items:center;width:min(94vw,600px)}.story-page.portrait .story-panel{width:72%}}.story-caption{align-self:flex-start;max-width:92%;margin-top:-6px;background:#f5e29a;color:#1a1508;border:var(--line-heavy) solid var(--ink);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-m);font-weight:700;line-height:var(--lh-body);box-shadow:var(--shadow-hard);transform:rotate(-.6deg);z-index:1}.story-quote{position:relative;align-self:flex-end;max-width:84%;background:#f7f4ec;color:#14100a;border:var(--line-heavy) solid var(--ink);border-radius:var(--r-xl);padding:var(--sp-3) var(--sp-5);font-size:var(--fs-l);font-weight:900;font-style:italic;line-height:var(--lh-body);transform:rotate(.6deg);box-shadow:var(--shadow-hard-lg)}.story-quote:before{content:"";position:absolute;top:-16px;right:46px;border:9px solid transparent;border-bottom-color:var(--ink)}.story-quote:after{content:"";position:absolute;top:-9px;right:49px;border:6px solid transparent;border-bottom-color:#f7f4ec}#btn-story-next{margin-top:var(--sp-1);background:var(--c-you);color:#06282a;border:var(--line-heavy) solid var(--ink);border-radius:var(--r-l);font-size:var(--fs-l);font-weight:900;letter-spacing:var(--track-title);padding:var(--sp-3) var(--sp-7);min-height:var(--tap-min);box-shadow:var(--shadow-hard);transition:transform var(--dur-fast) ease}@media(hover:hover){#btn-story-next:hover{transform:translateY(-3px)}}#screen-versus{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;overflow:hidden;cursor:pointer;background:radial-gradient(circle,rgba(20,26,38,.4) 1.5px,transparent 1.5px) 0 0 / 9px 9px,radial-gradient(ellipse at 50% 40%,#14090578 0%,transparent 60%),linear-gradient(180deg,#05070c,#020304);--vsl: var(--c-you);--vsr: var(--c-threat)}#screen-versus .vs-side{position:absolute;top:0;bottom:0;width:56%;overflow:hidden}#screen-versus .vs-left{left:0;clip-path:polygon(0 0,96% 0,82% 100%,0 100%)}#screen-versus .vs-right{right:0;clip-path:polygon(18% 0,100% 0,100% 100%,4% 100%)}#screen-versus .vs-art{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 18%;filter:saturate(1.05) contrast(1.05)}#screen-versus .vs-art.vs-flip{transform:scaleX(-1)}#screen-versus .vs-left:after,#screen-versus .vs-right:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#screen-versus .vs-left:after{background:linear-gradient(105deg,transparent 55%,rgba(0,0,0,.72) 92%),radial-gradient(ellipse at 30% 30%,transparent 55%,rgba(0,0,0,.55)),linear-gradient(90deg,color-mix(in srgb,var(--vsl) 22%,transparent),transparent 45%)}#screen-versus .vs-right:after{background:linear-gradient(-105deg,transparent 55%,rgba(0,0,0,.72) 92%),radial-gradient(ellipse at 70% 30%,transparent 55%,rgba(0,0,0,.55)),linear-gradient(-90deg,color-mix(in srgb,var(--vsr) 22%,transparent),transparent 45%)}#screen-versus.vs-play .vs-left{animation:vsSlamL .52s var(--ease-back) both}#screen-versus.vs-play .vs-right{animation:vsSlamR .52s var(--ease-back) both}@keyframes vsSlamL{0%{transform:translate(-108%) skew(-6deg);filter:brightness(2)}60%{filter:brightness(1.4)}to{transform:none;filter:none}}@keyframes vsSlamR{0%{transform:translate(108%) skew(-6deg);filter:brightness(2)}60%{filter:brightness(1.4)}to{transform:none;filter:none}}#screen-versus .vs-plate{position:absolute;bottom:max(7vh,48px);display:flex;flex-direction:column;gap:2px;padding:var(--sp-3) var(--sp-6);background:#06080ce0;border:var(--line-heavy) solid var(--ink);box-shadow:var(--shadow-hard);transform:skew(-8deg);opacity:0}#screen-versus .vs-plate-left{left:max(4vw,14px);border-left:6px solid var(--vsl)}#screen-versus .vs-plate-right{right:max(4vw,14px);align-items:flex-end;border-right:6px solid var(--vsr)}#screen-versus.vs-play .vs-plate{animation:vsPlate .34s ease .62s both}@keyframes vsPlate{0%{opacity:0;transform:skew(-8deg) translateY(26px)}to{opacity:1;transform:skew(-8deg)}}#screen-versus .vs-plate b{font-size:clamp(15px,2.6vw,26px);font-weight:900;letter-spacing:var(--track-label);color:#fff;text-shadow:2px 2px 0 #000;white-space:nowrap}#screen-versus .vs-plate span{font-size:var(--fs-s);font-weight:900;letter-spacing:var(--track-title);white-space:nowrap}#screen-versus .vs-plate-left span{color:var(--vsl)}#screen-versus .vs-plate-right span{color:var(--vsr)}#screen-versus .vs-fire{position:absolute;background-image:url(/art/vs_flames.webp);background-size:auto 100%;background-repeat:repeat-x;pointer-events:none}#screen-versus .vs-fire-bottom{left:-2%;right:-2%;bottom:0;height:26vh;transform-origin:bottom;filter:drop-shadow(0 -6px 24px rgba(255,122,48,.35))}#screen-versus .vs-fire-top{left:-2%;right:-2%;top:0;height:14vh;transform:scaleY(-1);transform-origin:top;opacity:.55}#screen-versus .vs-fire-seam{top:-4%;bottom:-4%;left:calc(50% - min(10vw,110px));width:min(20vw,220px);transform:rotate(8deg);background-image:url(/art/vs_seam.webp);background-size:100% 100%;background-repeat:no-repeat;filter:drop-shadow(0 0 22px rgba(255,122,48,.45))}#screen-versus.vs-play .vs-fire-bottom{animation:vsFlicker .9s steps(1) infinite,vsFireIn .5s ease both}#screen-versus.vs-play .vs-fire-top{animation:vsFlickerDim 1.1s steps(1) infinite,vsFireIn .5s ease both}#screen-versus.vs-play .vs-fire-seam{animation:vsSeamFlicker .74s steps(1) infinite,vsFireIn .4s ease both}@keyframes vsFireIn{0%{opacity:0}}@keyframes vsFlicker{0%{transform:scaleY(1)}25%{transform:scaleY(1.06);background-position-x:14px}50%{transform:scaleY(.97);background-position-x:-10px}75%{transform:scaleY(1.04);background-position-x:6px}}@keyframes vsFlickerDim{0%{transform:scaleY(-1)}30%{transform:scaleY(-1.08);background-position-x:-12px}60%{transform:scaleY(-.95);background-position-x:10px}}@keyframes vsSeamFlicker{0%{transform:rotate(8deg) scale(1)}25%{transform:rotate(8.6deg) scale(1.04,1.01)}50%{transform:rotate(7.5deg) scaleX(.97)}75%{transform:rotate(8.2deg) scale(1.02,1.01)}}#vs-embers{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}#screen-versus .vs-emblem{position:absolute;left:50%;top:50%;width:min(38vmin,330px);aspect-ratio:1;margin:calc(min(38vmin,330px)/-2) 0 0 calc(min(38vmin,330px)/-2);background:url(/art/vs_emblem.webp) center / contain no-repeat;filter:drop-shadow(0 0 26px rgba(255,122,48,.55)) drop-shadow(6px 8px 0 rgba(0,0,0,.55));opacity:0;pointer-events:none}#screen-versus.vs-play .vs-emblem{animation:vsEmblem .42s var(--ease-back) .78s both,vsEmblemBreathe 1.4s var(--ease-in-out) 1.2s infinite alternate}@keyframes vsEmblem{0%{opacity:0;transform:scale(3.2) rotate(-10deg);filter:brightness(3) drop-shadow(0 0 60px rgba(255,170,60,1))}70%{opacity:1}to{opacity:1;transform:none}}@keyframes vsEmblemBreathe{0%{transform:scale(1)}to{transform:scale(1.05)}}#screen-versus .vs-banner{position:absolute;top:max(5vh,30px);left:50%;transform:translate(-50%) skew(-8deg);padding:var(--sp-1) var(--sp-6);background:#c62b2b;color:#fff;border:var(--line-heavy) solid var(--ink);box-shadow:var(--shadow-hard);font-size:clamp(13px,2vw,20px);font-weight:900;letter-spacing:4px;white-space:nowrap;opacity:0}#screen-versus.vs-play .vs-banner{animation:vsBanner .3s ease .9s both}@keyframes vsBanner{0%{opacity:0;transform:translate(-50%) skew(-8deg) translateY(-30px)}to{opacity:1;transform:translate(-50%) skew(-8deg)}}#screen-versus .vs-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none}#screen-versus.vs-play .vs-flash{animation:vsFlash .5s ease .46s both,vsFlash2 .4s ease .82s}@keyframes vsFlash{0%{opacity:0}8%{opacity:.85}to{opacity:0}}@keyframes vsFlash2{0%{opacity:0}10%{opacity:.6}to{opacity:0}}#screen-versus.vs-play{animation:vsJudder .4s linear .5s}@keyframes vsJudder{0%{transform:translate(0)}20%{transform:translate(-7px,5px)}40%{transform:translate(6px,-4px)}60%{transform:translate(-4px,3px)}80%{transform:translate(3px,-2px)}to{transform:translate(0)}}#screen-versus.vs-out{transition:opacity .36s ease;opacity:0}@media(orientation:portrait){#screen-versus .vs-side{width:100%;top:auto;bottom:auto;height:54%}#screen-versus .vs-left{top:0;clip-path:polygon(0 0,100% 0,100% 82%,0 96%)}#screen-versus .vs-right{bottom:0;clip-path:polygon(0 18%,100% 4%,100% 100%,0 100%)}#screen-versus .vs-art{background-position:center 12%}#screen-versus .vs-plate-left{bottom:auto;top:max(11vh,78px);left:12px}#screen-versus .vs-plate-right{bottom:18px;right:12px}#screen-versus .vs-fire-seam{top:calc(50% - min(9vh,90px));bottom:auto;left:-6%;width:112%;height:min(18vh,180px);transform:rotate(-4deg);background-image:url(/art/vs_flames.webp);background-size:auto 100%;background-repeat:repeat-x}@keyframes vsSeamFlicker{0%{transform:rotate(-4deg) scale(1)}25%{transform:rotate(-4.4deg) scale(1.01,1.06)}50%{transform:rotate(-3.6deg) scaleY(.96)}75%{transform:rotate(-4.2deg) scale(1.01,1.03)}}@keyframes vsSlamL{0%{transform:translate(-108%) skewY(-3deg);filter:brightness(2)}60%{filter:brightness(1.4)}to{transform:none;filter:none}}@keyframes vsSlamR{0%{transform:translate(108%) skewY(-3deg);filter:brightness(2)}60%{filter:brightness(1.4)}to{transform:none;filter:none}}}@media(prefers-reduced-motion:reduce){#screen-versus.vs-play .vs-side,#screen-versus.vs-play .vs-plate,#screen-versus.vs-play .vs-emblem,#screen-versus.vs-play .vs-banner,#screen-versus.vs-play .vs-fire,#screen-versus.vs-play{animation:none}#screen-versus.vs-play .vs-plate,#screen-versus.vs-play .vs-emblem,#screen-versus.vs-play .vs-banner{opacity:1}#screen-versus.vs-play .vs-flash{animation:none;opacity:0}}#map-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}#map-legend{display:flex;gap:var(--sp-5);flex-wrap:wrap;justify-content:center;font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);color:var(--c-muted)}#map-legend .lg{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:var(--sp-1);border:1.5px solid var(--ink);vertical-align:-1px}@media(max-width:520px),(max-aspect-ratio:4/5)and (max-width:700px),(max-height:520px)and (min-aspect-ratio:5/4)and (pointer:coarse){#map-legend{display:none}}.lg-combat{background:var(--c-atk)}.lg-elite{background:var(--c-threat)}.lg-fortress{background:#8a95a8}.lg-rival{background:var(--c-you)}.lg-shop{background:var(--c-credit)}.lg-event{background:var(--c-range)}.lg-vault{background:#6a4ff0}#shop-hero{position:relative;width:min(97vw,1200px);min-height:130px;aspect-ratio:7.2 / 1;border:var(--line-heavy) solid var(--ink);border-radius:var(--r-xl);background:url(/art/shop_tradepost.webp) center 32% / cover no-repeat;box-shadow:var(--shadow-hard-lg);overflow:hidden;flex-shrink:0;display:flex;align-items:flex-end}#shop-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#06090e14 30%,#06090ed1)}#shop-hero-text{position:relative;z-index:1;padding:var(--sp-4) var(--sp-6) var(--sp-4);text-align:left}#shop-hero h2{margin:0}#shop-hero .lore{margin:2px 0 0;max-width:none}#btn-shop-leave{position:relative;background:linear-gradient(165deg,var(--teal),#178a8e);color:#04181a;border:var(--line-heavy) solid var(--ink);border-radius:var(--r-l);padding:var(--sp-4) var(--sp-6);font-size:var(--fs-l);font-weight:900;letter-spacing:var(--track-title);box-shadow:var(--shadow-hard-lg);margin:var(--sp-1) 0 2px}#shop-offers{display:flex;flex-direction:row;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:var(--sp-6);width:min(97vw,1200px);margin-bottom:var(--sp-2)}.shop-col{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4) var(--sp-4);background:#0d121b99;border:var(--line) solid rgba(35,44,60,.9);border-radius:var(--r-xl)}.shop-col-items{display:flex;gap:var(--sp-4);flex-wrap:wrap;justify-content:center;align-content:flex-start;flex:1}.col-wares .shop-col-items{display:grid;grid-template-columns:repeat(3,172px)}.col-mods .shop-col-items,.col-crew .shop-col-items{flex-direction:column;align-items:center;flex-wrap:nowrap}@media(max-width:680px){#shop-hero{aspect-ratio:16 / 6}.shop-col{width:100%;padding:var(--sp-3) var(--sp-3) var(--sp-2)}.shop-col-items,.col-wares .shop-col-items,.col-mods .shop-col-items,.col-crew .shop-col-items{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--sp-3);width:100%;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 2px var(--sp-2)}.shop-col-items::-webkit-scrollbar{display:none}.shop-item{flex:0 0 44%;width:auto;scroll-snap-align:start}.shop-item.mod-item{flex:0 0 70%;width:auto;min-height:150px}.crew-card{flex:0 0 76%;width:auto;scroll-snap-align:start}#btn-shop-leave{z-index:3;box-shadow:3px 3px #0009,0 -16px 22px -8px #04060ae6}}.shop-section{font-size:var(--fs-m);font-weight:900;letter-spacing:var(--track-title);color:var(--c-you);text-shadow:0 1px 3px #000;margin:0}.shop-section small{display:block;font-size:var(--fs-xs);font-weight:700;letter-spacing:var(--track-label);color:var(--c-muted);margin-top:2px}.crew-card{position:relative;width:300px;min-height:190px;background:var(--c-panel);border:var(--line-heavy) solid var(--ink);border-radius:var(--r-xl);padding:0;color:var(--c-text);box-shadow:var(--shadow-hard);display:flex;align-items:stretch;flex-wrap:wrap;overflow:hidden;text-align:left;transition:transform var(--dur-fast) ease,border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}@media(hover:hover){.crew-card:not(:disabled):hover{transform:translateY(-5px);border-color:var(--c-you);box-shadow:var(--glow-you),var(--shadow-hard-lg)}}.crew-card:disabled{opacity:.6;filter:grayscale(.5)}.crew-card.is-unique{border-color:var(--c-credit);background:linear-gradient(160deg,#241d10,#171412 55%,#10131a)}.crew-card.is-unique .cc-art{background:var(--art, none) center / contain no-repeat,radial-gradient(rgba(0,0,0,.22) 1.2px,transparent 1.3px) 0 0 / 8px 8px,radial-gradient(ellipse at 50% 30%,rgba(255,255,255,.34),transparent 64%),var(--c-credit);background-origin:content-box,padding-box,padding-box,padding-box}@media(hover:hover){.crew-card.is-unique:not(:disabled):hover{border-color:var(--c-credit);box-shadow:var(--glow-credit),var(--shadow-hard-lg)}}.cc-ribbon{flex:1 0 100%;background:var(--c-credit);color:#1a1206;font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-title);text-align:center;padding:var(--sp-1) var(--sp-3);border-bottom:var(--line) solid var(--ink)}.cc-ribbon:before{content:"✦ "}.cc-ribbon:after{content:"  ✦"}.cc-art{flex:0 0 96px;padding:var(--sp-2);background:var(--art, none) center / contain no-repeat,radial-gradient(rgba(255,255,255,.05) 1.2px,transparent 1.3px) 0 0 / 8px 8px,radial-gradient(ellipse at 50% 30%,rgba(255,255,255,.1),transparent 64%),var(--c-plate);background-origin:content-box,padding-box,padding-box,padding-box;mask-image:linear-gradient(90deg,#000 55%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 55%,transparent 100%)}.cc-body{flex:1;display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-4) var(--sp-4) 40px var(--sp-2);position:relative;z-index:1}.cc-name{font-size:var(--fs-m);font-weight:900;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 3px #000}.crew-card.is-unique .cc-name{color:var(--c-credit)}.cc-title{font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);color:#c9a24d}.cc-stats{display:flex;gap:var(--sp-3);font-size:var(--fs-s)}.cc-stats b{font-weight:900;color:#dfe8f4;text-shadow:0 1px 2px #000}.cc-traits{font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);color:var(--c-you)}.cc-skill{font-size:var(--fs-xs);color:#c8d2e0;line-height:var(--lh-body)}.cc-skill b{color:#fff}.cc-flavor{font-size:var(--fs-xs);font-style:italic;color:var(--c-muted);line-height:var(--lh-body)}.cc-cost{position:absolute;left:0;right:0;bottom:0;padding:var(--sp-2) var(--sp-3);background:#0a0e14e6;border-top:var(--line) solid var(--ink);font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);color:var(--c-credit);text-align:center}.crew-card.is-unique .cc-cost{background:#1e1608eb}.shop-item.mod-item{border-color:#8a6b1f}.shop-item.mod-item:not(:disabled):not(.cant-afford){border-color:var(--c-credit);box-shadow:var(--glow-credit),var(--shadow-hard)}.si-mod-art{background-size:58%!important;background-position:center 24%!important;background-repeat:no-repeat!important;mask-image:none;-webkit-mask-image:none;opacity:1;filter:drop-shadow(0 4px 5px rgba(0,0,0,.55))}.si-owned{font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);color:var(--c-credit)}.shop-item{position:relative;width:172px;min-height:212px;background:var(--c-panel);border:var(--line-heavy) solid var(--ink);border-radius:var(--r-xl);padding:var(--sp-4) var(--sp-3) var(--sp-3);color:var(--c-text);box-shadow:var(--shadow-hard);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:var(--sp-1);overflow:hidden;transition:transform var(--dur-fast) ease,border-color var(--dur-fast) ease}.shop-item.mod-item{width:208px;min-height:0;flex:1;padding-top:64px}@media(hover:hover){.shop-item:not(:disabled):hover{transform:translateY(-5px);border-color:var(--c-you)}}.shop-item:disabled{opacity:.55;filter:grayscale(.6)}#shop-offers button:disabled{pointer-events:none}#shop-offers button.cant-afford{opacity:.92;filter:none}#shop-offers button.cant-afford .si-cost,#shop-offers button.cant-afford .cc-cost{background:#3a1410;color:var(--c-threat);border-color:var(--c-threat)}#shop-offers button.cant-afford .si-cost:after,#shop-offers button.cant-afford .cc-cost:after{content:" ·NEED " attr(data-need) " MORE";font-size:var(--fs-xs);letter-spacing:var(--track-label)}.shop-item.scrap-item.is-open{border-color:var(--c-credit);box-shadow:var(--glow-credit),var(--shadow-hard)}.scrap-picker{width:100%;margin-top:var(--sp-4);padding:var(--sp-3) var(--sp-4) var(--sp-4);border:var(--line-heavy) solid var(--ink);border-radius:var(--r-xl);background:#0a0e14d9}.scrap-picker .shop-section{margin:0 0 var(--sp-3)}.scrap-list{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center;max-height:40vh;overflow-y:auto}.scrap-choice{width:150px;padding:0;text-align:left;cursor:pointer;font:inherit;color:inherit}.scrap-choice:hover,.scrap-choice:focus-visible{outline:var(--line-heavy) solid var(--c-credit);outline-offset:-3px}.scrap-keep{display:block;margin:var(--sp-4) auto 0;padding:var(--sp-3) var(--sp-5);font-size:var(--fs-s);letter-spacing:var(--track-label);border-radius:var(--r-m);box-shadow:var(--shadow-hard)}@media(max-width:700px){.scrap-picker{max-height:46vh;overflow-y:auto}.scrap-list{max-height:none}.scrap-choice{width:46%}}.shop-item.rarity-rare{border-color:var(--blue)}.shop-item.rarity-epic{border-color:var(--violet)}.shop-item.rarity-legendary{border-color:var(--gold);box-shadow:var(--glow-credit)}.si-art{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 18%;opacity:.8;mask-image:linear-gradient(180deg,#000 5%,transparent 85%);-webkit-mask-image:linear-gradient(180deg,#000 5%,transparent 85%);pointer-events:none}.si-repair-art{background-position:center 34%;opacity:.86}.si-icon{font-size:44px;color:var(--c-hp);margin-bottom:auto;text-shadow:0 2px 8px #000}.si-name{position:relative;font-size:var(--fs-m);font-weight:900;text-transform:uppercase;text-shadow:0 1px 3px #000,0 0 7px #000;text-align:center}.si-desc{position:relative;font-size:var(--fs-xs);color:#c8d2e0;text-align:center;line-height:var(--lh-body);text-shadow:0 1px 3px #000}.si-cost{position:relative;font-size:var(--fs-s);font-weight:900;color:var(--c-credit);background:#0a0e14cc;border:var(--line) solid var(--ink);border-radius:var(--r-s);padding:2px var(--sp-3)}#event-art{width:min(88vw,430px);height:216px;border-radius:var(--r-xl);background-size:cover;background-position:center 32%;border:4px solid var(--ink);box-shadow:0 0 30px #c77dff73,0 6px 14px #0009}#event-options{display:flex;flex-direction:column;gap:var(--sp-4);width:min(92vw,460px)}.event-outcome{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-1) 0 2px}.eo-choice{font-size:var(--fs-s);font-weight:900;letter-spacing:.12em;color:var(--dim)}.eo-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-3)}.eo-chip{background:#ffd95e1f;border:var(--line) solid var(--c-credit);color:var(--c-credit);border-radius:var(--r-pill);padding:var(--sp-1) var(--sp-4);font-size:var(--fs-s);font-weight:900;letter-spacing:.08em;white-space:nowrap}.event-continue{align-items:center;text-align:center;border-color:var(--c-you)}.event-option{background:var(--c-panel);border:var(--line-heavy) solid var(--ink);border-radius:var(--r-l);padding:var(--sp-4) var(--sp-5);min-height:var(--tap-min);color:var(--c-text);text-align:left;box-shadow:var(--shadow-hard);display:flex;flex-direction:column;justify-content:center;gap:3px;transition:transform var(--dur-fast) ease,border-color var(--dur-fast) ease}@media(hover:hover){.event-option:hover{transform:translateY(-3px);border-color:var(--c-range)}}.event-option b{font-size:var(--fs-m);font-weight:900;text-transform:uppercase;letter-spacing:.5px;color:var(--c-range)}.event-option span{font-size:var(--fs-xs);color:var(--c-muted)}#draft-grid{display:flex;gap:var(--sp-4);flex-wrap:wrap;justify-content:center;width:min(94vw,760px)}#draft-grid .class-option{width:225px;flex:0 0 225px;align-self:stretch}.draft-option .class-art{aspect-ratio:auto;height:180px}.class-option{background:var(--c-panel);border:var(--line-heavy) solid var(--ink);border-radius:var(--r-xl);padding:0 0 var(--sp-4);color:var(--c-text);box-shadow:var(--shadow-hard-lg);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);overflow:hidden;transition:transform var(--dur-fast) ease,box-shadow var(--dur-fast) ease,border-color var(--dur-fast) ease}@media(hover:hover){.class-option:hover{transform:translateY(-4px);border-color:var(--c-you);box-shadow:var(--glow-you),var(--shadow-hard-lg)}}.class-option:active{transform:translateY(0)}.class-art{width:100%;aspect-ratio:1 / 1.05;background:var(--art, none) center bottom 8% / auto 86% no-repeat,radial-gradient(rgba(255,255,255,.05) 1.2px,transparent 1.3px) 0 0 / 8px 8px,radial-gradient(ellipse at 50% 26%,rgba(255,255,255,.1),transparent 62%),var(--plate, var(--c-plate));border-bottom:var(--line-heavy) solid var(--ink)}.class-option h3{font-size:var(--fs-l);font-weight:900;letter-spacing:var(--track-label);color:var(--c-you);padding:0 var(--sp-3)}.class-stats{display:flex;gap:var(--sp-3);font-size:var(--fs-m);font-weight:900}.class-stats span:nth-child(1){color:var(--c-atk)}.class-stats span:nth-child(2){color:var(--c-def)}.class-stats span:nth-child(3){color:var(--c-you)}.class-stats span:nth-child(4){color:var(--c-hp)}.class-perk{font-size:var(--fs-xs);font-weight:800;letter-spacing:.5px;color:var(--c-credit);padding:0 var(--sp-3)}.trait.recruit-tag{background:#1f8a74;color:#dffff7}.trait.skill-tag{background:#103a44;color:var(--c-you);border:1px solid rgba(77,240,244,.5)}.trait.quirk-tag{background:#16331a;color:#8bff4d;border:1px solid rgba(139,255,77,.45)}.trait.status-mark{background:#3a1410;color:#ff8a7a;border:1px solid rgba(255,106,77,.6)}.trait.status-poison{background:#12301c;color:var(--c-hp);border:1px solid rgba(125,255,122,.55)}#hq-cores{font-size:var(--fs-xl);font-weight:900;color:var(--c-credit)}#hq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--sp-4);width:min(94vw,760px)}#hq-trophies{display:block;width:min(94vw,760px);height:190px;flex-shrink:0}.upgrade{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name cost" "desc cost" "lvl cost";align-items:center;text-align:left;gap:2px var(--sp-3);background:var(--c-panel);border:var(--line-heavy) solid var(--ink);border-radius:var(--r-l);padding:var(--sp-4);color:var(--c-text);box-shadow:var(--shadow-hard)}.upgrade:disabled{opacity:.55;cursor:default}.upgrade.maxed{outline:var(--line) solid var(--c-credit)}.up-name{grid-area:name;font-weight:900;font-size:var(--fs-l)}.up-desc{grid-area:desc;font-size:var(--fs-s);color:var(--c-muted)}.up-lvl{grid-area:lvl;font-size:var(--fs-s);color:var(--c-credit);letter-spacing:var(--track-title);display:flex;align-items:center;gap:var(--sp-3)}.up-lvl i{font-style:normal;font-size:var(--fs-xs);font-weight:800;letter-spacing:var(--track-label);color:var(--c-muted);white-space:nowrap}.up-cost{grid-area:cost;font-weight:900;color:var(--c-credit);font-size:var(--fs-l);display:flex;flex-direction:column;align-items:center;gap:2px}.up-cost small{font-size:var(--fs-xs);font-weight:800;letter-spacing:var(--track-label);color:var(--c-muted);white-space:nowrap}.upgrade.cant-afford{opacity:.86}.upgrade.cant-afford .up-cost,.upgrade.cant-afford .up-cost small,#hq-cores.deny,#shop-credits.deny,#hq-cores.deny b{color:var(--c-threat)}.deny-shake{animation:deny-shake var(--dur-slow) ease}@keyframes deny-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}45%{transform:translate(6px)}70%{transform:translate(-3px)}}.help-body{max-width:600px;text-align:left;display:flex;flex-direction:column;gap:var(--sp-3);font-size:var(--fs-l);line-height:var(--lh-body);color:var(--c-muted)}.help-body b{color:var(--c-text)}kbd{background:var(--c-panel);border:var(--line) solid var(--ink);border-radius:var(--r-s);padding:1px var(--sp-2);font-size:var(--fs-s);font-weight:900;color:var(--c-you)}#death-recap{display:flex;align-items:center;gap:var(--sp-4);background:var(--c-panel);border:var(--line-heavy) solid var(--c-threat);border-radius:var(--r-l);padding:var(--sp-3) var(--sp-5);box-shadow:var(--shadow-hard);max-width:min(92vw,520px)}.dr-art{width:56px;height:56px;flex:none;border:var(--line) solid var(--ink);border-radius:var(--r-m);background-image:var(--art);background-size:cover;background-position:center 18%}.dr-body{display:flex;flex-direction:column;gap:var(--sp-1);text-align:left;min-width:0}.dr-line{font-size:var(--fs-s);letter-spacing:var(--track-label);font-weight:800;color:var(--c-muted)}.dr-line b{color:var(--c-threat);font-weight:900}.dr-trail{font-size:var(--fs-xs);letter-spacing:var(--track-label);font-weight:800;color:var(--c-muted);opacity:.85}.dr-trail i{font-style:normal;opacity:.5;margin:0 var(--sp-1)}.dr-trail .fatal{color:var(--c-threat)}#death-stats{display:flex;gap:var(--sp-4);flex-wrap:wrap;justify-content:center}.dstat{background:var(--c-panel);border:var(--line-heavy) solid var(--ink);border-radius:var(--r-l);padding:var(--sp-4) var(--sp-6);display:flex;flex-direction:column;box-shadow:var(--shadow-hard)}.dstat b{font-size:var(--fs-3xl);font-weight:900}.dstat span{font-size:var(--fs-xs);letter-spacing:var(--track-title);color:var(--c-muted);font-weight:800}.dstat.earn b{color:var(--c-credit)}.dstat.unlock{border-color:var(--c-credit);animation:unlockPop var(--dur-slow) ease}.dstat.unlock b{color:var(--c-credit)}.dstat.unlock span{color:#e8cf8a}@keyframes unlockPop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}#death-title{color:var(--c-threat)}@media(max-aspect-ratio:4/5)and (max-width:700px){#floor-chip,#cores-chip{display:none}#btn-pause{margin-left:auto}#bench .card{max-height:176px}#bench .card-desc{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}#status{pointer-events:none}#status [data-tip]{pointer-events:auto}#btn-cancel-target{display:none}.card{width:23vw}#unit-popup{display:none}#tutorial-card{top:calc(var(--strip-bottom, calc(152px + var(--safe-top))) + 6px);z-index:5;left:8px;right:8px;width:auto;transform:none;padding:var(--sp-2) 84px var(--sp-2) var(--sp-4)}#tutorial-progress{display:inline;font-size:var(--fs-xs);margin-right:var(--sp-2);vertical-align:1px}#tutorial-title{display:inline;font-size:var(--fs-s);letter-spacing:.4px;margin:0}#tutorial-copy{margin-top:3px;font-size:var(--fs-xs);line-height:var(--lh-body)}#btn-tutorial-skip{font-size:var(--fs-xs);letter-spacing:var(--track-label);padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-2)}#unit-strip:not(.hidden){display:flex;position:absolute;left:8px;right:8px;top:calc(56px + var(--safe-top));align-items:stretch;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:linear-gradient(165deg,var(--c-plate),#10151f);border:var(--line-heavy) solid var(--ink);border-radius:var(--r-l);box-shadow:var(--shadow-hard);z-index:6;pointer-events:auto}.us-art{width:46px;min-height:46px;padding:3px;border:var(--line) solid var(--ink);border-radius:var(--r-s);flex-shrink:0;background:var(--art, none) center / contain no-repeat,var(--c-plate);background-origin:content-box,padding-box}.us-art.hostile{background:var(--art, none) center / contain no-repeat,#d84a3f;background-origin:content-box,padding-box}.us-art.scenery{background:var(--art, none) center / contain no-repeat,#5d6a79;background-origin:content-box,padding-box}.us-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;justify-content:center}.us-top{display:flex;align-items:baseline;gap:var(--sp-2);padding-right:var(--sp-5)}.us-name{font-size:var(--fs-s);font-weight:900;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.us-name.hostile{color:var(--c-threat)}.us-tag{font-size:var(--fs-xs);font-weight:800;letter-spacing:var(--track-label);color:var(--c-muted);flex-shrink:0}.us-chips{display:flex;flex-wrap:wrap;gap:3px}.us-chips .ps{flex-direction:column;gap:0;font-size:var(--fs-xs);padding:0 var(--sp-2)}.us-chips .trait{font-size:var(--fs-xs);padding:0 var(--sp-2)}.us-note{font-size:var(--fs-xs);color:var(--c-muted)}#unit-strip [data-tip].tip-open:after{max-width:min(78vw,300px);font-size:var(--fs-s)}.us-note .good{color:var(--teal)}.us-note .bad{color:var(--c-threat)}.us-engage{align-self:center;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:1px;background:#d84a3f;color:#fff;font-weight:900;font-size:var(--fs-l);border:var(--line) solid var(--ink);border-radius:var(--r-m);padding:var(--sp-2) var(--sp-3);box-shadow:2px 2px #0000008c}.us-engage span{font-size:var(--fs-xs);letter-spacing:var(--track-label)}.us-close{position:absolute;top:0;right:0;min-width:var(--tap-min);min-height:var(--tap-min);font-size:var(--fs-l);font-weight:900;color:var(--c-text);padding:var(--sp-2) var(--sp-3)}.us-top{padding-right:34px}}@media(max-aspect-ratio:4/5)and (max-width:700px)and (max-height:700px){#tutorial-card:not(.expanded) #tutorial-copy{display:none}#tutorial-card{cursor:pointer}#tutorial-title:after{content:" ▸MORE";color:var(--c-you);font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);vertical-align:1px;margin-left:var(--sp-2)}#tutorial-card.expanded #tutorial-title:after{content:" ▾LESS"}#unit-strip:not(.explicit) .us-chips .trait,#unit-strip:not(.explicit) .us-chips .atkpip,#unit-strip:not(.explicit) .us-chips .sta,#unit-strip:not(.explicit) .us-chips .sqd,#unit-strip:not(.explicit) .us-chips .cr{display:none}#app:has(#unit-strip.explicit:not(.hidden)) #tutorial-card{display:none}}@media(max-width:520px){#topbar{gap:var(--sp-2)}#floor-name{display:none}#floor-chip{padding:var(--sp-2) var(--sp-3);gap:var(--sp-2)}#floor-num{font-size:var(--fs-xl)}#quota-chip{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-m)}#cores-chip{padding:var(--sp-2) var(--sp-3)}#btn-pause{flex-shrink:0}}@media(max-height:480px)and (min-aspect-ratio:5/4){#btn-cancel-target{bottom:auto;top:calc(112px + var(--safe-top))}@media(pointer:coarse){#btn-cancel-target{display:none}}.card{width:104px;min-height:100px}#bench .card{max-height:112px}.card-name,.card-desc{font-size:var(--fs-xs)}#bench .card-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#bench{padding-bottom:calc(12px + var(--safe-bottom))}#tutorial-card{left:auto;right:calc(16px + var(--safe-right));top:calc(58px + var(--safe-top));width:270px;transform:none;padding:var(--sp-2) 74px var(--sp-2) var(--sp-4);z-index:5}#tutorial-progress{display:block;font-size:var(--fs-xs)}#tutorial-title{display:block;font-size:var(--fs-s);letter-spacing:.4px;margin:1px 0 0}#tutorial-copy{margin-top:3px;font-size:var(--fs-xs);line-height:var(--lh-body)}#btn-tutorial-skip{font-size:var(--fs-xs);letter-spacing:var(--track-label);padding:var(--sp-3) var(--sp-2) var(--sp-3) var(--sp-1)}#unit-popup{top:calc(128px + var(--safe-top));left:calc(8px + var(--safe-left));right:auto;bottom:auto;transform:none;z-index:8}#unit-popup .dos{width:min(52vw,330px);max-height:calc(100vh - 140px - var(--safe-top) - var(--safe-bottom));overflow-y:auto}#unit-popup .dos-portrait{width:48px;height:48px}}@media(min-width:700px)and (max-width:1100px)and (min-height:481px)and (max-height:800px){.cd-art{min-height:110px}}@media(max-width:520px),(max-aspect-ratio:4/5)and (max-width:700px){.screen{gap:var(--sp-3);padding:calc(10px + var(--safe-top)) var(--sp-4) calc(10px + var(--safe-bottom))}.screen h2{font-size:clamp(20px,6.5vw,28px);letter-spacing:var(--track-title);flex-shrink:0}.screen>.lore,.lore{font-size:var(--fs-s);line-height:var(--lh-body)}.menu{gap:var(--sp-3);width:min(90vw,320px)}.menu button,.back{padding:var(--sp-3) var(--sp-4);font-size:var(--fs-m);letter-spacing:var(--track-label)}.menu button.big{font-size:var(--fs-l)}.mini-card.scrap-choice{height:86px;padding:var(--sp-1) var(--sp-1) var(--sp-1);border-radius:var(--r-s)}.scrap-choice .mini-name{font-size:var(--fs-xs);padding-left:calc(var(--sp-6) + var(--sp-1))}.scrap-choice .mini-desc{font-size:var(--fs-xs);-webkit-line-clamp:2}.scrap-choice .mini-cost{width:18px;height:18px;font-size:var(--fs-xs)}.scrap-choice .mini-tag{font-size:var(--fs-xs);padding:0 3px}#screen-hq{overflow:hidden;max-height:100dvh;height:100%;gap:var(--sp-2)}#screen-hq:before,#screen-hq:after{content:none;margin:0}#screen-hq>.lore{flex-shrink:0;margin:0;font-size:var(--fs-xs);line-height:var(--lh-body)}#hq-cores{font-size:var(--fs-l);flex-shrink:0}#hq-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-2);width:100%;flex:1 1 auto;min-height:0;align-content:start;overflow:hidden}.upgrade{min-width:0}.up-lvl{flex-wrap:wrap;gap:2px var(--sp-2)}.up-lvl i{font-size:var(--fs-xs);letter-spacing:var(--track-label)}.up-cost small{font-size:var(--fs-xs);letter-spacing:var(--track-label);white-space:normal;max-width:9ch;text-align:center}#hq-trophies{height:110px}.upgrade{grid-template-columns:minmax(0,1fr) auto;gap:1px var(--sp-2);padding:var(--sp-2) var(--sp-3);border-width:var(--line);border-radius:var(--r-m);box-shadow:3px 3px #000000a6}.up-name,.up-desc{font-size:var(--fs-xs);line-height:var(--lh-tight)}.up-lvl{font-size:var(--fs-xs);letter-spacing:var(--track-label)}.up-cost{font-size:var(--fs-s)}#screen-hq>.back{flex-shrink:0;margin-top:2px}#screen-help{overflow:hidden;max-height:100dvh;height:100%;gap:var(--sp-3)}#screen-help:before,#screen-help:after{content:none;margin:0}.help-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;max-width:100%;gap:var(--sp-3);font-size:var(--fs-s);line-height:var(--lh-body);padding-right:2px}#screen-help>.back{flex-shrink:0}#screen-pause,#screen-death{overflow:hidden;max-height:100dvh;height:100%;gap:var(--sp-3)}#death-flavor{font-size:var(--fs-s);line-height:var(--lh-body);max-width:34em}#death-stats{gap:var(--sp-3)}.dstat{padding:var(--sp-3) var(--sp-4)}.dstat b{font-size:var(--fs-2xl)}#screen-event{overflow:hidden;max-height:100dvh;height:100%;gap:var(--sp-3)}#screen-event:before,#screen-event:after{content:none;margin:0}#event-art{width:min(86vw,360px);height:150px;flex-shrink:0;border-width:var(--line-heavy)}#event-name{flex-shrink:0}#event-text{font-size:var(--fs-s);line-height:var(--lh-body);flex-shrink:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}#event-options{gap:var(--sp-3);width:min(94vw,460px);flex:1 1 auto;min-height:0;overflow-y:auto}.event-option{padding:var(--sp-3) var(--sp-4);gap:2px}.event-option b{font-size:var(--fs-s)}.event-option span{font-size:var(--fs-xs)}#screen-reward,#screen-draft{overflow:hidden;max-height:100dvh;height:100%;gap:var(--sp-3)}#screen-reward:before,#screen-reward:after,#screen-draft:before,#screen-draft:after{content:none;margin:0}#reward-grid{gap:var(--sp-3);margin:var(--sp-2) 0 var(--sp-1);flex:1 1 auto;min-height:0;align-content:center;overflow:hidden}.card.reward-card{width:min(28vw,120px);min-height:132px}#deck-summary{font-size:var(--fs-xs);flex-shrink:0}#btn-reward-skip,#btn-draft-skip{flex-shrink:0}#draft-grid{gap:var(--sp-3);width:100%;flex:1 1 auto;min-height:0;overflow:hidden;align-content:center}#draft-grid .class-option{width:min(42vw,160px);flex:0 0 min(42vw,160px)}.draft-option .class-art{height:110px}.class-option h3{font-size:var(--fs-s)}.class-stats{font-size:var(--fs-xs);gap:var(--sp-2)}.class-perk{font-size:var(--fs-xs)}#screen-shop{overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:100dvh;justify-content:flex-start;gap:var(--sp-3)}#screen-shop:before,#screen-shop:after{content:none;margin:0}#shop-hero{flex-shrink:0}#btn-shop-leave{flex-shrink:0;position:sticky;bottom:0}#btn-shop-leave:after{content:"";position:absolute;top:-8px;right:-12px;bottom:-8px;left:-12px}}@media(max-height:520px)and (min-aspect-ratio:5/4)and (pointer:coarse){.screen{overflow-y:auto;justify-content:flex-start;gap:var(--sp-3);padding:calc(8px + var(--safe-top)) max(14px,var(--safe-left)) calc(12px + var(--safe-bottom)) max(14px,var(--safe-right))}.screen h2{font-size:var(--fs-2xl);letter-spacing:var(--track-title);flex-shrink:0}#screen-title{justify-content:flex-start;overflow-y:auto}.menu{width:min(60vw,320px)}.menu button,.back{padding:var(--sp-3) var(--sp-5);font-size:var(--fs-m)}#map-destinations{grid-template-columns:repeat(4,minmax(0,1fr))}#shop-hero{min-height:72px;aspect-ratio:11 / 1}#shop-hero h2{font-size:var(--fs-xl)}#shop-hero .lore{font-size:var(--fs-xs)}}@media(max-height:700px)and (max-width:520px){.title-panel{gap:var(--sp-2);padding:calc(6px + var(--safe-top)) var(--sp-1) calc(6px + var(--safe-bottom))}.menu button,.back{padding:var(--sp-3) var(--sp-4);font-size:var(--fs-s)}.menu button.big{font-size:var(--fs-l)}.mini-card.scrap-choice{height:74px}#event-art{width:min(60vw,260px);height:108px}.draft-option .class-art{height:92px}.card.reward-card{width:min(26vw,108px);min-height:118px}.up-desc{display:none}.upgrade{padding:var(--sp-2) var(--sp-2)}}@media(max-height:540px){.screen:not(#screen-map){overflow-y:auto;justify-content:flex-start}#screen-title{overflow-y:auto}}#screen-title,#screen-boot{--title-panel-w: 430px;--title-menu-w: 320px;--title-logo-w: 400px;--title-logo-ratio: 2400 / 471;--title-figure-ratio: 9 / 16;--title-dissolve: calc(var(--dur-slow) * 3)}#screen-title{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;flex-direction:row;align-items:stretch;justify-content:center;gap:var(--sp-7);padding:0}#screen-title .title-splash{position:relative;inset:auto;left:auto;flex:0 0 auto;height:100%;width:auto;aspect-ratio:var(--title-figure-ratio);opacity:1;overflow:hidden;-webkit-mask-image:none;mask-image:none}#screen-title .px-layer{top:0;right:0;bottom:0;left:0}#screen-title .px-fig{background-image:url(/art/splash_armor.webp);background-size:contain;background-position:center bottom}#screen-title .px-video{width:100%;height:100%;object-fit:contain;object-position:center bottom;transition:opacity var(--title-dissolve) var(--ease-in-out)}#screen-title .px-glow,#screen-title .px-mist{display:none}#screen-title .title-panel{flex:0 1 auto;align-self:auto;width:min(88vw,var(--title-panel-w));max-height:none;margin:auto 0;padding:var(--sp-6) var(--sp-3);gap:var(--sp-4);box-sizing:border-box;overflow:visible}#screen-title h1{width:min(100%,var(--title-logo-w));aspect-ratio:var(--title-logo-ratio);margin:0;font-size:0;line-height:0;letter-spacing:0;color:transparent;text-shadow:none;background-image:url(/art/logo_mechamoto.webp);background-image:-webkit-image-set(url(/art/logo_mechamoto_600.webp) 1x,url(/art/logo_mechamoto.webp) 2x);background-image:image-set(url(/art/logo_mechamoto_600.webp) 1x,url(/art/logo_mechamoto.webp) 2x);background-size:contain;background-position:center;background-repeat:no-repeat}#screen-title h1 .t1,#screen-title h1 .t2{color:transparent;text-shadow:none}#screen-title .subtitle{margin:0;font-size:var(--fs-xs);font-weight:800;letter-spacing:var(--track-title);text-transform:uppercase;color:var(--c-muted)}#screen-title .lore{margin:0;max-width:36em;font-size:var(--fs-s);line-height:var(--lh-body);font-weight:500;color:var(--c-muted)}#screen-title .lore em,#screen-title .lore b{color:inherit;font-weight:inherit;font-style:inherit}#screen-title #title-stats{margin:0;font-size:var(--fs-xs);font-weight:700;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--c-muted)}#screen-title .menu{width:min(86vw,var(--title-menu-w));gap:var(--sp-3)}#screen-title .menu button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);min-height:var(--tap-min);padding:var(--sp-4) var(--sp-6);background:var(--c-panel);border:var(--line-heavy) solid var(--ink);border-radius:var(--r-l);box-shadow:var(--shadow-hard);color:var(--c-text);font-size:var(--fs-m);font-weight:800;letter-spacing:var(--track-title);line-height:var(--lh-tight);text-transform:uppercase;text-shadow:none;filter:none;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}#screen-title .menu button.big{flex-direction:row;padding:var(--sp-5) var(--sp-6);font-size:var(--fs-l);font-weight:900}#screen-title .menu button.daily{padding-top:var(--sp-3);padding-bottom:var(--sp-3);border-color:var(--ink);color:var(--c-text)}#screen-title .menu button.daily b{font-weight:inherit}#screen-title .menu button.daily small{display:block;font-size:var(--fs-xs);font-weight:700;letter-spacing:var(--track-label);color:var(--c-muted)}#screen-title .menu button.daily.done{border-color:var(--ink);color:var(--c-muted)}#screen-title .menu button.daily.confirming,#screen-title #btn-start.confirming{background:var(--c-panel);border-color:var(--c-threat);color:var(--c-threat);animation:none;box-shadow:var(--shadow-hard)}@media(hover:hover){#screen-title .menu button:hover,#screen-title .menu button.big:hover,#screen-title .menu button.daily:hover{transform:translateY(calc(-1 * var(--sp-1)));border-color:var(--ink);color:var(--c-text);background:var(--c-plate);box-shadow:var(--shadow-hard-lg);filter:none}#screen-title .menu button.daily.confirming:hover,#screen-title #btn-start.confirming:hover{border-color:var(--c-threat);color:var(--c-threat)}}#screen-title .menu button:active{transform:translate(var(--sp-1),var(--sp-1));box-shadow:var(--shadow-hard-sm)}#screen-title .gp-focus{outline:var(--line-heavy) solid var(--c-you)!important;outline-offset:var(--sp-1);box-shadow:var(--shadow-hard)!important}@media(max-width:760px){#screen-title{flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--sp-3);padding:calc(var(--sp-4) + var(--safe-top)) var(--sp-4) calc(var(--sp-4) + var(--safe-bottom));overflow:hidden}#screen-title .title-panel{display:contents}#screen-title h1{order:1;width:min(78vw,var(--title-logo-w));flex:0 0 auto}#screen-title .subtitle{order:2;flex:0 0 auto}#screen-title .title-splash{order:3;flex:1 1 auto;min-height:0;height:auto;width:100%;aspect-ratio:auto;left:auto;opacity:1;-webkit-mask-image:none;mask-image:none}#screen-title .px-fig{background-position:center bottom}#screen-title .px-video{object-position:center bottom}#screen-title .lore{order:4;flex:0 0 auto;max-width:34em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}#screen-title .menu{order:5;flex:0 0 auto;width:min(86vw,var(--title-menu-w));gap:var(--sp-2)}#screen-title .menu button{padding:var(--sp-3) var(--sp-5)}#screen-title .menu button.big{padding:var(--sp-4) var(--sp-5)}#screen-title #title-stats{order:6;flex:0 0 auto}}@media(max-width:760px)and (max-height:780px){#screen-title .lore{-webkit-line-clamp:2}}@media(max-width:760px)and (max-height:700px){#screen-title .lore{display:none}#screen-title h1{width:min(64vw,var(--title-logo-w))}}@media(max-height:540px)and (min-width:761px){#screen-title.screen{justify-content:center;gap:var(--sp-5)}#screen-title .title-panel{gap:var(--sp-3);padding:var(--sp-4) var(--sp-3)}#screen-title h1{width:min(100%,calc(var(--title-logo-w) * .7))}#screen-title .lore{display:none}#screen-title .menu{gap:var(--sp-2)}#screen-title .menu button,#screen-title .menu button.big{padding:var(--sp-3) var(--sp-5)}}#screen-boot{background:var(--bg);transition:opacity var(--dur-slow) var(--ease-in-out)}#boot-art,#boot-video{-webkit-mask-image:linear-gradient(90deg,transparent 0,var(--ink) 14%,var(--ink) 86%,transparent 100%),linear-gradient(180deg,transparent 0,var(--ink) 14%,var(--ink) 78%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,var(--ink) 14%,var(--ink) 86%,transparent 100%),linear-gradient(180deg,transparent 0,var(--ink) 14%,var(--ink) 78%,transparent 100%);mask-composite:intersect}#boot-video{transition:opacity var(--title-dissolve) var(--ease-in-out)}#boot-panel{gap:var(--sp-3);bottom:max(var(--sp-6),calc(var(--safe-bottom) + var(--sp-5)))}#boot-wordmark{width:min(60vw,var(--title-menu-w));aspect-ratio:var(--title-logo-ratio);margin:0;font-size:0;line-height:0;letter-spacing:0;color:transparent;text-shadow:none;background-image:url(/art/logo_mechamoto.webp);background-image:-webkit-image-set(url(/art/logo_mechamoto_600.webp) 1x,url(/art/logo_mechamoto.webp) 2x);background-image:image-set(url(/art/logo_mechamoto_600.webp) 1x,url(/art/logo_mechamoto.webp) 2x);background-size:contain;background-position:center;background-repeat:no-repeat}#boot-track{height:var(--sp-3);border:var(--line) solid var(--c-muted);border-radius:var(--r-pill);background:var(--bg);box-shadow:none}#boot-fill{border-radius:var(--r-pill);background:var(--c-you);box-shadow:none;transition:width var(--dur-med) var(--ease-out)}#boot-status{font-size:var(--fs-xs);font-weight:700;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--c-muted);text-shadow:none}@media(max-width:720px){#boot-wordmark{width:min(64vw,var(--title-menu-w))}}#screen-class{--cs-w: min(96vw, calc(var(--sp-7) * 37));--cs-art: calc(var(--sp-7) + var(--sp-6));--cs-portrait: calc(var(--sp-7) * 6);--cs-card-w: calc(var(--sp-7) * 5 + var(--sp-6));--cs-card-h: calc(var(--sp-7) * 4 + var(--sp-1));--cs-card-band: calc(var(--sp-6) + var(--sp-3));--cs-slot: calc(var(--lh-body) * 1em);--cs-cue: calc(var(--sp-7) + var(--sp-4));--cs-lift: calc(-1 * var(--line-heavy));--cs-pip: var(--sp-3);--cs-medal: var(--fs-2xl);--cs-line-2: calc(2 * var(--cs-slot));--cs-line-3: calc(3 * var(--cs-slot))}#screen-class{justify-content:safe center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5) var(--sp-5)}#screen-class h2{font-size:var(--fs-3xl);letter-spacing:var(--track-title);line-height:var(--lh-tight);margin:0}#screen-class:before,#screen-class:after{content:none;margin:0}#screen-class .lore{font-size:var(--fs-s);line-height:var(--lh-body);margin:0}#screen-class #class-steps{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);width:var(--cs-w);min-height:0;flex:1 1 auto;max-height:calc(var(--sp-7) * 22)}#screen-class .cs-step{grid-area:1 / 1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:var(--sp-3);transition:opacity var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-out),visibility var(--dur-med) var(--ease-out)}#screen-class[data-step=pick] #class-contract,#screen-class[data-step=contract] #class-pick{opacity:0;visibility:hidden;pointer-events:none}#screen-class[data-step=pick] #class-contract{transform:translate(var(--sp-6))}#screen-class[data-step=contract] #class-pick{transform:translate(calc(-1 * var(--sp-6)))}#screen-class[data-step=pick] #class-actions .cs-contract-only,#screen-class[data-step=contract] #class-actions .cs-pick-only{display:none}#screen-class #class-tabs-wrap{display:block;position:relative;width:100%;flex:none}#screen-class #class-tabs{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:1fr;gap:var(--sp-3);width:100%;justify-content:stretch;padding:0}#screen-class #class-tabs .class-tab{grid-column:span 2}#screen-class #class-tabs .class-tab:nth-child(7){grid-column:2 / span 2}#screen-class .class-tab{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:0;min-width:0;max-width:none;background:var(--c-panel);border:var(--line-heavy) solid var(--ink);border-radius:var(--r-l);box-shadow:var(--shadow-hard);color:var(--c-text);text-align:left;overflow:hidden;cursor:pointer;scroll-snap-align:center;transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}@media(hover:hover){#screen-class .class-tab:not(.active):hover{transform:translateY(var(--cs-lift));border-color:var(--class-color, var(--c-you));box-shadow:var(--shadow-hard),var(--glow-you)}}#screen-class .class-tab.active{border-color:var(--class-color, var(--c-you));background:color-mix(in srgb,var(--class-color, var(--c-you)) 14%,var(--c-panel));box-shadow:var(--shadow-hard),var(--glow-you)}#screen-class .class-tab:focus{outline:none}#screen-class .class-tab:focus-visible,#screen-class .class-tab.gp-focus{outline:var(--line) solid var(--c-you);outline-offset:var(--line)}#screen-class .tab-art{width:100%;height:var(--cs-art);flex:none;background-color:var(--class-color, var(--c-you));background-size:cover;background-position:center 8%;border:0;border-bottom:var(--line-heavy) solid var(--ink)}#screen-class .tab-body{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3) var(--sp-3);flex:1 1 auto;min-height:0}#screen-class .tab-name{display:block;font-size:var(--fs-m);font-weight:900;letter-spacing:var(--track-label);line-height:var(--lh-tight);text-transform:uppercase;color:var(--c-you);text-align:left;padding:0;overflow-wrap:anywhere}#screen-class .class-tab.active .tab-name{color:var(--class-color, var(--c-you))}#screen-class .tab-role{font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);line-height:var(--lh-body);text-transform:uppercase;color:var(--c-credit)}#screen-class .tab-pitch{font-size:var(--fs-s);font-weight:600;line-height:var(--lh-body);color:var(--c-muted);flex:1 1 auto}#screen-class .tab-pitch.is-unlock{color:var(--c-credit);font-weight:700}#screen-class .tab-mastery{display:flex;align-items:center;gap:var(--sp-1);margin-top:auto;padding-top:var(--sp-1)}#screen-class .tab-mastery i{width:var(--cs-pip);height:var(--cs-pip);border-radius:var(--r-pill);border:var(--line) solid var(--ink);background:color-mix(in srgb,var(--c-muted) 30%,transparent);flex:none}#screen-class .tab-mastery i.lit{background:var(--c-credit);box-shadow:var(--glow-credit)}#screen-class .tab-mastery em{font-style:normal;font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--c-muted);margin-left:var(--sp-1);line-height:1}#screen-class .tab-mastery.is-tiered em{color:var(--c-credit)}#screen-class .tab-lock{position:absolute;left:50%;top:var(--sp-5);transform:translate(-50%);font-size:var(--cs-medal);text-shadow:var(--shadow-hard-sm);pointer-events:none}#screen-class .tab-lock.tab-act-lock{left:auto;right:var(--sp-3);top:var(--sp-2);transform:none;font-size:var(--fs-l)}#screen-class .tab-medal{position:absolute;top:var(--sp-2);left:var(--sp-3);font-size:var(--fs-l);color:var(--c-credit);text-shadow:var(--shadow-hard-sm);pointer-events:none}#screen-class .class-tab.locked{opacity:.6}#screen-class .class-tab.locked .tab-art{filter:brightness(.4) grayscale(.75)}#screen-class .class-tab.act-locked .tab-art{filter:brightness(.55) sepia(.3)}#screen-class #class-preview{position:relative;width:100%;flex:1 1 auto;min-height:0;display:grid;grid-template-columns:var(--cs-portrait) minmax(0,1fr);grid-template-rows:minmax(0,1fr);background:var(--c-panel);border:var(--line-heavy) solid var(--ink);border-radius:var(--r-xl);box-shadow:var(--shadow-hard-lg);text-align:left;overflow:hidden}#screen-class #class-preview .cd-art{position:relative;width:auto;height:auto;min-height:0;aspect-ratio:auto;flex:none;align-self:stretch;border:0;border-right:var(--line-heavy) solid var(--ink);border-radius:0;overflow:hidden}#screen-class .cp-body{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"head traits" "foot foot";gap:var(--sp-3) var(--sp-5);padding:var(--sp-4) var(--sp-5)}#screen-class .cp-head{grid-area:head;display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}#screen-class .cp-head h3{font-size:var(--fs-2xl);font-weight:900;letter-spacing:var(--track-label);line-height:var(--lh-tight);margin:0;color:var(--class-color, var(--c-you))}#screen-class .cd-role{font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);line-height:var(--lh-body);text-transform:uppercase;color:var(--c-credit);margin:0;padding:0}#screen-class .class-desc{font-size:var(--fs-s);line-height:var(--lh-body);color:var(--c-muted);margin:0;padding:0;display:block;overflow:visible}#screen-class .cd-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:var(--sp-1) 0 0;padding:0}#screen-class .cd-traits{grid-area:traits;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);margin:0;border-radius:var(--r-s);background:color-mix(in srgb,var(--c-text) 5%,transparent);border:var(--line) solid color-mix(in srgb,var(--c-text) 8%,transparent);align-self:start;min-width:0}#screen-class .cd-perk{font-size:var(--fs-s);font-weight:700;line-height:var(--lh-body);color:var(--c-credit);margin:0}#screen-class .cd-perk.skill-perk{color:var(--c-you)}#screen-class .cd-perk b{font-weight:900}#screen-class .cp-foot{grid-area:foot;display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);min-width:0;font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--c-muted);line-height:var(--lh-body)}#screen-class .cp-foot .cp-mastery{color:var(--c-credit)}#screen-class .cp-foot .cp-mastery.is-open{color:var(--c-muted)}#screen-class .cp-foot .cp-unlock{color:var(--c-credit);text-transform:none;letter-spacing:0;font-weight:700}#screen-class .cp-foot .cp-open{color:var(--c-hp)}#screen-class .cp-link{margin-left:auto;font:inherit;font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--c-you);background:transparent;border:var(--line) solid color-mix(in srgb,var(--c-you) 45%,transparent);border-radius:var(--r-s);padding:var(--sp-1) var(--sp-3);min-height:var(--tap-min);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}@media(hover:hover){#screen-class .cp-link:hover{border-color:var(--c-you);background:color-mix(in srgb,var(--c-you) 10%,transparent)}}#screen-class #class-contract{gap:var(--sp-3)}#screen-class #class-detail{width:100%;height:auto;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--c-panel);border:var(--line-heavy) solid var(--ink);border-radius:var(--r-xl);box-shadow:var(--shadow-hard-lg);text-align:left;overflow:hidden;animation:none}#screen-class #class-detail:focus{outline:none}#screen-class .cd-head{display:flex;align-items:center;gap:var(--sp-3);min-width:0;flex:none}#screen-class .cd-head-art{width:var(--sp-7);height:var(--sp-7);flex:none;border-radius:var(--r-s);border:var(--line) solid var(--ink);background-color:var(--class-color, var(--c-you));background-image:var(--cut);background-size:auto 150%;background-position:center 10%;background-repeat:no-repeat;box-shadow:var(--shadow-hard-sm)}#screen-class .cd-head h3{font-size:var(--fs-l);font-weight:900;letter-spacing:var(--track-label);line-height:var(--lh-tight);margin:0;color:var(--class-color, var(--c-you));white-space:nowrap}#screen-class .cd-head .cd-role{white-space:nowrap}#screen-class .cd-head .cd-chips{margin:0 0 0 auto;flex-wrap:nowrap}#screen-class .cd-contract{display:flex;flex-direction:column;gap:var(--sp-2);margin:0;padding:0;border:0;background:none;flex:none}#screen-class .cd-contract-k{display:none}#screen-class .cd-directive,#screen-class .cd-stance,#screen-class .cd-ascension{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sp-3);margin:0;padding:var(--sp-2) var(--sp-4);border:var(--line) solid var(--c-credit);border-radius:var(--r-m);background:color-mix(in srgb,var(--c-credit) 8%,transparent);min-width:0;flex:none;order:0;transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}#screen-class .cd-directive.locked{border-color:var(--ink);opacity:.6}#screen-class .cd-directive.armed{border-color:var(--c-you);background:color-mix(in srgb,var(--c-you) 10%,transparent);box-shadow:var(--glow-you)}#screen-class .cd-stance{border-color:color-mix(in srgb,var(--c-you) 40%,transparent);background:color-mix(in srgb,var(--c-you) 5%,transparent)}#screen-class .cd-stance.armed{border-color:var(--c-you);background:color-mix(in srgb,var(--c-you) 10%,transparent);box-shadow:var(--glow-you)}#screen-class .cd-ascension{border-color:color-mix(in srgb,var(--c-asc) 45%,transparent);background:color-mix(in srgb,var(--c-asc) 5%,transparent)}#screen-class .cd-ascension.armed{border-color:var(--c-asc);background:color-mix(in srgb,var(--c-asc) 10%,transparent);box-shadow:0 0 var(--sp-4) color-mix(in srgb,var(--c-asc) 25%,transparent)}#screen-class .dir-medal,#screen-class .stance-medal,#screen-class .asc-medal{font-size:var(--cs-medal);line-height:1;flex:none;text-shadow:var(--shadow-hard-sm)}#screen-class .dir-medal{color:var(--c-credit);cursor:help}#screen-class .stance-medal{color:var(--c-you)}#screen-class .asc-medal{color:var(--c-asc);cursor:help}#screen-class .dir-medal,#screen-class .asc-medal{display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap-min);min-height:var(--tap-min);margin-inline:calc((1em - var(--tap-min)) / 2);position:relative;z-index:1}#screen-class .dir-body,#screen-class .stance-body,#screen-class .asc-body{display:flex;flex-direction:column;gap:0;flex:1 1 auto;min-width:0;order:0}#screen-class .dir-body b,#screen-class .stance-body b,#screen-class .asc-body b{display:block;font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);line-height:var(--lh-body);text-transform:uppercase;color:var(--c-credit);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#screen-class .stance-body b{color:var(--c-you)}#screen-class .asc-body b{color:var(--c-asc)}#screen-class .cd-directive.armed .dir-body b{color:var(--c-you)}#screen-class .dir-k{display:inline}#screen-class .dir-body i,#screen-class .asc-mods,#screen-class .stance-blurb,#screen-class .stance-note{display:block;font-style:normal;font-size:var(--fs-xs);font-weight:700;line-height:var(--lh-body);color:var(--c-muted);height:var(--cs-slot);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}#screen-class .stance-note{color:color-mix(in srgb,var(--c-you) 55%,var(--c-text))}#screen-class .dir-arm,#screen-class .stance-btn,#screen-class .asc-btn{font:inherit;font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);line-height:var(--lh-tight);text-transform:uppercase;border:var(--line) solid var(--ink);border-radius:var(--r-s);background:color-mix(in srgb,var(--ink) 60%,transparent);color:var(--c-muted);cursor:pointer;white-space:nowrap;min-height:var(--tap-min);transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}#screen-class .dir-arm{display:inline-grid;place-items:center;flex:none;margin-left:auto;padding:var(--sp-2) var(--sp-4);border-color:var(--c-credit);background:transparent;color:var(--c-credit);text-align:center}#screen-class .dir-arm>span{grid-area:1 / 1}#screen-class .dir-arm-ghost{visibility:hidden}#screen-class .cd-directive.armed .dir-arm{border-color:var(--c-you);color:var(--ink-soft);background:var(--c-you)}#screen-class .stance-seg{display:flex;gap:var(--sp-1);flex:none;margin-left:auto;min-width:0;order:0}#screen-class .stance-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4)}#screen-class .stance-glyph{font-style:normal;font-size:var(--fs-xs);line-height:1}#screen-class .stance-btn.lane-a .stance-glyph{color:var(--c-you)}#screen-class .stance-btn.lane-b .stance-glyph{color:var(--c-credit)}#screen-class .stance-btn.active{border-color:var(--c-you);background:var(--c-you);color:var(--ink-soft)}#screen-class .stance-btn.active.lane-b{border-color:var(--c-credit);background:var(--c-credit)}#screen-class .stance-btn.active .stance-glyph{color:inherit}#screen-class .stance-btn.locked{opacity:.6;cursor:not-allowed}#screen-class .stance-lock{font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);line-height:1;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-s);background:color-mix(in srgb,var(--c-credit) 22%,transparent);color:var(--c-credit)}@media(hover:hover){#screen-class .stance-btn:not(.active):not(.locked):hover{border-color:var(--c-you);color:var(--c-text)}#screen-class .stance-btn.lane-b:not(.active):not(.locked):hover{border-color:var(--c-credit)}#screen-class .asc-btn:not(:disabled):hover{border-color:var(--c-asc)}}#screen-class .asc-step{display:flex;align-items:center;gap:var(--sp-2);flex:none;margin-left:auto}#screen-class .asc-lvl{display:block;font-size:var(--fs-l);font-weight:900;color:var(--c-asc);min-width:calc(var(--sp-6) + var(--sp-1));text-align:center}#screen-class .asc-btn{display:grid;place-items:center;width:var(--tap-min);height:var(--tap-min);padding:0;font-size:var(--fs-m);color:var(--c-asc)}#screen-class .asc-btn:disabled{opacity:.35;cursor:default}#screen-class .cd-kits{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0;min-height:0;flex:1 1 auto;padding:0;overflow:visible}#screen-class .cd-kits h4{font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);line-height:var(--lh-tight);text-transform:uppercase;color:var(--c-text);margin:0;padding-left:var(--sp-3);border-left:var(--line-heavy) solid var(--class-color, var(--c-you));display:flex;align-items:baseline;gap:var(--sp-3);flex-wrap:wrap;flex:none}#screen-class .cd-kits h4.cd-h4-gap{margin-top:var(--sp-1)}#screen-class .cd-count{display:inline;font-size:var(--fs-xs);font-weight:600;letter-spacing:0;text-transform:none;color:var(--c-muted);margin:0}#screen-class .cd-deck-wrap{position:relative;min-width:0;flex:none}#screen-class .cd-deck{display:flex;flex-wrap:nowrap;gap:var(--sp-3);align-items:stretch;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;padding:var(--sp-1)}#screen-class .cd-deck::-webkit-scrollbar{display:none}#screen-class .mini-card{position:relative;flex:0 0 var(--cs-card-w);width:var(--cs-card-w);height:var(--cs-card-h);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--cs-card-band) var(--sp-2) var(--sp-2);background:linear-gradient(165deg,var(--c-plate),var(--c-panel));border:var(--line) solid var(--ink);border-radius:var(--r-m);box-shadow:var(--shadow-hard-sm);overflow:hidden;scroll-snap-align:start;transition:opacity var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),filter var(--dur-fast) var(--ease-out)}#screen-class .mini-card.rarity-rare{border-color:var(--c-def)}#screen-class .mini-card.rarity-epic{border-color:var(--c-range)}#screen-class .mini-card.rarity-legendary{border-color:var(--c-credit);box-shadow:var(--glow-credit)}#screen-class .mini-card.is-sig{background:linear-gradient(165deg,color-mix(in srgb,var(--c-you) 14%,var(--c-panel)),var(--c-panel))}#screen-class .mini-card.is-earn{opacity:.72;filter:saturate(.75)}#screen-class .mini-card.is-joint{border-style:dashed}#screen-class .mini-art{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 22%;opacity:.8;mask-image:linear-gradient(180deg,var(--ink) 0%,var(--ink) 30%,transparent 78%);-webkit-mask-image:linear-gradient(180deg,var(--ink) 0%,var(--ink) 30%,transparent 78%);pointer-events:none}#screen-class .mini-cost{position:absolute;top:var(--sp-1);left:var(--sp-1);width:var(--sp-6);height:var(--sp-6);border-radius:var(--r-pill);background:var(--c-credit);color:var(--ink);border:var(--line) solid var(--ink);display:grid;place-items:center;font-weight:900;font-size:var(--fs-xs);line-height:1;z-index:1}#screen-class .mini-body{position:relative;display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}#screen-class .mini-name{font-size:var(--fs-xs);font-weight:900;letter-spacing:0;text-transform:uppercase;line-height:var(--lh-tight);text-shadow:var(--shadow-hard-sm)}#screen-class .mini-desc{display:block;font-size:var(--fs-xs);font-weight:600;line-height:var(--lh-body);color:var(--c-text);text-shadow:var(--shadow-hard-sm);overflow:visible;-webkit-line-clamp:unset}#screen-class .mini-tag{position:absolute;top:var(--sp-1);right:var(--sp-1);display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);line-height:1;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-s);background:color-mix(in srgb,var(--ink) 70%,transparent);color:var(--c-muted);text-transform:uppercase;z-index:1}#screen-class .mini-card.is-sig .mini-tag{background:color-mix(in srgb,var(--c-you) 22%,transparent);color:var(--c-you)}#screen-class .mini-card.rarity-rare .mini-tag{background:color-mix(in srgb,var(--c-def) 22%,transparent);color:var(--c-def)}#screen-class .mini-card.rarity-epic .mini-tag{background:color-mix(in srgb,var(--c-range) 22%,transparent);color:var(--c-range)}#screen-class .mini-card.rarity-legendary .mini-tag,#screen-class .mini-card.is-joint .mini-tag{background:color-mix(in srgb,var(--c-credit) 24%,transparent);color:var(--c-credit)}#screen-class .mini-tag .mini-lane{margin-left:0;font-size:var(--fs-xs)}#screen-class .mini-card.is-lane{opacity:1;filter:none;border-color:var(--c-you);box-shadow:var(--glow-you),var(--shadow-hard-sm)}#screen-class .mini-card.is-lane.tone-b{border-color:var(--c-credit);box-shadow:var(--glow-credit),var(--shadow-hard-sm)}#screen-class .cd-kits.lane-lit .mini-card:not(.is-lane){opacity:.5;filter:saturate(.5)}#screen-class .cs-scroll-wrap:before,#screen-class .cs-scroll-wrap:after{content:"";position:absolute;top:0;bottom:0;width:var(--cs-cue);z-index:2;pointer-events:none;opacity:0;display:flex;align-items:center;font-size:var(--fs-2xl);font-weight:900;color:var(--c-you);text-shadow:var(--glow-you),var(--shadow-hard-sm);transition:opacity var(--dur-med) var(--ease-out)}#screen-class .cs-scroll-wrap:before{left:0;content:"◂";justify-content:flex-start;padding-left:var(--sp-1);background:linear-gradient(90deg,color-mix(in srgb,var(--c-panel) 96%,transparent) 30%,transparent);border-radius:var(--r-m) 0 0 var(--r-m)}#screen-class .cs-scroll-wrap:after{right:0;content:"▸";justify-content:flex-end;padding-right:var(--sp-1);background:linear-gradient(270deg,color-mix(in srgb,var(--c-panel) 96%,transparent) 30%,transparent);border-radius:0 var(--r-m) var(--r-m) 0}#screen-class .cs-scroll-wrap.more-left:before,#screen-class .cs-scroll-wrap.more-right:after{opacity:1;animation:cs-cue var(--dur-slow) var(--ease-in-out) infinite alternate}#screen-class .cs-scroll-wrap.more-left:before{animation-name:cs-cue-left}#screen-class #class-tabs-wrap:before,#screen-class #class-tabs-wrap:after{border-radius:0}@keyframes cs-cue{0%{transform:translate(0)}to{transform:translate(var(--line-heavy))}}@keyframes cs-cue-left{0%{transform:translate(0)}to{transform:translate(var(--cs-lift))}}#screen-class #galaxy-row{display:flex;gap:var(--sp-3);justify-content:center;flex-wrap:nowrap;width:100%;padding:0;flex:none}#screen-class .galaxy-option{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-1);flex:1 1 0;min-width:0;padding:var(--sp-3) var(--sp-4);background:var(--c-panel);border:var(--line) solid color-mix(in srgb,var(--c-muted) 35%,var(--c-panel));border-radius:var(--r-l);color:var(--c-text);text-align:left;box-shadow:var(--shadow-hard-sm);transition:border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}#screen-class .galaxy-option b{display:block;font-size:var(--fs-s);font-weight:900;letter-spacing:var(--track-label);line-height:var(--lh-tight);text-transform:uppercase;white-space:normal;overflow:visible;max-width:100%}#screen-class .galaxy-option span{display:block;font-size:var(--fs-xs);font-weight:600;line-height:var(--lh-body);color:var(--c-muted);white-space:normal;overflow:visible;max-width:100%}#screen-class .galaxy-option.active{border-color:var(--c-you);box-shadow:var(--glow-you),var(--shadow-hard-sm)}#screen-class .galaxy-option.locked{opacity:.55}@media(hover:hover){#screen-class .galaxy-option:not(:disabled):hover{transform:translateY(var(--cs-lift));border-color:var(--c-you)}}#screen-class #class-actions{display:flex;align-items:center;justify-content:center;gap:var(--sp-4);width:var(--cs-w);flex-wrap:nowrap;flex:none}#screen-class #class-actions .back{margin:0;flex:none;white-space:nowrap}#screen-class #class-actions .big{flex:1 1 auto;max-width:calc(var(--sp-7) * 15);min-width:0;height:calc(var(--tap-min) + var(--sp-5));margin:0;padding:0 var(--sp-6);display:flex;align-items:center;justify-content:center;line-height:var(--lh-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:var(--line-heavy) solid var(--ink);border-radius:var(--r-l);font-size:var(--fs-l);font-weight:900;letter-spacing:var(--track-title);box-shadow:var(--shadow-hard-lg);background:linear-gradient(165deg,var(--deploy-color, var(--c-you)),color-mix(in srgb,var(--deploy-color, var(--c-you)) 55%,var(--ink)));color:var(--ink-soft);text-shadow:none;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),filter var(--dur-fast) var(--ease-out)}#screen-class #class-actions .big:not(:disabled):active{transform:translate(var(--line-heavy),var(--line-heavy));box-shadow:var(--shadow-hard-sm)}#screen-class #class-actions .big:disabled{opacity:.45;cursor:default;background:var(--c-panel);color:var(--c-text);font-size:var(--fs-s);letter-spacing:var(--track-label);white-space:normal;text-align:center;padding:0 var(--sp-4)}@media(max-width:1100px)and (min-width:521px)and (min-aspect-ratio:1/1){#screen-class .lore{display:none}#screen-class h2{font-size:var(--fs-2xl)}#screen-class{--cs-art: calc(var(--sp-7) + var(--sp-5))}#screen-class .cp-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(max-width:520px),(max-aspect-ratio:4/5)and (max-width:700px){#screen-class{--cs-portrait: calc(var(--sp-7) * 4);--cs-art: calc(var(--sp-7) * 3);overflow:hidden;height:100%;max-height:100dvh;gap:var(--sp-2);padding:calc(var(--sp-3) + var(--safe-top)) var(--sp-3) calc(var(--sp-3) + var(--safe-bottom))}#screen-class:before,#screen-class:after{content:none;margin:0}#screen-class h2{font-size:var(--fs-2xl);letter-spacing:var(--track-label)}#screen-class .lore{display:none}#screen-class #class-steps{flex:1 1 0;min-height:0;width:100%}#screen-class .cs-step{gap:var(--sp-2)}#screen-class #class-tabs{display:flex;flex-wrap:nowrap;gap:var(--sp-3);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:var(--sp-1) var(--sp-7) var(--sp-2);justify-content:flex-start}#screen-class #class-tabs::-webkit-scrollbar{display:none}#screen-class #class-tabs .class-tab,#screen-class #class-tabs .class-tab:nth-child(7){grid-column:auto;flex:0 0 100%;min-width:0;max-width:none;margin:0;flex-direction:row;align-items:stretch;border-width:var(--line);border-radius:var(--r-m);scroll-snap-align:center}#screen-class .tab-art{width:var(--cs-art);height:auto;border-bottom:0;border-right:var(--line-heavy) solid var(--ink);background-position:center 12%}#screen-class .tab-body{padding:var(--sp-2) var(--sp-3) var(--sp-2)}#screen-class .tab-lock{top:var(--sp-6);left:calc(var(--cs-art) / 2)}#screen-class .tab-lock.tab-act-lock{left:auto;right:var(--sp-2);top:var(--sp-1)}#screen-class .tab-medal{left:var(--sp-2);top:var(--sp-1)}#screen-class #class-preview{grid-template-columns:var(--cs-portrait) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto;grid-template-areas:"art head" "traits traits" "foot foot";border-width:var(--line);border-radius:var(--r-l);box-shadow:var(--shadow-hard)}#screen-class #class-preview .cd-art{grid-area:art;height:auto;min-height:var(--cs-portrait);align-self:stretch;border-right:var(--line) solid var(--ink);border-bottom:var(--line) solid var(--ink);border-bottom-right-radius:var(--r-m)}#screen-class .cp-body{display:contents}#screen-class .cp-head{grid-area:head;padding:var(--sp-3) var(--sp-3) var(--sp-2);justify-content:flex-start}#screen-class .cp-head h3{font-size:var(--fs-l)}#screen-class .cd-traits{grid-area:traits;margin:var(--sp-2) var(--sp-3) 0;padding:var(--sp-2) var(--sp-3)}#screen-class .cp-foot{grid-area:foot;padding:var(--sp-2) var(--sp-3) var(--sp-3);gap:var(--sp-1) var(--sp-3)}#screen-class #class-contract{gap:var(--sp-2)}#screen-class #class-detail{padding:var(--sp-3);gap:var(--sp-2);border-width:var(--line);border-radius:var(--r-l);box-shadow:var(--shadow-hard)}#screen-class .cd-head{flex-wrap:wrap;gap:var(--sp-1) var(--sp-3)}#screen-class .cd-head .cd-chips{display:none}#screen-class .cd-head h3{font-size:var(--fs-m);flex:1 1 auto}#screen-class .cd-head .cd-role{white-space:normal;flex:1 1 100%}#screen-class .cd-head-art{width:var(--sp-6);height:var(--sp-6)}#screen-class .cd-directive,#screen-class .cd-stance,#screen-class .cd-ascension{padding:var(--sp-2) var(--sp-3);gap:var(--sp-2);align-items:center;border-radius:var(--r-s)}#screen-class .dir-body,#screen-class .asc-body{flex:1 1 0}#screen-class .dir-medal,#screen-class .stance-medal,#screen-class .asc-medal{font-size:var(--fs-l)}#screen-class .dir-body b,#screen-class .asc-body b{white-space:normal;text-overflow:clip;height:var(--cs-line-2)}#screen-class .dir-body i,#screen-class .asc-mods,#screen-class .stance-blurb,#screen-class .stance-note{white-space:normal;text-overflow:clip;height:var(--cs-line-3)}#screen-class .stance-blurb,#screen-class .stance-note{height:var(--cs-line-2)}#screen-class .dir-arm{padding:var(--sp-1) var(--sp-3)}#screen-class .cd-stance{flex-wrap:wrap}#screen-class .cd-stance .stance-seg{order:0;flex:1 1 0;min-width:0;margin:0;gap:var(--sp-2);align-items:stretch}#screen-class .cd-stance .stance-body{order:1;flex:1 1 100%}#screen-class .cd-stance .stance-body b{display:none}#screen-class .stance-btn{flex:1 1 0;min-width:0;flex-wrap:wrap;gap:var(--sp-1) var(--sp-2);padding:var(--sp-1) var(--sp-2);letter-spacing:0;min-height:calc(var(--tap-min) + var(--sp-3));white-space:normal;text-align:center}#screen-class .stance-lock{flex:0 0 100%;text-align:center;letter-spacing:0;padding:var(--sp-1) 0 0;background:none}#screen-class .asc-step{gap:var(--sp-1)}#screen-class .asc-lvl{display:none}#screen-class .asc-btn{width:var(--tap-min);height:var(--tap-min)}#screen-class .cd-kits{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding-bottom:var(--sp-1)}#screen-class .cd-kits::-webkit-scrollbar{display:none}#screen-class .cd-kits.more-down{mask-image:linear-gradient(180deg,var(--ink) calc(100% - var(--sp-7)),transparent);-webkit-mask-image:linear-gradient(180deg,var(--ink) calc(100% - var(--sp-7)),transparent)}#screen-class .galaxy-option{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-m)}#screen-class #class-actions{width:100%;gap:var(--sp-3)}#screen-class #class-actions .back{padding:var(--sp-3) var(--sp-4)}#screen-class #class-actions .big{height:calc(var(--tap-min) + var(--sp-3));font-size:var(--fs-s);letter-spacing:var(--track-label);padding:0 var(--sp-3);white-space:normal;text-align:center}#screen-class #class-actions .big:disabled{font-size:var(--fs-xs)}}@media(max-height:520px)and (min-aspect-ratio:5/4){#screen-class{overflow-y:auto;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4) 0}#screen-class .lore{display:none}#screen-class h2{font-size:var(--fs-2xl)}#screen-class #class-steps{flex:none;max-height:none}#screen-class .cs-step{gap:var(--sp-2)}#screen-class #class-actions{position:sticky;bottom:0;z-index:3;padding:var(--sp-2) 0 calc(var(--sp-3) + var(--safe-bottom));background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--c-panel) 92%,transparent) 35%)}#screen-class .dir-body i,#screen-class .asc-mods,#screen-class .stance-blurb,#screen-class .stance-note{white-space:normal;text-overflow:clip;height:var(--cs-line-2)}}@media(max-height:700px)and (max-width:520px){#screen-class .lore,#screen-class .galaxy-option span{display:none}}#hud{--hud-inset: calc(var(--sp-3) + var(--sp-2));--hud-status-top: calc(var(--sp-7) * 2 + var(--sp-2));--hud-portrait: calc(var(--sp-7) * 2);--hud-portrait-phone: var(--tap-min);--hud-endturn-w: calc(var(--sp-7) * 6 + var(--sp-6));--hud-endturn-w-phone: calc(var(--sp-7) * 4);--hud-bench-fallback: calc(var(--sp-7) * 6 + var(--safe-bottom));--hud-feed-w: calc(var(--sp-7) * 17 + var(--sp-5));--hud-lane-w: calc(var(--sp-7) * 12)}#hud #hud-top{display:flex;flex-direction:column;align-items:stretch;pointer-events:none}#hud #hud-top #topbar>*{pointer-events:auto}#hud #topbar{gap:var(--sp-3);padding:calc(var(--sp-3) + var(--safe-top)) calc(var(--hud-inset) + var(--safe-right)) 0 calc(var(--hud-inset) + var(--safe-left))}#hud #floor-chip,#hud #cores-chip,#hud #asc-chip{display:inline-flex;align-items:center;gap:var(--sp-1);min-height:var(--tap-min);background:none;border:0;box-shadow:none;padding:var(--sp-1) var(--sp-2);font-size:var(--fs-xs);font-weight:800;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--c-muted);text-shadow:var(--shadow-hard-sm),0 0 var(--sp-1) var(--ink)}#hud #floor-chip{gap:var(--sp-2)}#hud #floor-chip .label{font-size:var(--fs-xs);letter-spacing:var(--track-label);color:var(--c-muted)}#hud #floor-num{font-size:var(--fs-s);font-weight:900;color:var(--c-text)}#hud #floor-name{font-size:var(--fs-xs);font-weight:700;font-style:italic;letter-spacing:0;text-transform:none;color:var(--c-muted)}#hud #cores-chip .stat-abbr{color:var(--c-muted)}#hud #cores-num{font-size:var(--fs-s);font-weight:900;color:var(--c-credit)}#hud #asc-chip{color:var(--c-asc)}#hud #quota-chip{display:inline-flex;align-items:center;min-height:var(--tap-min);padding:0 var(--sp-4);background:var(--c-panel);border:var(--line) solid var(--ink);border-radius:var(--r-m);box-shadow:var(--shadow-hard-sm);font-size:var(--fs-s);font-weight:900;letter-spacing:var(--track-label);color:var(--c-text)}#hud #quota-chip .ico{color:var(--c-you);margin-right:var(--sp-1)}#hud #quota-chip.gate-ready{color:var(--c-credit);border-color:var(--c-credit);box-shadow:var(--shadow-hard-sm),var(--glow-credit);animation:hud-breathe calc(var(--dur-slow) * 3) var(--ease-in-out) infinite}#hud #btn-pause{width:var(--tap-min);height:var(--tap-min);min-width:var(--tap-min);background:var(--c-panel);border:var(--line) solid var(--ink);border-radius:var(--r-m);box-shadow:var(--shadow-hard-sm);font-size:var(--fs-l);font-weight:900;color:var(--c-text)}#hud #status{left:calc(var(--hud-inset) + var(--safe-left));top:calc(var(--hud-status-top) + var(--safe-top));gap:var(--sp-3)}#hud #portrait{width:var(--hud-portrait);height:var(--hud-portrait);border:var(--line) solid var(--ink);border-radius:var(--r-l);box-shadow:var(--shadow-hard-sm)}#hud #bars{gap:var(--sp-2)}#hud #hpbar{width:min(38vw,calc(var(--sp-7) * 7));height:var(--sp-6);background:var(--ink-soft);border:var(--line) solid var(--ink);border-radius:var(--r-s);box-shadow:var(--shadow-hard-sm)}#hud #hpfill{background:var(--c-hp);transition:width var(--dur-med) var(--ease-out),background-color var(--dur-med) var(--ease-out)}#hud #hpfill.low{background:var(--c-threat)}#hud #hptext{font-size:var(--fs-s);font-weight:900;letter-spacing:var(--track-label);color:var(--c-text);text-shadow:var(--shadow-hard-sm)}#hud #substats,#hud #buff-row{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:0}#hud #buff-row.hidden{display:none}#hud .stat-chip{display:inline-flex;align-items:center;gap:var(--sp-1);min-height:var(--tap-min);padding:0 var(--sp-3);background:var(--c-panel);border:var(--line) solid var(--ink);border-radius:var(--r-s);box-shadow:var(--shadow-hard-sm);font-size:var(--fs-s);font-weight:800;line-height:var(--lh-tight);white-space:nowrap}#hud .stat-chip .stat-abbr{font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);opacity:.8}#hud .stat-chip b{font-weight:900}#hud .stat-chip.tier-act{background:var(--c-you);color:var(--ink);border-width:var(--line-heavy);box-shadow:var(--shadow-hard);font-size:var(--fs-m)}#hud .stat-chip.tier-act .stat-abbr{color:var(--ink-soft);opacity:1}#hud .stat-chip.tier-act.spent{background:var(--c-panel);color:var(--c-you);box-shadow:var(--shadow-hard-sm);opacity:1;filter:none}#hud .stat-chip.tier-act.spent .stat-abbr{color:var(--c-muted)}#hud .stat-chip.tier-act.buffed{border-color:var(--c-credit)}#hud #attack-pip{color:var(--c-credit);font-size:var(--fs-s)}#hud #attack-pip.spent{color:var(--c-muted);opacity:1;filter:none}#hud #attack-pip.spent .stat-abbr{color:var(--c-muted)}#hud #attack-pip.buffed{border-color:var(--c-credit);box-shadow:var(--shadow-hard-sm),var(--glow-credit)}#hud #attack-pip.spent.buffed{color:var(--c-credit)}#hud .buff-badge{top:calc(var(--sp-3) * -1);right:calc(var(--sp-3) * -1);padding:0 var(--sp-2);border:var(--line) solid var(--c-credit);border-radius:var(--r-pill);background:var(--ink-soft);color:var(--c-credit);font-size:var(--fs-xs);font-weight:900;line-height:var(--lh-tight);box-shadow:var(--shadow-hard-sm)}#hud .buff-badge.down{border-color:var(--c-threat);color:var(--c-threat);background:var(--ink-soft);text-shadow:none}#hud .stat-chip.buffed{border-color:var(--c-credit);box-shadow:var(--shadow-hard-sm),var(--glow-credit)}#hud .stat-chip.debuffed{border-color:var(--c-threat);box-shadow:var(--shadow-hard-sm),var(--glow-threat)}#hud #buff-row .stat-chip{animation:hud-pop var(--dur-med) var(--ease-back)}#hud #buff-row .buff-pill.gold{color:var(--c-credit)}#hud #buff-row .buff-pill.teal{color:var(--c-you)}#hud #buff-row .buff-pill.violet{color:var(--c-range)}#hud #buff-row .buff-pill.blue{color:var(--c-def)}#hud #buff-row .buff-pill.red{color:var(--c-threat)}#hud #buff-row .buff-pill.green{color:var(--c-hp)}#hud #lookup-row{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--sp-4);padding:0 var(--sp-1)}#hud #lookup-row .stat-chip{min-height:var(--tap-min);min-width:var(--tap-min);padding:0;gap:var(--sp-1);background:none;border:0;box-shadow:none;font-size:var(--fs-xs);color:var(--c-muted);text-shadow:var(--shadow-hard-sm),0 0 var(--sp-1) var(--ink);animation:none}#hud #lookup-row .stat-chip .stat-abbr{opacity:1}#hud #lookup-row .stat-chip b{font-size:var(--fs-xs);letter-spacing:var(--track-label)}#hud #lookup-row #atk-chip b{color:var(--c-atk)}#hud #lookup-row #def-chip b{color:var(--c-def)}#hud #lookup-row #rng-chip b{color:var(--c-range)}#hud #lookup-row #squad-chip b{color:var(--c-you)}#hud #lookup-row #credits-chip b{color:var(--c-credit)}#hud #lookup-row .buff-badge{position:static;padding:0;border:0;background:none;box-shadow:none;font-size:var(--fs-xs)}#hud #lookup-row .stat-chip.buffed,#hud #lookup-row .stat-chip.debuffed{border:0;box-shadow:none}#hud #btn-endturn{right:calc(var(--hud-inset) + var(--safe-right));bottom:calc(var(--sp-7) * 4 + var(--sp-4) + var(--safe-bottom));min-width:var(--hud-endturn-w);min-height:var(--tap-min);padding:var(--sp-3) var(--sp-5);background:var(--c-you);color:var(--ink);border:var(--line-heavy) solid var(--ink);border-radius:var(--r-l);box-shadow:var(--shadow-hard-lg);font-size:var(--fs-l);font-weight:900;letter-spacing:var(--track-label);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}#hud #btn-endturn:active{transform:translate(var(--line-heavy),var(--line-heavy));box-shadow:var(--shadow-hard-sm)}#hud #btn-endturn:disabled{background:var(--c-plate);color:var(--c-muted);box-shadow:var(--shadow-hard-sm);filter:none}#hud #btn-endturn.attention{animation:hud-breathe calc(var(--dur-slow) * 2) var(--ease-in-out) infinite}#hud #btn-endturn.armed{border-color:var(--c-credit);box-shadow:var(--shadow-hard-lg),var(--glow-credit)}#hud #btn-undo{right:calc(var(--hud-inset) + var(--safe-right));bottom:calc(var(--sp-7) * 6 + var(--sp-1) + var(--safe-bottom));min-height:var(--tap-min);padding:0 var(--sp-5);background:var(--c-panel);color:var(--c-you);border:var(--line) solid var(--ink);border-radius:var(--r-l);box-shadow:var(--shadow-hard-sm);font-size:var(--fs-s);font-weight:900;letter-spacing:var(--track-label);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}#hud #btn-undo:active{transform:translate(var(--line),var(--line));box-shadow:none}#hud #btn-undo:disabled{color:var(--c-muted);border-color:var(--ink);box-shadow:var(--shadow-hard-sm);opacity:1;filter:none}#hud #btn-undo:not(:disabled){border-color:var(--c-you);box-shadow:var(--shadow-hard),var(--glow-you)}#hud #btn-undo.undo-armed:not(:disabled){animation:hud-arm var(--dur-slow) var(--ease-back)}#hud #hud-feed{position:absolute;left:4vw;right:4vw;bottom:calc(var(--sp-7) * 6 + var(--safe-bottom));display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);pointer-events:none}#hud #hud-feed>*{pointer-events:none}#hud #hud-feed #hint{position:static;width:max-content;max-width:min(92vw,var(--hud-feed-w));margin:0;padding:var(--sp-3) var(--sp-5);background:var(--c-panel);border:var(--line) solid var(--c-you);border-radius:var(--r-m);box-shadow:var(--shadow-hard-sm);font-size:var(--fs-m);font-weight:800;letter-spacing:var(--track-label);line-height:var(--lh-body);color:var(--c-you);text-align:center;white-space:normal;opacity:0;transform:translateY(var(--sp-3));transition:opacity var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-out)}#hud #hud-feed #hint.visible{opacity:1;transform:translateY(0)}#hud #hud-feed #hint:not(.visible){position:absolute;bottom:0}#hud #toast{position:relative;z-index:20;width:max-content;max-width:min(92vw,var(--hud-feed-w));padding:var(--sp-2) var(--sp-4);background:var(--c-panel);border:var(--line) solid var(--ink);border-radius:var(--r-m);box-shadow:var(--shadow-hard);font-size:var(--fs-s);font-weight:900;letter-spacing:var(--track-label);line-height:var(--lh-body);text-transform:uppercase;text-align:center;color:var(--c-text);opacity:0;transform:translateY(var(--sp-2));transition:opacity var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-out)}#hud #toast.hidden{display:none}#hud #toast.visible{opacity:1;transform:translateY(0)}#hud #toast.tone-good{color:var(--c-hp)}#hud #toast.tone-bad{color:var(--c-threat)}#hud #toast.tone-credit{color:var(--c-credit)}#hud #toast.tone-you{color:var(--c-you)}#hud #toast.repop{animation:hud-pop var(--dur-med) var(--ease-back)}#hud #turn-ledger{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--hud-inset) 0;pointer-events:none;opacity:1;transition:opacity var(--dur-med) var(--ease-out)}#hud #turn-ledger.hidden{display:none}#hud #turn-ledger.closing{opacity:0}#hud #turn-ledger .tl-row{display:inline-flex;align-items:baseline;gap:var(--sp-2);max-width:min(92vw,var(--hud-lane-w));padding:var(--sp-1) var(--sp-3);background:var(--c-panel);border:var(--line) solid var(--ink);border-radius:var(--r-s);box-shadow:var(--shadow-hard-sm);font-size:var(--fs-s);font-weight:800;letter-spacing:var(--track-label);line-height:var(--lh-body);text-transform:uppercase;color:var(--c-text);white-space:nowrap;animation:hud-row-in var(--dur-fast) var(--ease-out);transition:opacity var(--dur-med) var(--ease-out)}#hud #turn-ledger .tl-row.leaving{opacity:0}#hud #turn-ledger .tl-who,#hud #turn-ledger .tl-arrow{color:var(--c-muted)}#hud #turn-ledger .tl-you{color:var(--c-you)}#hud #turn-ledger .tl-n{font-weight:900}#hud #turn-ledger .tl-n.hurt{color:var(--c-threat)}#hud #turn-ledger .tl-n.kill{color:var(--c-atk)}#hud #turn-ledger .tl-n.mark{color:var(--c-credit)}#hud #turn-ledger .tl-n.poison,#hud #turn-ledger .tl-n.heal{color:var(--c-hp)}#hud #turn-ledger .tl-n.lost{color:var(--c-threat)}#hud .stat-chip.pulse,#hud #hpbar.pulse{animation:hud-pulse var(--dur-slow) var(--ease-back)}@keyframes hud-pulse{0%{transform:scale(1)}35%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes hud-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes hud-row-in{0%{transform:translateY(calc(var(--sp-2) * -1));opacity:0}to{transform:translateY(0);opacity:1}}@keyframes hud-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes hud-arm{0%{transform:scale(.9)}45%{transform:scale(1.1)}to{transform:scale(1)}}#hud #unit-popup{top:calc(var(--hud-status-top) + var(--status-h, var(--hud-portrait)) + var(--sp-3) + var(--safe-top))}#hud #unit-popup .pop-close{min-width:var(--tap-min);min-height:var(--tap-min)}@media(min-width:700px)and (max-width:1200px)and (min-height:481px){#hud #btn-endturn{bottom:calc(var(--sp-7) * 7 + var(--sp-3) + var(--safe-bottom))}#hud #btn-undo{bottom:calc(var(--sp-7) * 9 + var(--safe-bottom))}}@media(max-aspect-ratio:4/5)and (max-width:700px){#hud #floor-chip,#hud #cores-chip{display:none}#hud #status{top:auto;bottom:calc(var(--bench-h, var(--hud-bench-fallback)) + var(--sp-1));align-items:flex-end}#hud #portrait{width:var(--hud-portrait-phone);height:var(--hud-portrait-phone)}#hud #hpbar{width:30vw}#hud #substats,#hud #buff-row{max-width:calc(100vw - var(--hud-endturn-w-phone) - var(--hud-inset) * 2 - var(--hud-portrait-phone) - var(--sp-3) * 2)}#hud .stat-chip{flex-direction:column;justify-content:center;gap:0;min-width:var(--tap-min);padding:0 var(--sp-2)}#hud .stat-chip .stat-abbr{line-height:var(--lh-tight)}#hud .stat-chip .buff-badge{top:calc(var(--sp-4) * -1);right:calc(var(--sp-2) * -1)}#hud #lookup-row{display:none}#hud #btn-endturn{bottom:calc(var(--bench-h, var(--hud-bench-fallback)) + var(--sp-1));min-width:var(--hud-endturn-w-phone);padding:0 var(--sp-2);font-size:var(--fs-m);letter-spacing:0}#hud #btn-undo{bottom:calc(var(--bench-h, var(--hud-bench-fallback)) + var(--sp-1) + var(--tap-min) + var(--sp-2));padding:0 var(--sp-4)}#hud #hud-feed{bottom:calc(var(--bench-h, var(--hud-bench-fallback)) + var(--sp-1) + max(var(--status-h, 0px),calc(var(--tap-min) * 2 + var(--sp-2))) + var(--sp-3))}#hud #hud-feed #hint{font-size:var(--fs-s);padding:var(--sp-2) var(--sp-4)}#hud #hud-feed #hint .hint-text{-webkit-line-clamp:3}#hud:has(#btn-cancel-target:not(.hidden)) #hud-feed{bottom:auto;top:calc(var(--sp-7) * 2 + var(--safe-top));flex-direction:column-reverse}#hud:has(#btn-cancel-target:not(.hidden)) #hud-feed #hint:not(.visible){top:0;bottom:auto}#hud #turn-ledger .tl-row{font-size:var(--fs-xs)}}@media(max-height:480px)and (min-aspect-ratio:5/4){#hud #lookup-row{display:none}#hud #hpbar{width:22vw}#hud #portrait{width:var(--hud-portrait-phone);height:var(--hud-portrait-phone)}#hud #bars{flex-direction:row;flex-wrap:wrap;align-items:center;row-gap:var(--sp-1);max-width:30vw}#hud #hpbar{order:0;width:22vw}#hud #bars:after{content:"";order:1;flex:0 0 100%;height:0}#hud #substats,#hud #buff-row{display:contents}#hud #buff-row.hidden{display:none}#hud #substats .stat-chip,#hud #buff-row .stat-chip{order:2}#hud #btn-endturn{bottom:calc(var(--sp-7) * 4 + var(--sp-6) + var(--sp-2) + var(--safe-bottom))}#hud #btn-undo{left:auto;top:auto;bottom:calc(var(--sp-7) * 4 + var(--sp-6) + var(--sp-2) + var(--safe-bottom));right:calc(var(--hud-inset) + var(--hud-endturn-w) + var(--sp-3) + var(--safe-right))}#hud #hud-feed{bottom:auto;top:calc(var(--hud-status-top) + var(--status-h, var(--tap-min)) + var(--sp-2) + var(--safe-top));left:calc(var(--hud-inset) + var(--safe-left));right:auto;flex-direction:column-reverse;align-items:flex-start;max-width:min(36vw,calc(var(--sp-7) * 9 + var(--sp-5)))}#hud #hud-feed #hint:not(.visible){top:0;bottom:auto}#hud #hud-feed #hint,#hud #toast{max-width:100%;font-size:var(--fs-s);letter-spacing:0;padding:var(--sp-2) var(--sp-3);text-align:left}#hud #hud-feed #hint .hint-text{-webkit-line-clamp:3}#hud #turn-ledger{position:absolute;left:auto;right:calc(var(--hud-inset) + var(--safe-right));bottom:calc(var(--sp-7) * 4 + var(--sp-6) + var(--sp-2) + var(--tap-min) + var(--sp-2) + var(--safe-bottom));align-items:flex-end;padding:0}#hud #turn-ledger .tl-row{font-size:var(--fs-xs)}}#hq-tabs{display:flex;gap:var(--sp-3);width:min(94vw,760px);flex-shrink:0}.hq-tab{flex:1 1 0;min-height:var(--tap-min);padding:var(--sp-3) var(--sp-4);background:var(--c-panel);border:var(--line-heavy) solid var(--ink);border-radius:var(--r-m);color:var(--c-muted);font-weight:900;font-size:var(--fs-m);letter-spacing:var(--track-title);box-shadow:var(--shadow-hard);transition:color var(--dur-fast) ease,border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.hq-tab.is-on{color:var(--c-you);border-color:var(--c-you);box-shadow:var(--glow-you),var(--shadow-hard)}.hq-tab:active{transform:translate(2px,2px);box-shadow:2px 2px #000000b3}@media(hover:hover){.hq-tab:not(.is-on):hover{color:var(--c-text);border-color:#3a4a66}}#hq-notice{display:flex;align-items:flex-start;gap:var(--sp-3);width:min(94vw,760px);background:var(--c-panel);border:var(--line-heavy) solid var(--c-credit);border-radius:var(--r-l);padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4);text-align:left;font-size:var(--fs-s);line-height:var(--lh-body);font-weight:700;color:#e8cf8a;box-shadow:var(--shadow-hard);flex-shrink:0}.hq-notice-text{flex:1 1 auto;min-width:0}.hq-notice-x{flex:none;min-width:var(--tap-min);min-height:var(--tap-min);border-radius:var(--r-s);color:var(--c-credit);font-weight:900;font-size:var(--fs-l);border:var(--line) solid rgba(255,217,94,.35);margin:-4px -2px -4px 0}.hq-panel{width:min(94vw,760px);display:flex;flex-direction:column;gap:var(--sp-3);flex:1 1 auto;min-height:160px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:2px var(--sp-2) var(--sp-2) 2px;text-align:left;scrollbar-width:thin}.hq-panel-lore{font-size:var(--fs-s);line-height:var(--lh-body);color:var(--c-muted);margin:0 0 2px;text-align:center}.mrow{display:grid;grid-template-columns:56px 200px minmax(0,1fr);gap:var(--sp-3) var(--sp-4);align-items:start;background:var(--c-panel);border:var(--line-heavy) solid var(--ink);border-radius:var(--r-l);padding:var(--sp-3);box-shadow:var(--shadow-hard)}.mrow.tier-3{border-color:var(--c-credit)}.mrow.locked-op{opacity:.72}.m-chip{position:relative;width:56px;height:56px;border-radius:var(--r-m);border:var(--line) solid var(--ink);background-color:var(--class-color, var(--c-you));background-size:cover;background-position:center 8%;flex:none}.m-lock{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:var(--r-s);background:#0000008c;font-size:var(--fs-xl)}.m-head{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.m-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-1) var(--sp-2)}.m-name{font-size:var(--fs-m);font-weight:900;letter-spacing:var(--track-label);color:var(--class-color, var(--c-you))}.m-hero{font-size:var(--fs-xs);font-weight:700;color:var(--c-muted)}.m-asc{font-style:normal;font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-label);color:var(--c-credit);background:#ffd95e38;border-radius:4px;padding:0 var(--sp-1);line-height:var(--lh-body)}.m-pips{color:var(--c-credit);letter-spacing:var(--track-title);font-size:var(--fs-l);line-height:var(--lh-tight)}.m-pips i{font-style:normal;opacity:.4}.m-pips i.on{opacity:1;text-shadow:0 0 8px rgba(255,217,94,.5)}.m-prog{font-size:var(--fs-xs);letter-spacing:var(--track-label);font-weight:800;color:var(--c-muted)}.mrow.tier-3 .m-prog{color:var(--c-credit)}.m-bar{display:block;height:6px;border-radius:var(--r-pill);background:#ffffff14;border:1px solid rgba(0,0,0,.7);overflow:hidden}.m-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--c-you))}.mrow.tier-3 .m-bar i{background:linear-gradient(90deg,#b8912a,var(--c-credit))}.m-perks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3);min-width:0}.m-perk{display:flex;flex-direction:column;gap:3px;padding:var(--sp-3) var(--sp-3);border-radius:var(--r-m);border:var(--line) solid rgba(0,0,0,.7);background:#00000047;min-width:0}.m-perk.on{border-color:var(--c-credit);background:#ffd95e12}.m-perk.off{opacity:.66}.m-perk-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px var(--sp-2)}.m-tier{font-style:normal;font-size:var(--fs-xs);font-weight:900;letter-spacing:var(--track-title);color:var(--c-credit)}.m-perk.off .m-tier{color:var(--c-muted)}.m-perk-head b{font-size:var(--fs-s);font-weight:900;color:var(--c-text)}.m-perk-head small{font-size:var(--fs-xs);font-weight:800;letter-spacing:var(--track-label);color:var(--c-muted);margin-left:auto}.m-perk-desc{font-size:var(--fs-xs);line-height:var(--lh-body);color:var(--c-muted)}.m-perk.on .m-perk-desc{color:var(--c-text)}.rrow{display:grid;grid-template-columns:34px 44px minmax(0,1fr) auto auto;gap:var(--sp-3);align-items:center;background:var(--c-panel);border:var(--line-heavy) solid var(--ink);border-radius:var(--r-l);padding:var(--sp-3) var(--sp-3);box-shadow:var(--shadow-hard)}.rrow.won{border-color:var(--c-credit)}.r-rank{font-size:var(--fs-l);font-weight:900;color:var(--c-muted);text-align:center}.rrow.top .r-rank{color:var(--c-credit)}.r-chip{width:44px;height:44px;border-radius:var(--r-m);border:var(--line) solid var(--ink);background-color:var(--class-color, var(--c-you));background-size:cover;background-position:center 8%}.r-body{display:flex;flex-direction:column;gap:3px;min-width:0}.r-l1{font-size:var(--fs-s);font-weight:800;letter-spacing:var(--track-label);color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r-l1 b{color:var(--class-color, var(--c-you))}.r-l2{font-size:var(--fs-xs);letter-spacing:.8px;font-weight:800;color:var(--c-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rrow.won .r-l2{color:#e8cf8a}.r-score{font-size:var(--fs-xl);font-weight:900;color:var(--c-credit);min-width:56px;text-align:right}.r-replay,#btn-replay-chart{min-height:var(--tap-min);padding:var(--sp-3) var(--sp-4);border:var(--line-heavy) solid var(--ink);border-radius:var(--r-m);background:linear-gradient(165deg,var(--teal),#178a8e);color:#04181a;font-weight:900;font-size:var(--fs-xs);letter-spacing:var(--track-label);box-shadow:3px 3px #000000b3;white-space:nowrap;transition:transform var(--dur-fast) ease,box-shadow var(--dur-fast) ease,filter var(--dur-fast) ease}.r-replay:disabled{opacity:.45;cursor:default}.r-replay:not(:disabled):active,#btn-replay-chart:active{transform:translate(2px,2px);box-shadow:var(--shadow-hard-sm)}@media(hover:hover){.r-replay:not(:disabled):hover,#btn-replay-chart:hover{filter:brightness(1.12)}}.r-replay.confirming,#btn-replay-chart.confirming{background:linear-gradient(165deg,#ffa24d,#c25a13);color:#1a0b00}.dstat.score b{color:var(--c-you)}#death-replay{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--sp-3) var(--sp-4)}.dr-seed{font-size:var(--fs-xs);letter-spacing:var(--track-label);font-weight:800;color:var(--c-muted)}.dr-seed b{color:var(--c-text)}#btn-replay-chart{padding:var(--sp-3) var(--sp-5);font-size:var(--fs-s);letter-spacing:var(--track-title);border-radius:var(--r-l)}@media(max-width:520px),(max-aspect-ratio:4/5)and (max-width:700px){#hq-tabs{gap:var(--sp-2);width:100%}.hq-tab{font-size:var(--fs-s);letter-spacing:var(--track-label);padding:var(--sp-2) var(--sp-3);border-width:var(--line);border-radius:var(--r-m);box-shadow:3px 3px #000000a6}#hq-notice{width:100%;font-size:var(--fs-xs);line-height:var(--lh-body);padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-3);border-width:var(--line)}#hq-grid{overflow-y:auto}.hq-panel{width:100%;min-height:0;gap:var(--sp-2);padding:0 2px var(--sp-1) 0}.hq-panel-lore{font-size:var(--fs-xs);line-height:var(--lh-body)}.mrow{grid-template-columns:40px minmax(0,1fr);grid-template-areas:"chip head" "perks perks";gap:var(--sp-2) var(--sp-3);padding:var(--sp-3);border-width:var(--line);border-radius:var(--r-m);box-shadow:3px 3px #000000a6}.m-chip{grid-area:chip;width:40px;height:40px;border-radius:var(--r-s)}.m-lock{font-size:var(--fs-l)}.m-head{grid-area:head;gap:3px}.m-name{font-size:var(--fs-s);letter-spacing:var(--track-label)}.m-pips{font-size:var(--fs-m)}.m-perks{grid-area:perks;grid-template-columns:1fr;gap:var(--sp-1)}.m-perk{padding:var(--sp-2) var(--sp-3);gap:2px}.m-perk-head b{font-size:var(--fs-xs)}.rrow{grid-template-columns:26px 36px minmax(0,1fr) auto;grid-template-areas:"rank chip body score" "rank chip body replay";gap:var(--sp-1) var(--sp-3);padding:var(--sp-3);border-width:var(--line);border-radius:var(--r-m);box-shadow:3px 3px #000000a6}.r-rank{grid-area:rank;font-size:var(--fs-m)}.r-chip{grid-area:chip;width:36px;height:36px;border-radius:var(--r-s)}.r-body{grid-area:body;gap:2px}.r-l1,.r-l2{white-space:normal;font-size:var(--fs-xs)}.r-score{grid-area:score;font-size:var(--fs-xl);min-width:0}.r-replay{grid-area:replay;padding:var(--sp-2) var(--sp-3);justify-self:end}#death-replay{gap:var(--sp-2) var(--sp-3)}#btn-replay-chart{padding:var(--sp-3) var(--sp-4);font-size:var(--fs-xs);letter-spacing:var(--track-label)}}