:root{--bg: #0a0e14;--panel: #131a26;--ink: #000;--teal: #27c4c8;--teal-glow: #4df0f4;--orange: #ff7a30;--gold: #ffd95e;--red: #ff5544;--green: #7dff7a;--text: #e8ecf4;--muted: #8794a8;--plate-ui: #1c2534;--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)}*{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:8px;border:2px 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(--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}#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)) 16px 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:18px;border:3px solid var(--ink);border-radius:12px;background:var(--panel);text-align:center;box-shadow:6px 6px #000000a6}#asset-loader-label{display:block;color:var(--teal-glow);font-size:13px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.asset-loader-track{height:12px;margin:14px 0 8px;overflow:hidden;border:2px solid var(--ink);border-radius:999px;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:0 0 10px #4df0f473;transition:width .18s ease}#asset-loader-count{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:1px;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:14px 16px}#asset-loader-label{font-size:12px;letter-spacing:1.5px}.asset-loader-track{height:10px;margin:12px 0 6px}}#tutorial-card{position:absolute;top:calc(82px + var(--safe-top));left:50%;z-index:20;width:min(88vw,430px);transform:translate(-50%);padding:11px 14px;border:3px solid var(--ink);border-left-color:var(--teal-glow);border-radius:10px;background:#0c111af5;box-shadow:5px 5px #0000009e;text-align:left;pointer-events:auto}#tutorial-progress{display:block;color:var(--teal-glow);font-size:8px;font-weight:900;letter-spacing:1.5px}#tutorial-title{display:block;margin-top:2px;color:var(--text);font-size:14px;letter-spacing:1px}#tutorial-copy{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.35}#btn-tutorial-skip{position:absolute;top:0;right:0;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:1px;padding:12px 10px}.tutorial-focus{outline:2px 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(--gold);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;gap:10px;padding:calc(10px + var(--safe-top)) calc(14px + var(--safe-right)) 0 calc(14px + var(--safe-left))}#floor-chip{background:var(--panel);border:3px solid var(--ink);border-radius:10px;padding:6px 14px;box-shadow:4px 4px #0009;display:flex;align-items:baseline;gap:8px}#floor-chip .label{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--muted)}#floor-num{font-size:22px;font-weight:900;color:var(--teal-glow)}#floor-name{font-size:13px;font-weight:700;font-style:italic;color:var(--muted)}#quota-chip{background:var(--panel);border:3px solid var(--ink);border-radius:10px;padding:6px 12px;font-weight:900;font-size:14px;color:var(--muted);box-shadow:4px 4px #0009}#quota-chip .ico{color:var(--teal-glow);margin-right:4px}#quota-chip.gate-ready{color:var(--gold);border-color:var(--gold);animation:pulse 1.2s ease infinite}#cores-chip{margin-left:auto;background:var(--panel);border:3px solid var(--ink);border-radius:10px;padding:6px 14px;font-weight:900;color:var(--gold);box-shadow:4px 4px #0009}#btn-pause{background:var(--panel);border:3px solid var(--ink);border-radius:10px;width:42px;height:42px;font-weight:900;font-size:16px;color:var(--text);box-shadow:4px 4px #0009}#status{position:absolute;left:calc(14px + var(--safe-left));top:calc(70px + var(--safe-top));display:flex;gap:10px;align-items:center}#portrait{width:64px;height:64px;border-radius:12px;border:3px solid var(--ink);background:var(--panel) url(/art/portrait_ronin.webp) center/cover;box-shadow:4px 4px #0009}#bars{display:flex;flex-direction:column;gap:6px}#hpbar{position:relative;width:min(38vw,220px);height:24px;background:#1a0d0d;border:3px solid var(--ink);border-radius:8px;overflow:hidden;box-shadow:4px 4px #0009}#hpfill{height:100%;width:100%;background:linear-gradient(180deg,#6dde5a,#2f9e2f);transition:width .25s ease}#hpfill.low{background:linear-gradient(180deg,#ff7a5e,#c92f1f)}#hptext{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:13px;font-weight:900;color:#fff;text-shadow:0 0 4px #000,0 0 4px #000}#substats{display:flex;gap:6px}#buff-row{display:flex;gap:5px;margin-top:5px;flex-wrap:wrap}.buff-pill{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:900;letter-spacing:.06em;padding:2px 8px 2px 6px;border-radius:999px;border:2px solid var(--gold);background:#2c2410;color:var(--gold);animation:pill-pop .28s cubic-bezier(.2,1.6,.4,1),pill-breathe 1.6s ease-in-out .3s infinite;white-space:nowrap}.buff-pill i{font-style:normal;font-size:12px;line-height:1}.buff-pill.teal{border-color:var(--teal-glow);background:#0e3238;color:var(--teal-glow)}.buff-pill.violet{border-color:#c77dff;background:#2a1440;color:#d9a8ff}.buff-pill.blue{border-color:#a8d8e8;background:#14232c;color:#c4e6f2}.buff-pill.red{border-color:#f54;background:#3a1410;color:#ff8a7a}.buff-pill.green{border-color:#7dff7a;background:#123a16;color:#9dff9a}@keyframes pill-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pill-breathe{0%,to{filter:brightness(1)}50%{filter:brightness(1.35)}}.stat-chip{position:relative;background:var(--panel);border:2px solid var(--ink);border-radius:8px;padding:3px 8px;font-size:13px;font-weight:700;white-space:nowrap}.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:0;z-index:90;width:max-content;max-width:250px;background:#10151f;color:var(--text);border:2px solid var(--ink);border-radius:8px;box-shadow:4px 4px #0000008c;padding:7px 10px;font-size:11.5px;font-weight:600;font-style:normal;letter-spacing:.02em;text-transform:none;line-height:1.45;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;top:-9px;right:-8px;z-index:1;font-style:normal;font-size:9px;font-weight:900;line-height:1.15;padding:1px 5px;border-radius:999px;background:#2c2410;border:2px solid var(--gold);color:var(--gold);box-shadow:2px 2px #0000008c;pointer-events:none}.buff-badge:empty{display:none}.buff-badge.down{background:#3a1410;border-color:var(--red);color:var(--red);text-shadow:0 0 6px rgba(255,85,68,.5)}.stat-chip.buffed{border-color:var(--gold);box-shadow:0 0 9px #ffd95e59}.stat-chip.debuffed{border-color:var(--red);box-shadow:0 0 9px #ff554459}#armor-chip{color:#6fb0ff}#weapon-chip{color:var(--teal-glow)}#credits-chip{color:var(--gold)}.pulse{animation:pulse .45s ease}@keyframes pulse{0%{transform:scale(1)}35%{transform:scale(1.25)}to{transform:scale(1)}}#bench{display:flex;gap:10px;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:22px 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:pan-x}.card{position:relative;width:min(23vw,132px);min-height:148px;background:linear-gradient(165deg,#1c2535,#10151f);border:3px solid var(--ink);border-radius:12px;padding:10px 8px 12px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;color:var(--text);box-shadow:4px 5px #000000a6;transition:transform .12s ease,box-shadow .12s ease,opacity .12s 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,0 0 18px #4df0f459;transition:transform .14s ease,opacity .14s 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:9px;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:#4da9ff;box-shadow:4px 5px #000000a6,0 0 12px #4da9ff59}.card.rarity-epic{border-color:#c77dff;box-shadow:4px 5px #000000a6,0 0 14px #c77dff73}.card.rarity-legendary{border-color:var(--gold);box-shadow:4px 5px #000000a6,0 0 18px #ffd95e8c;animation:legend-glow 1.8s 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:9px;font-weight:900;letter-spacing:1.5px;text-shadow:0 1px 3px #000;min-height:11px}.rarity-rare .card-rarity{color:#4da9ff}.rarity-epic .card-rarity{color:#c77dff}.rarity-legendary .card-rarity{color:var(--gold)}.card.deal{animation:dealIn .38s cubic-bezier(.22,.9,.32,1.12) 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 .3s cubic-bezier(.3,1.45,.5,1) 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:8px 7px 6px;background:var(--panel);border:2px solid var(--ink);border-radius:10px;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:10px 18px;background:#0a0e14d9;border:2px dashed rgba(77,240,244,.4);border-radius:12px;text-align:center}.bench-note b{font-size:12px;font-weight:900;letter-spacing:1px;color:var(--teal-glow)}.bench-note span{font-size:10.5px;color:var(--muted);line-height:1.3}.pile-ico{width:27px;height:27px;border-radius:7px;background-color:#151a22;background-size:cover;background-position:center;border:1px solid rgba(0,0,0,.6)}.pile b{font-size:15px}.pile-label{font-size:8px;font-weight:900;letter-spacing:1px;color:var(--muted)}#reward-grid{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin:18px 0 10px}.card.reward-card{width:min(28vw,168px);min-height:170px;cursor:pointer}@media(hover:hover){.card.reward-card:hover{transform:translateY(-8px);box-shadow:0 0 18px #4df0f473,4px 8px #000000a6}}.card-owned{position:relative;font-size:9px;font-weight:900;letter-spacing:1px;color:var(--gold);text-shadow:0 1px 3px #000}.deck-stack{position:relative;width:min(23vw,132px);min-height:126px;animation:stackIn .15s 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:3px solid var(--ink);border-radius:12px;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:4px 5px #000000a6}.deck-card:after{content:"✦";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:28px;color:#4df0f48c}.deck-card{transform-origin:50% 130%;animation:fanOpen .6s cubic-bezier(.34,1.2,.4,1) 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(--teal-glow);background:linear-gradient(165deg,#14303a,#0d1620);box-shadow:4px 5px #000000a6,0 0 12px #4df0f44d}.skill-card .card-rarity{color:var(--teal-glow)}.skill-card .card-art.skill-portrait{background-size:auto 88%;background-position:center 12%;background-repeat:no-repeat}.card-cost.skill-icon{background:var(--teal-glow);font-size:17px}.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:2px solid rgba(6,20,26,.9);border-radius:999px;font-size:8.5px;letter-spacing:.14em;font-weight:900;padding:2px 9px;color:#06272c;font-style:normal;white-space:nowrap;box-shadow:0 2px 6px #00000080}.card-cd-tag.card-burn-tag{background:linear-gradient(180deg,#ffd95e,#d99a2b);color:#3a2405;box-shadow:0 2px 6px #00000080,0 0 10px #ffd95e59}.si-cd{font-style:normal;color:var(--teal-glow);font-size:11px;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(--teal-glow);text-shadow:0 2px 8px #000;background:#050a1073;border-radius:9px}.card:active{transform:translateY(3px);box-shadow:1px 2px #000000a6}.card.spent-slot{justify-content:center;gap:4px;background:#10151f8c;border:3px dashed rgba(125,139,162,.45);box-shadow:none;pointer-events:none}.spent-label{font-size:12px;font-weight:900;letter-spacing:2px;color:#7d8ba2cc}.spent-sub{font-size:9px;letter-spacing:.5px;color:#7d8ba28c}.card.unaffordable{filter:grayscale(.8) brightness(.6)}.card.targeting{outline:3px solid var(--teal-glow);transform:translateY(-8px);box-shadow:0 0 18px #4df0f480,4px 8px #000000a6}.card-cost{position:absolute;top:-10px;left:-8px;width:30px;height:30px;border-radius:50%;background:var(--gold);color:#000;border:3px solid var(--ink);display:grid;place-items:center;font-weight:900;font-size:15px}.card-icon{font-size:26px;line-height:1.1;color:var(--teal-glow)}.card-name{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.4px;text-align:center}.card-desc{font-size:10.5px;color:var(--muted);text-align:center;line-height:1.25}.card-key{position:absolute;bottom:-9px;right:-6px;background:var(--panel);border:2px solid var(--ink);border-radius:6px;font-size:11px;font-weight:900;padding:1px 6px;color:var(--muted)}#attack-pip{color:var(--gold);font-size:15px}#attack-pip.spent{opacity:.3;filter:grayscale(1)}#plays-chip{color:var(--teal-glow)}#plays-chip.spent{opacity:.35;filter:grayscale(1)}#atk-chip{color:#ff9a50}#def-chip{color:#6fb0ff}#mov-chip{color:var(--teal-glow)}#btn-endturn{position:absolute;right:calc(14px + var(--safe-right));bottom:calc(140px + var(--safe-bottom));background:linear-gradient(165deg,var(--teal),#178a8e);color:#04181a;border:3px solid var(--ink);border-radius:12px;padding:12px 18px;font-size:15px;font-weight:900;letter-spacing:1.5px;box-shadow:5px 5px #000000b3;transition:transform .1s ease,box-shadow .1s ease}#btn-endturn:active{transform:translate(3px,3px);box-shadow:1px 1px #000000b3}#btn-endturn:disabled{filter:grayscale(.7) brightness(.7)}#btn-endturn.attention{animation:pulse 1s ease infinite}#btn-undo{position:absolute;right:calc(14px + var(--safe-right));bottom:calc(196px + var(--safe-bottom));background:var(--panel);color:var(--teal-glow);border:3px solid var(--ink);border-radius:12px;padding:9px 16px;font-size:12.5px;font-weight:900;letter-spacing:1.5px;box-shadow:4px 4px #000000b3;transition:transform .1s ease,box-shadow .1s ease}#btn-undo:active{transform:translate(3px,3px);box-shadow:1px 1px #000000b3}#btn-undo:disabled{opacity:.35;filter:grayscale(1)}#unit-popup{position:absolute;left:50%;bottom:calc(210px + var(--safe-bottom));transform:translate(-50%);z-index:5;pointer-events:auto}.pop-card{display:flex;width:min(86vw,340px);background:linear-gradient(165deg,#1c2535,#10151f);border:3px solid var(--ink);border-radius:12px;box-shadow:5px 5px #000000b3,0 0 18px #4df0f41f;overflow:hidden;animation:popin .18s ease}@keyframes popin{0%{transform:translateY(14px) scale(.94);opacity:0}to{transform:none;opacity:1}}.pop-card.hostile{width:min(78vw,280px);box-shadow:5px 5px #000000b3,0 0 16px #ff55442e}.pop-art{width:96px;min-height:120px;padding:6px;background:var(--art, none) center 30% / 94% auto 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(--plate-ui);background-origin:content-box,padding-box,padding-box,padding-box;border-right:3px solid var(--ink);flex-shrink:0}.pop-card.hostile .pop-art{width:84px;min-height:96px;padding:4px;background:var(--art, none) center 30% / 94% auto 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-body{padding:8px 10px 10px;display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.pop-card.hostile .pop-body{padding:7px 9px 9px;gap:4px}.pop-body h3{font-size:14px;font-weight:900;letter-spacing:.8px;color:var(--text);line-height:1.15}.pop-card.hostile h3{color:var(--red);font-size:13px}.pop-stats{display:flex;flex-wrap:wrap;gap:4px}.ps{background:#00000073;border:2px solid var(--ink);border-radius:6px;padding:1px 6px;font-size:11.5px;font-weight:800}.pop-card.hostile .ps{font-size:10.5px;padding:1px 5px}.ps i,.stat-abbr{font-style:normal;font-size:9px;font-weight:900;letter-spacing:.5px;opacity:.8}.ps.atk{color:#ff9a50}.ps.def{color:#6fb0ff}.ps.mov{color:var(--teal-glow)}.ps.rng{color:#c77dff}.ps.hp{color:var(--green)}.ps.atkpip{color:var(--gold)}.class-stats .rng{color:#c77dff}.pop-traits{display:flex;flex-wrap:wrap;gap:5px}.pop-doctrine{font-size:9px;font-weight:900;letter-spacing:1px;text-shadow:0 1px 3px #000}.trait{background:var(--orange);color:#1a0d02;border:2px solid var(--ink);border-radius:6px;font-size:10px;font-weight:900;letter-spacing:1px;padding:2px 7px}.pop-flavor{font-size:11px;font-style:italic;color:var(--muted);line-height:1.3}.pop-card.hostile .pop-flavor{display:none}.pop-preview{font-size:11.5px;color:var(--text);line-height:1.3}.pop-preview .good{color:var(--green)}.pop-preview .bad{color:var(--red)}.pop-note{font-size:10.5px;color:var(--muted);font-weight:700;line-height:1.3}.pop-engage{background:linear-gradient(165deg,#e8542f,#a32913);color:#fff;border:2px solid var(--ink);border-radius:8px;padding:6px 10px;font-size:12px;font-weight:900;letter-spacing:1.2px;box-shadow:2px 2px #0009;margin-top:1px;align-self:stretch}.pop-card.hostile .pop-engage{padding:5px 8px;font-size:11px;letter-spacing:1px}.pop-engage:active{transform:translate(2px,2px);box-shadow:0 0 #0009}.pop-close{position:absolute;top:0;right:0;font-size:17px;font-weight:900;color:var(--muted);z-index:2;padding:12px 14px}#hint{position:absolute;left:50%;bottom:calc(192px + var(--safe-bottom));transform:translate(-50%) translateY(8px);max-width:min(92vw,560px);white-space:normal;text-align:center;line-height:1.3;background:#0a0e14eb;border:2px solid var(--teal);border-radius:10px;padding:8px 18px;font-size:13px;font-weight:800;letter-spacing:1px;color:var(--teal-glow);opacity:0;transition:opacity .25s ease,transform .25s ease;pointer-events:none;white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis}#hint.visible{opacity:1;transform:translate(-50%) translateY(0)}#placement-card{position:absolute;bottom:calc(14px + var(--safe-bottom, 0px));left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:stretch;background:#0a0e14f5;border:2px solid var(--teal);border-radius:12px;padding:8px 12px 8px 8px;width:min(460px,calc(100vw - 20px));max-width:calc(100vw - 20px);box-sizing:border-box;box-shadow:4px 5px #000000a6,0 0 14px #4df0f440;z-index:30;pointer-events:none;animation:pcRise .3s 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:9px;border:2px 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(--plate-ui)}#placement-card .pc-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px}#placement-card .pc-kicker{display:block;font-size:9px;font-weight:900;letter-spacing:1.6px;color:var(--muted);text-transform:uppercase}#placement-card .pc-name{display:block;font-size:14px;font-weight:900;letter-spacing:.8px;line-height:1.15;color:var(--teal-glow);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#placement-card .pc-stats{display:flex;flex-wrap:wrap;gap:4px;font-size:11px;font-weight:800}#placement-card .pc-stats span{background:#16202e;border:1px solid #26364a;border-radius:6px;padding:2px 6px;color:var(--text);white-space:nowrap}#placement-card .pc-stats .trait{font-size:9px;padding:2px 5px}#placement-card .pc-skill{margin:0;font-size:11px;line-height:1.3;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(--teal-glow);font-weight:900}@media(max-width:520px){#placement-card{left:10px;right:10px;width:auto;max-width:none;transform:none;padding:7px 10px 7px 7px;gap:8px;animation:pcRisePhone .3s 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:13px}#placement-card .pc-stats{font-size:10.5px;gap:3px}#placement-card .pc-skill{font-size:10.5px;-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:3px solid var(--red, #ff3b30);border-radius:12px;color:#ff6b62;font-size:14px;font-weight:900;letter-spacing:1.5px;padding:10px 26px;box-shadow:4px 4px #000000a6,0 0 16px #ff3b3059;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:14px;background:radial-gradient(ellipse at 50% 30%,#131a26e0,#06090ef5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:24px;text-align:center;z-index:10;overflow-y:auto}.screen:not(#screen-title):before,.screen:not(#screen-title):after{content:"";margin:auto 0}.screen h1{font-size:clamp(44px,11vw,92px);font-weight:900;letter-spacing:4px;line-height:.95;text-shadow:5px 5px 0 #000}.screen h1 .t1{color:var(--text)}.screen h1 .t2{color:var(--teal-glow);text-shadow:5px 5px 0 #000,0 0 30px rgba(77,240,244,.45)}.subtitle{font-size:clamp(13px,3vw,18px);letter-spacing:8px;font-weight:800;color:#d7c255}#screen-title{flex-direction:row;justify-content:flex-end;padding:0;overflow:hidden;background:radial-gradient(ellipse at 64% 40%,#0e1219,#04060a)}.title-splash{position:absolute;inset:0 auto 0 0;left:clamp(0px,calc(100vw - clamp(12px,16vw,300px) - 370px - min(62vw,76vh)),130px);width:min(62vw,76vh);overflow:hidden;perspective:900px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 55%,transparent 97%),linear-gradient(180deg,transparent 0,#000 10%,#000 84%,rgba(0,0,0,.2) 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 55%,transparent 97%),linear-gradient(180deg,transparent 0,#000 10%,#000 84%,rgba(0,0,0,.2) 100%);mask-composite:intersect;animation:splashIn 1.1s 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;top:-7%;right:-7%;bottom:-7%;left:-7%;background:center / cover no-repeat;pointer-events:none}.px-glow{background:radial-gradient(38% 30% at 52% 22%,rgba(215,194,85,.14),transparent 70%),radial-gradient(45% 40% at 46% 70%,rgba(77,240,244,.06),transparent 72%);mix-blend-mode:screen;transform:translateZ(75px) scale(.92) translate3d(calc(var(--px, 0) * 8px),calc(var(--py, 0) * 5px),0)}.px-fig{background-image:url(/art/splash_armor.webp);background-size:cover;background-position:left 22%;transform:translateZ(50px) translate3d(calc(var(--px, 0) * 6px),calc(var(--py, 0) * 3.5px),0)}.px-video{width:114%;height:114%;object-fit:cover;object-position:left 22%;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}.px-mist{background:radial-gradient(30% 18% at 24% 84%,rgba(168,216,232,.14),transparent 70%),radial-gradient(26% 14% at 72% 92%,rgba(215,194,85,.1),transparent 70%),radial-gradient(20% 12% at 50% 12%,rgba(168,216,232,.08),transparent 70%);mix-blend-mode:screen;transform:translateZ(110px) scale(.88) translate3d(calc(var(--px, 0) * 12px),calc(var(--py, 0) * 7px),0)}.title-panel{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px;width:min(88vw,430px);margin-right:clamp(12px,16vw,300px);padding:20px 8px}#screen-title h1{font-size:clamp(40px,7.5vw,78px)}@media(max-width:760px){#screen-title{justify-content:center}.title-splash{left:0;width:100%;opacity:.3;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent 100%);mask-image:linear-gradient(180deg,#000 60%,transparent 100%)}.px-fig{background-position:center top}.px-video{object-position:center top}.title-panel{margin-right:0}}.lore{font-size:14px;line-height:1.6;color:var(--muted);max-width:560px}.lore em{color:var(--teal-glow);font-style:normal;font-weight:700}.lore b{color:var(--gold)}.screen h2{font-size:clamp(28px,7vw,44px);font-weight:900;letter-spacing:3px;color:var(--teal-glow);text-shadow:4px 4px 0 #000}.menu{display:flex;flex-direction:column;gap:10px;width:min(86vw,320px)}.menu button,.back{background:var(--panel);border:3px solid var(--ink);border-radius:12px;padding:13px 20px;font-size:15px;font-weight:900;letter-spacing:2px;color:var(--text);box-shadow:5px 5px #000000b3;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,color .12s ease,filter .12s ease}@media(hover:hover){.menu button:hover,.back:hover{transform:translateY(-3px);border-color:var(--teal-glow);color:var(--teal-glow);box-shadow:5px 8px #000000b3,0 0 18px #4df0f447}.menu button.big:hover{color:#04181a;border-color:#bffbfd;filter:brightness(1.12);box-shadow:5px 8px #000000b3,0 0 26px #4df0f480}}.menu button:active,.back:active{transform:translate(3px,3px);box-shadow:1px 1px #000000b3}.menu button.big{background:linear-gradient(165deg,var(--teal),#178a8e);color:#04181a;font-size:18px}#title-stats{font-size:12px;font-weight:700;letter-spacing:1px;color:var(--muted)}#screen-class{justify-content:flex-start;padding:16px 16px 20px;gap:12px}#screen-class h2{font-size:clamp(22px,4.5vw,34px);margin:0}#screen-class .lore{font-size:12px;margin:0 0 2px}#class-tabs{display:flex;gap:10px;justify-content:center;width:min(96vw,960px)}.class-tab{position:relative;flex:1 1 0;max-width:118px;background:var(--panel);border:3px solid var(--ink);border-radius:12px;overflow:hidden;color:var(--text);display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:0;box-shadow:3px 3px #0009;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;cursor:pointer}@media(hover:hover){.class-tab:hover{transform:translateY(-3px);border-color:var(--class-color, var(--teal-glow));box-shadow:3px 7px #0009,0 0 16px color-mix(in srgb,var(--class-color, var(--teal-glow)) 30%,transparent)}}.class-tab.active{border-color:var(--class-color, var(--teal-glow));background:color-mix(in srgb,var(--class-color, var(--teal-glow)) 14%,var(--panel));box-shadow:3px 5px #0009,0 0 20px color-mix(in srgb,var(--class-color, var(--teal-glow)) 45%,transparent)}.class-tab.active .tab-name{color:var(--class-color, var(--teal-glow))}.tab-art{width:100%;height:58px;flex-shrink:0;background-color:var(--class-color, #4df0f4);background-size:cover;background-position:center 8%;border-bottom:3px solid var(--ink)}.tab-name{font-size:10px;font-weight:900;letter-spacing:.8px;line-height:1.2;color:var(--teal-glow);text-align:center;padding:0 6px 8px;line-height:1.15}#class-actions{display:flex;align-items:center;justify-content:center;gap:14px;width:min(96vw,960px);flex-wrap:wrap}#btn-deploy{flex:1;max-width:460px;margin:0;height:52px;padding:0 22px;display:block;line-height:46px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;border:3px solid var(--ink);border-radius:12px;font-size:16px;font-weight:900;letter-spacing:2px;box-shadow:5px 5px #000000b3;transition:transform .1s ease,box-shadow .1s ease;background:linear-gradient(165deg,var(--deploy-color, var(--teal)),color-mix(in srgb,var(--deploy-color, var(--teal)) 55%,#000));color:#04181a;text-shadow:none}#btn-deploy:not(:disabled):active{transform:translate(3px,3px);box-shadow:1px 1px #000000b3}#btn-deploy:disabled{opacity:.45;cursor:default;background:var(--panel);color:var(--text);font-size:12.5px;letter-spacing:1px}#class-actions .back{margin:0}#class-detail{width:min(96vw,960px);height:min(72vh,560px);background:var(--panel);border:3px solid var(--ink);border-radius:14px;box-shadow:5px 5px #0009;text-align:left;display:grid;grid-template-columns:minmax(170px,220px) 1fr;overflow:hidden}.cd-left{display:flex;flex-direction:column;border-right:3px solid var(--ink)}.cd-art{position:relative;overflow:hidden;width:100%;aspect-ratio:1 / .92;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, #4df0f4);border-bottom:3px solid var(--ink)}.cd-figure{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cut) center / auto 88% no-repeat;animation:teleportIn .55s 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, #4df0f4) 80%,white);opacity:0;animation:scanSweep .55s 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}}.cd-left-body{animation:cdBodyIn .25s ease}@keyframes cdBodyIn{0%{opacity:0;transform:translateY(5px)}}.cd-chips{display:flex;flex-wrap:wrap;gap:5px;margin:2px 0}.chip{display:inline-flex;align-items:baseline;gap:4px;padding:3px 7px;border-radius:7px;border:2px solid color-mix(in srgb,var(--chip-color, var(--muted)) 55%,transparent);background:color-mix(in srgb,var(--chip-color, var(--muted)) 12%,transparent)}.chip b{font-size:13px;font-weight:900;color:var(--chip-color, var(--text));line-height:1}.chip i{font-style:normal;font-size:8px;font-weight:900;letter-spacing:1px;color:var(--muted)}.chip.c-atk{--chip-color: #ff9a50}.chip.c-def{--chip-color: #6fb0ff}.chip.c-mov{--chip-color: var(--teal-glow)}.chip.c-hp{--chip-color: var(--green)}.chip.c-rng{--chip-color: #c77dff}.cd-traits{display:flex;flex-direction:column;gap:4px;padding:7px 8px;border-radius:8px;background:#ffffff0b;border:1px solid rgba(255,255,255,.07)}.cd-left-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:5px}.cd-left-body h3{font-size:16px;font-weight:900;letter-spacing:1px;color:var(--teal-glow);margin:0}.class-desc{font-size:11px;color:var(--muted);line-height:1.3;margin:0}.cd-role{font-size:9px;font-weight:900;letter-spacing:1.5px;color:var(--gold);margin:0}.cd-perk{font-size:10.5px;font-weight:700;color:var(--gold);margin:0;line-height:1.35}.skill-perk{color:var(--teal-glow)}.cd-perk b{font-weight:900}.cd-right{padding:12px 14px 14px;display:flex;flex-direction:column;min-width:0;overflow-y:auto}.cd-right h4{font-size:11px;font-weight:900;letter-spacing:1.5px;color:var(--text);text-transform:uppercase;margin:0 0 10px;padding-left:9px;border-left:4px solid var(--class-color, var(--teal-glow))}.cd-count{font-weight:600;letter-spacing:.3px;color:var(--muted);font-size:9.5px;display:block;margin-top:2px}.cd-deck{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-content:start}.cd-h4-gap{margin-top:12px!important}.mini-card.is-earn{opacity:.72;filter:saturate(.75)}.mini-card{position:relative;height:112px;background:linear-gradient(165deg,#1c2535,#10151f);border:2px solid var(--ink);border-radius:10px;padding:6px 5px 5px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:2px 2px #00000080;overflow:hidden}.mini-card.rarity-rare{border-color:#4da9ff}.mini-card.rarity-epic{border-color:#c77dff}.mini-card.rarity-legendary{border-color:var(--gold);box-shadow:0 0 10px #ffd95e59}.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(--gold);color:#000;border:2px solid var(--ink);display:grid;place-items:center;font-weight:900;font-size:11px;z-index:1}.mini-body{position:relative;display:flex;flex-direction:column;gap:1px}.mini-name{font-size:9px;font-weight:900;text-transform:uppercase;text-shadow:0 1px 3px #000,0 0 6px #000;line-height:1.15}.mini-desc{font-size:8.5px;color:#c8d2e0;line-height:1.22;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:9px;font-weight:900;letter-spacing:.5px;padding:1px 4px;border-radius:4px;background:#0a0e14b3;color:var(--muted);text-transform:uppercase;z-index:1}.mini-card.is-sig .mini-tag{background:#4df0f438;color:var(--teal-glow)}.mini-card.rarity-rare .mini-tag{background:#4da9ff38;color:#4da9ff}.mini-card.rarity-epic .mini-tag{background:#c77dff38;color:#c77dff}.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(--gold)}@media(max-aspect-ratio:1/1),(max-width:640px){.class-tab{max-width:56px;gap:0}.tab-art{height:52px;border-bottom:none}.tab-name{display:none}#class-detail{grid-template-columns:1fr;grid-template-rows:auto 1fr}.cd-left{flex-direction:row;border-right:none;border-bottom:3px solid var(--ink);height:195px;flex-shrink:0}.cd-art{flex:0 0 150px;width:150px;aspect-ratio:auto;border-bottom:none;border-right:3px solid var(--ink)}.cd-left-body{overflow-y:auto}.chip{padding:2px 5px;gap:3px}.chip b{font-size:11px}.chip i{font-size:9px}.cd-deck{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}}#screen-map{gap:10px;padding:16px 18px 12px;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%,#101726,#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;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:-60px;right:-60px;bottom:-60px;left:-60px;background-image:radial-gradient(1.4px 1.4px at 24px 41px,rgba(207,226,255,.85) 50%,transparent 52%),radial-gradient(1px 1px at 133px 89px,rgba(207,226,255,.6) 50%,transparent 52%),radial-gradient(1.8px 1.8px at 61px 137px,rgba(255,231,180,.5) 50%,transparent 52%),radial-gradient(1px 1px at 187px 23px,rgba(207,226,255,.45) 50%,transparent 52%);background-size:210px 190px,230px 170px,340px 260px,270px 300px;transform:translate3d(calc(var(--sky-x, 0) * -26px),calc(var(--sky-y, 0) * 18px),0);pointer-events:none}#screen-map:after{display:none}#screen-map h2{margin:0}#screen-map>.lore{margin:0 0 2px}#map-status{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.map-status-chip{padding:5px 10px;border:2px solid var(--ink);border-radius:8px;background:var(--panel);color:var(--muted);font-size:10px;font-weight:900;letter-spacing:1px}.map-status-chip b{color:var(--text)}#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%;overflow:hidden;background:transparent;border:0;border-radius:0;box-shadow:none}#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:10px;padding:16px;text-align:left;background:var(--panel);border:3px solid var(--ink);border-radius:14px}#map-brief-type{color:var(--teal-glow);font-size:10px;font-weight:900;letter-spacing:2px}#map-brief-title{min-height:47px;margin:0;font-size:22px;line-height:1.05;color:var(--text)}#map-brief-desc{min-height:58px;margin:0;color:var(--muted);font-size:13px;line-height:1.45}#map-brief-intel{display:grid;grid-template-columns:1fr 1fr;gap:7px}.map-intel{min-width:0;padding:8px;border:1px solid #364154;border-radius:7px;background:#0d131d}.map-intel span{display:block;color:var(--muted);font-size:9.5px;font-weight:900;letter-spacing:1px}.map-intel b{display:block;margin-top:2px;color:var(--text);font-size:11px}.map-risk{color:var(--red);letter-spacing:2px}#map-brief-reward{padding:10px;border-left:3px solid var(--gold);background:#ffd25714;color:var(--gold);font-size:11px;font-weight:800;line-height:1.4}#map-action-bar{position:relative;z-index:4;flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;gap:8px;width:min(96vw,1280px)}#btn-map-confirm{width:100%;min-height:50px;margin-top:0;border:3px solid var(--ink);border-radius:10px;background:var(--teal);color:#061719;font-size:13px;font-weight:900;letter-spacing:1.5px;flex-shrink:0}#btn-map-confirm:disabled{background:#1b2330;color:var(--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:8px;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:9px;padding:9px 10px;text-align:left;background:#101722;border:2px solid #354154;border-radius:10px;color:var(--text)}.map-destination:hover,.map-destination:focus-visible,.map-destination.selected{border-color:var(--teal-glow);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-type{grid-area:type;font-size:8px;font-weight:900;letter-spacing:1.5px;color:var(--muted)}.md-title{grid-area:title;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900}.md-detail{grid-area:detail;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px}.map-destination.type-combat{color:#ff9a50}.map-destination.type-elite{color:#ff4d45}.map-destination.type-fortress{color:#a7b1c1}.map-destination.type-rival{color:var(--teal-glow)}.map-destination.type-shop{color:var(--gold)}.map-destination.type-event{color:#c77dff}.map-destination.type-vault{color:#8a72ff}@media(max-width:1180px){#screen-map{padding:calc(4px + var(--safe-top)) 8px 0;gap:4px;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:4px;overflow:hidden}#map-wrap{position:relative;width:100%;flex:1 1 0%;min-height:0;height:auto;aspect-ratio:unset;border:2px solid var(--ink);border-radius:12px;overflow:hidden}#map-briefing{position:relative;inset:auto;width:100%;height:auto;min-height:0;max-height:min(22vh,140px);padding:6px 8px;gap:3px;overflow-y:auto;flex:0 0 auto;border-width:2px}#map-briefing>*{flex-shrink:0}#map-brief-title{min-height:0;font-size:14px}#map-brief-desc{min-height:0;font-size:11px;line-height:1.25}#map-brief-intel{gap:4px}.map-intel{padding:4px}.map-intel b{font-size:10px}#map-brief-reward{padding:4px 6px;font-size:10px}#map-action-bar{width:100%;gap:5px;padding:4px 0 max(6px,var(--safe-bottom));background:linear-gradient(to top,#05080e,#05080e 72%,#05080eeb)}#btn-map-confirm{min-height:42px;font-size:12px}#map-destinations{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:5px;max-height:min(28vh,160px);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.map-destination{min-height:0;padding:6px 8px;column-gap:6px}.md-icon{width:32px;height:32px}.md-type{font-size:9.5px}.md-title{font-size:10px}.md-detail{font-size:9.5px}#map-legend{gap:4px 8px;font-size:8px;line-height:1.2;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)) 6px 0;overflow:hidden!important;height:100%;max-height:100dvh;max-height:100svh}#screen-map h2{font-size:18px;letter-spacing:1.2px;line-height:1.1;padding-top:2px}#screen-map>.lore{display:none}#map-legend{display:none}#map-status{gap:3px}.map-status-chip{padding:3px 6px;font-size:10px}#map-layout{flex:1 1 0%;min-height:0;gap:3px}#map-wrap{flex:1 1 0%;min-height:0}#map-briefing{max-height:none;padding:5px 8px;gap:2px;overflow:hidden}#map-brief-type{font-size:9.5px}#map-brief-title{font-size:13px}#map-brief-desc,#map-brief-intel{display:none}#map-brief-reward{padding:3px 6px;font-size:9px}#map-action-bar{gap:4px;padding:3px 0 max(8px,var(--safe-bottom))}#map-destinations{grid-template-columns:repeat(2,minmax(0,1fr));max-height:min(26vh,140px);gap:4px}.map-destination{padding:5px 6px}.md-icon{width:28px;height:28px}#btn-map-confirm{min-height:44px;font-size:12px;letter-spacing:1px}}@media(max-width:520px)and (max-height:700px){#screen-map h2{font-size:16px}#map-status,#map-briefing{display:none}#map-destinations{max-height:min(32vh,150px)}#btn-map-confirm{min-height:42px}}#screen-story{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px;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 .35s ease}@keyframes storyFade{0%{opacity:0}}.story-page{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(94vw,600px);max-height:96vh;max-height:96dvh;overflow-y:auto;overflow-x:hidden;padding:2px 10px 6px}.story-kicker{align-self:flex-start;display:flex;align-items:baseline;gap:10px;transform:rotate(-1.5deg)}.story-kicker span{font-size:12px;font-weight:900;letter-spacing:3px;color:var(--gold);text-shadow:2px 2px 0 #000}.story-kicker b{font-size:22px;font-weight:900;letter-spacing:1px;color:#fff;background:#c62b2b;border:3px solid var(--ink);padding:2px 14px;box-shadow:4px 4px #000000b3;transform:skew(-6deg)}.story-panel{position:relative;width:100%;aspect-ratio:16 / 10;background:#0c1018;border:5px solid #f2ede2;outline:3px 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:22px}.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:8px}.story-page.portrait .story-quote{grid-area:quote;align-self:start;justify-self:end;margin-top:14px}.story-page.portrait #btn-story-next{grid-area:button;justify-self:center;align-self:end;margin-top:14px}@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:3px solid var(--ink);padding:8px 14px;font-size:12.5px;font-weight:700;line-height:1.45;box-shadow:4px 4px #0000008c;transform:rotate(-.6deg);z-index:1}.story-quote{position:relative;align-self:flex-end;max-width:84%;background:#f7f4ec;color:#14100a;border:3px solid var(--ink);border-radius:18px;padding:10px 18px;font-size:14px;font-weight:900;font-style:italic;line-height:1.35;transform:rotate(.6deg);box-shadow:5px 5px #0009}.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:4px;background:var(--teal-glow);color:#06282a;border:3px solid var(--ink);border-radius:12px;font-size:14px;font-weight:900;letter-spacing:2px;padding:10px 30px;box-shadow:4px 4px #000000a6;transition:transform .12s 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: #4df0f4;--vsr: #ff4444}#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 cubic-bezier(.16,1.3,.4,1) both}#screen-versus.vs-play .vs-right{animation:vsSlamR .52s cubic-bezier(.16,1.3,.4,1) 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:8px 22px;background:#06080ce0;border:3px solid var(--ink);box-shadow:4px 4px #000000b3;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:1.5px;color:#fff;text-shadow:2px 2px 0 #000;white-space:nowrap}#screen-versus .vs-plate span{font-size:clamp(9px,1.2vw,12px);font-weight:900;letter-spacing:3px;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 cubic-bezier(.2,1.6,.35,1) .78s both,vsEmblemBreathe 1.4s 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:4px 26px;background:#c62b2b;color:#fff;border:3px solid var(--ink);box-shadow:4px 4px #000000b3;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:max(16vh,110px);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:16px;flex-wrap:wrap;justify-content:center;font-size:10px;font-weight:900;letter-spacing:1px;color:var(--muted)}#map-legend .lg{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px;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:#ff9a50}.lg-elite{background:#ff3b30}.lg-fortress{background:#8a95a8}.lg-rival{background:#4df0f4}.lg-shop{background:var(--gold)}.lg-event{background:#c77dff}.lg-vault{background:#6a4ff0}#shop-hero{position:relative;width:min(97vw,1200px);min-height:130px;aspect-ratio:7.2 / 1;border:3px solid var(--ink);border-radius:16px;background:url(/art/shop_tradepost.webp) center 32% / cover no-repeat;box-shadow:5px 6px #000000a6;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:12px 22px;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:3px solid var(--ink);border-radius:12px;padding:12px 22px;font-size:14px;font-weight:900;letter-spacing:2px;box-shadow:5px 5px #000000b3;margin:4px 0 2px}#shop-offers{display:flex;flex-direction:row;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:20px;width:min(97vw,1200px);margin-bottom:6px}.shop-col{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 12px 12px;background:#0d121b99;border:2px solid rgba(35,44,60,.9);border-radius:16px}.shop-col-items{display:flex;gap:12px;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}.col-wares .shop-col-items{grid-template-columns:repeat(2,minmax(140px,1fr))}.shop-col{width:100%}.shop-item.mod-item{width:min(100%,300px);min-height:150px}}.shop-section{font-size:13px;font-weight:900;letter-spacing:2px;color:var(--teal-glow);text-shadow:0 1px 3px #000;margin:0}.shop-section small{display:block;font-size:9px;font-weight:700;letter-spacing:1px;color:var(--muted);margin-top:2px}.crew-card{position:relative;width:300px;min-height:190px;background:var(--panel);border:3px solid var(--ink);border-radius:14px;padding:0;color:var(--text);box-shadow:4px 4px #000000a6;display:flex;align-items:stretch;flex-wrap:wrap;overflow:hidden;text-align:left;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}@media(hover:hover){.crew-card:not(:disabled):hover{transform:translateY(-5px);border-color:var(--teal-glow);box-shadow:0 0 18px #4df0f459,4px 8px #000000a6}}.crew-card:disabled{opacity:.6;filter:grayscale(.5)}.crew-card.is-unique{border-color:var(--gold);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(--gold);background-origin:content-box,padding-box,padding-box,padding-box}@media(hover:hover){.crew-card.is-unique:not(:disabled):hover{border-color:#ffd257;box-shadow:0 0 22px #ffd25766,4px 8px #000000a6}}.cc-ribbon{flex:1 0 100%;background:var(--gold);color:#1a1206;font-size:8.5px;font-weight:900;letter-spacing:2px;text-align:center;padding:4px 10px;border-bottom:2px solid var(--ink)}.cc-ribbon:before{content:"✦ "}.cc-ribbon:after{content:"  ✦"}.cc-art{flex:0 0 96px;padding:6px;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(--plate-ui);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:4px;padding:12px 12px 40px 6px;position:relative;z-index:1}.cc-name{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 3px #000}.crew-card.is-unique .cc-name{color:var(--gold)}.cc-title{font-size:8.5px;font-weight:900;letter-spacing:1.5px;color:#c9a24d}.cc-stats{display:flex;gap:8px;font-size:12px}.cc-stats b{font-weight:900;color:#dfe8f4;text-shadow:0 1px 2px #000}.cc-traits{font-size:8.5px;font-weight:900;letter-spacing:1px;color:var(--teal-glow)}.cc-skill{font-size:9.5px;color:#c8d2e0;line-height:1.35}.cc-skill b{color:#fff}.cc-flavor{font-size:9px;font-style:italic;color:var(--muted);line-height:1.3}.cc-cost{position:absolute;left:0;right:0;bottom:0;padding:7px 10px;background:#0a0e14e6;border-top:2px solid var(--ink);font-size:11px;font-weight:900;letter-spacing:1px;color:var(--gold);text-align:center}.crew-card.is-unique .cc-cost{background:#1e1608eb}.shop-item.mod-item{border-color:#8a6b1f}.shop-item.mod-item:not(:disabled){border-color:var(--gold);box-shadow:0 0 14px #ffd95e40,4px 4px #000000a6}.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:9px;font-weight:900;letter-spacing:1px;color:var(--gold)}.shop-item{position:relative;width:172px;min-height:212px;background:var(--panel);border:3px solid var(--ink);border-radius:14px;padding:12px 10px 10px;color:var(--text);box-shadow:4px 4px #000000a6;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;overflow:hidden;transition:transform .12s ease,border-color .12s 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(--teal-glow)}}.shop-item:disabled{opacity:.55;filter:grayscale(.6)}.shop-item.rarity-rare{border-color:#4da9ff}.shop-item.rarity-epic{border-color:#c77dff}.shop-item.rarity-legendary{border-color:var(--gold);box-shadow:0 0 12px #ffd95e66}.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(--green);margin-bottom:auto;text-shadow:0 2px 8px #000}.si-name{position:relative;font-size:12.5px;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:10px;color:#c8d2e0;text-align:center;line-height:1.3;text-shadow:0 1px 3px #000}.si-cost{position:relative;font-size:12px;font-weight:900;color:var(--gold);background:#0a0e14cc;border:2px solid var(--ink);border-radius:8px;padding:2px 10px}#event-art{width:min(88vw,430px);height:216px;border-radius:14px;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:12px;width:min(92vw,460px)}.event-outcome{display:flex;flex-direction:column;align-items:center;gap:10px;padding:4px 0 2px}.eo-choice{font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--dim)}.eo-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.eo-chip{background:#ffd95e1f;border:2px solid var(--gold);color:var(--gold);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:900;letter-spacing:.08em;white-space:nowrap}.event-continue{align-items:center;text-align:center;border-color:var(--teal-glow)}.event-option{background:var(--panel);border:3px solid var(--ink);border-radius:12px;padding:12px 16px;color:var(--text);text-align:left;box-shadow:4px 4px #000000a6;display:flex;flex-direction:column;gap:3px;transition:transform .12s ease,border-color .12s ease}@media(hover:hover){.event-option:hover{transform:translateY(-3px);border-color:#c77dff}}.event-option b{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;color:#c77dff}.event-option span{font-size:11px;color:var(--muted)}#draft-grid{display:flex;gap:14px;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(--panel);border:3px solid var(--ink);border-radius:14px;padding:0 0 12px;color:var(--text);box-shadow:5px 5px #000000b3;display:flex;flex-direction:column;align-items:center;gap:6px;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}@media(hover:hover){.class-option:hover{transform:translateY(-4px);border-color:var(--teal-glow);box-shadow:5px 9px #000000b3,0 0 22px #4df0f44d}}.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(--plate-ui));border-bottom:3px solid var(--ink)}#btn-start.confirming{background:#d84a3f;border-color:#f54;color:#fff;animation:confirmPulse .9s ease-in-out infinite}@keyframes confirmPulse{0%,to{box-shadow:0 0 #f540}50%{box-shadow:0 0 18px #ff55448c}}#galaxy-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:4px 0 2px}.galaxy-option{display:flex;flex-direction:column;gap:3px;align-items:flex-start;min-width:260px;padding:10px 14px;background:var(--panel);border:2px solid #26364a;border-radius:12px;color:var(--text);text-align:left;transition:border-color .12s ease,transform .12s ease}.galaxy-option b{font-size:13px;font-weight:900;letter-spacing:1px}.galaxy-option span{font-size:11px;color:var(--muted)}.galaxy-option.active{border-color:var(--teal-glow);box-shadow:0 0 14px #4df0f440}.galaxy-option.locked{opacity:.55}.galaxy-option:not(:disabled):hover{transform:translateY(-2px);border-color:var(--teal-glow)}.class-option h3{font-size:15px;font-weight:900;letter-spacing:1px;color:var(--teal-glow);padding:0 8px}.class-stats{display:flex;gap:8px;font-size:13px;font-weight:900}.class-stats span:nth-child(1){color:#ff9a50}.class-stats span:nth-child(2){color:#6fb0ff}.class-stats span:nth-child(3){color:var(--teal-glow)}.class-stats span:nth-child(4){color:var(--green)}.class-perk{font-size:10.5px;font-weight:800;letter-spacing:.5px;color:var(--gold);padding:0 10px}.trait.recruit-tag{background:#1f8a74;color:#dffff7}.trait.skill-tag{background:#103a44;color:var(--teal-glow);border:1px solid rgba(77,240,244,.5)}.trait.quirk-tag{background:#16331a;color:#8bff4d;border:1px solid rgba(139,255,77,.45)}#hq-cores{font-size:20px;font-weight:900;color:var(--gold)}#hq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;width:min(94vw,760px)}.upgrade{display:grid;grid-template-columns:44px 1fr auto;grid-template-areas:"icon name cost" "icon desc cost" "icon lvl cost";align-items:center;text-align:left;gap:2px 10px;background:var(--panel);border:3px solid var(--ink);border-radius:12px;padding:12px;color:var(--text);box-shadow:4px 4px #000000b3}.upgrade:disabled{opacity:.55;cursor:default}.upgrade.maxed{outline:2px solid var(--gold)}.up-icon{grid-area:icon;width:56px;height:56px;justify-self:center;align-self:center;background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 3px 4px rgba(0,0,0,.55))}.up-name{grid-area:name;font-weight:900;font-size:14px}.up-desc{grid-area:desc;font-size:12px;color:var(--muted)}.up-lvl{grid-area:lvl;font-size:12px;color:var(--gold);letter-spacing:2px}.up-cost{grid-area:cost;font-weight:900;color:var(--gold);font-size:15px}.help-body{max-width:600px;text-align:left;display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.55;color:var(--muted)}.help-body b{color:var(--text)}kbd{background:var(--panel);border:2px solid var(--ink);border-radius:5px;padding:1px 7px;font-size:12px;font-weight:900;color:var(--teal-glow)}#death-stats{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.dstat{background:var(--panel);border:3px solid var(--ink);border-radius:12px;padding:14px 22px;display:flex;flex-direction:column;box-shadow:4px 4px #000000b3}.dstat b{font-size:30px;font-weight:900}.dstat span{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:800}.dstat.earn b{color:var(--gold)}.dstat.unlock{border-color:var(--gold);animation:unlockPop .5s ease}.dstat.unlock b{color:var(--gold)}.dstat.unlock span{color:#e8cf8a}@keyframes unlockPop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.class-tab.locked{opacity:.55;filter:grayscale(.75)}.class-tab.locked .tab-art{filter:brightness(.4)}.class-tab.act-locked{opacity:.6}.class-tab.act-locked .tab-art{filter:brightness(.5) sepia(.3)}.tab-lock{position:absolute;font-size:20px;left:50%;top:18px;transform:translate(-50%);text-shadow:0 2px 6px #000}#death-title{color:var(--red)}@media(max-aspect-ratio:4/5)and (max-width:700px){#status{top:auto;bottom:calc(206px + var(--safe-bottom))}#btn-endturn{bottom:calc(206px + var(--safe-bottom))}#btn-undo{bottom:calc(266px + var(--safe-bottom))}#hint{bottom:calc(306px + var(--safe-bottom))}#btn-cancel-target{top:auto;bottom:calc(352px + var(--safe-bottom))}.card{width:23vw}#unit-popup{bottom:calc(188px + var(--safe-bottom))}.pop-card.hostile{width:min(72vw,240px)}.pop-card.hostile .pop-art{width:58px;min-height:86px}.pop-card.hostile h3{font-size:12px}.pop-card.hostile .pop-doctrine{font-size:9.5px;letter-spacing:.6px}.pop-card.hostile .trait{font-size:8.5px;padding:1px 5px}.pop-card.hostile .pop-note{font-size:9.5px}}@media(max-width:520px){#topbar{gap:6px}#floor-name{display:none}#floor-chip{padding:6px 10px;gap:6px}#floor-num{font-size:18px}#quota-chip{padding:6px 9px;font-size:13px}#cores-chip{padding:6px 10px}#btn-pause{flex-shrink:0}}@media(max-height:480px)and (min-aspect-ratio:5/4){#hint{bottom:auto;top:calc(64px + var(--safe-top));max-width:44vw}#atk-chip,#def-chip,#squad-chip,#credits-chip{display:none}#hpbar{width:30vw}#btn-cancel-target{bottom:auto;top:calc(112px + var(--safe-top))}.card{width:104px;min-height:100px}.card-name{font-size:10.5px}.card-desc{font-size:9px}#bench{padding-bottom:calc(12px + var(--safe-bottom))}#btn-endturn{bottom:calc(158px + var(--safe-bottom))}#btn-undo{bottom:calc(214px + var(--safe-bottom))}#unit-popup{bottom:calc(12px + var(--safe-bottom));z-index:8}}@media(max-aspect-ratio:4/5)and (max-width:520px){#atk-chip,#def-chip,#squad-chip,#credits-chip{display:none}#hpbar{width:36vw}#portrait{width:52px;height:52px}#btn-endturn{padding:10px 12px;font-size:12px;letter-spacing:1px}#btn-undo{padding:8px 12px;font-size:11px}#substats{flex-wrap:wrap;max-width:calc(100vw - 170px);row-gap:4px}#buff-row{max-width:calc(100vw - 170px)}}@media(min-width:700px)and (max-width:1200px){#btn-endturn{bottom:calc(232px + var(--safe-bottom))}#btn-undo{bottom:calc(288px + var(--safe-bottom))}}@media(max-width:520px),(max-aspect-ratio:4/5)and (max-width:700px){.screen{gap:8px;padding:calc(10px + var(--safe-top)) 12px calc(10px + var(--safe-bottom))}.screen h2{font-size:clamp(20px,6.5vw,28px);letter-spacing:2px;flex-shrink:0}.screen>.lore,.lore{font-size:12px;line-height:1.35}.menu{gap:8px;width:min(90vw,320px)}.menu button,.back{padding:10px 14px;font-size:13px;letter-spacing:1.5px}.menu button.big{font-size:16px}#screen-title{overflow:hidden}.title-panel{gap:8px;padding:calc(10px + var(--safe-top)) 6px calc(10px + var(--safe-bottom));width:min(92vw,400px);max-height:100%;box-sizing:border-box;overflow:hidden}#screen-title h1{font-size:clamp(34px,11vw,52px)}#screen-title .subtitle{letter-spacing:5px;font-size:12px}#screen-title .lore{font-size:12px;line-height:1.35;max-width:34em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}#title-stats{font-size:10px}#screen-class{overflow:hidden;max-height:100dvh;height:100%;gap:6px;padding:calc(8px + var(--safe-top)) 10px calc(8px + var(--safe-bottom))}#screen-class:before,#screen-class:after{content:none;margin:0}#screen-class h2{font-size:clamp(18px,5.5vw,24px)}#screen-class .lore{font-size:11px;line-height:1.25;flex-shrink:0;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}#class-tabs{flex-shrink:0;gap:6px;width:100%;flex-wrap:wrap;justify-content:center}.class-tab{min-width:46px;max-width:56px;border-width:2px;border-radius:10px}.tab-art{height:46px}#class-detail{flex:1 1 0;min-height:0;height:auto;max-height:none;width:100%}.cd-left{height:148px}.cd-art{flex:0 0 118px;width:118px}.cd-left-body{padding:6px 8px 8px;gap:3px}.cd-left-body h3{font-size:13px}.cd-role{font-size:9.5px;letter-spacing:1px}.class-desc{font-size:10px;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.cd-perk{font-size:9.5px;line-height:1.25}.cd-traits{padding:4px 6px;gap:2px}.cd-right{padding:8px 8px 10px}.cd-right h4{font-size:10px;margin:0 0 6px}.cd-h4-gap{margin-top:8px!important}.cd-deck{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:5px}.mini-card{height:86px;padding:4px;border-radius:8px}.mini-name{font-size:9.5px}.mini-desc{font-size:9px;-webkit-line-clamp:2}.mini-cost{width:18px;height:18px;font-size:10px}.mini-tag{font-size:8.5px;padding:0 3px}#galaxy-row{flex-shrink:0;flex-wrap:nowrap;gap:6px;width:100%;padding:0}.galaxy-option{flex:1 1 0;min-width:0;padding:6px 8px;gap:1px;border-radius:10px}.galaxy-option b{font-size:10px;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.galaxy-option span{font-size:9px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}#class-actions{flex-shrink:0;gap:8px;width:100%}#btn-deploy{height:44px;line-height:38px;font-size:14px;padding:0 14px}#class-actions .back{padding:10px 12px}#screen-hq{overflow:hidden;max-height:100dvh;height:100%;gap:6px}#screen-hq:before,#screen-hq:after{content:none;margin:0}#screen-hq>.lore{flex-shrink:0;margin:0;font-size:11px;line-height:1.3}#hq-cores{font-size:15px;flex-shrink:0}#hq-grid{grid-template-columns:1fr 1fr;gap:6px;width:100%;flex:1 1 auto;min-height:0;align-content:start;overflow:hidden}.upgrade{grid-template-columns:28px 1fr auto;gap:1px 6px;padding:7px 8px;border-width:2px;border-radius:10px;box-shadow:3px 3px #000000a6}.up-icon{width:28px;height:28px}.up-name{font-size:11px;line-height:1.15}.up-desc{font-size:9px;line-height:1.2}.up-lvl{font-size:10px;letter-spacing:1px}.up-cost{font-size:12px}#screen-hq>.back{flex-shrink:0;margin-top:2px}#screen-help{overflow:hidden;max-height:100dvh;height:100%;gap:8px}#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:8px;font-size:12px;line-height:1.4;padding-right:2px}#screen-help>.back{flex-shrink:0}#screen-pause,#screen-death{overflow:hidden;max-height:100dvh;height:100%;gap:10px}#death-flavor{font-size:12px;line-height:1.35;max-width:34em}#death-stats{gap:8px}.dstat{padding:10px 14px}.dstat b{font-size:22px}#screen-event{overflow:hidden;max-height:100dvh;height:100%;gap:8px}#screen-event:before,#screen-event:after{content:none;margin:0}#event-art{width:min(86vw,360px);height:150px;flex-shrink:0;border-width:3px}#event-name{flex-shrink:0}#event-text{font-size:12px;line-height:1.35;flex-shrink:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}#event-options{gap:8px;width:min(94vw,460px);flex:1 1 auto;min-height:0;overflow-y:auto}.event-option{padding:10px 12px;gap:2px}.event-option b{font-size:12px}.event-option span{font-size:10px}#screen-reward,#screen-draft{overflow:hidden;max-height:100dvh;height:100%;gap:8px}#screen-reward:before,#screen-reward:after,#screen-draft:before,#screen-draft:after{content:none;margin:0}#reward-grid{gap:10px;margin:6px 0 4px;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:11px;flex-shrink:0}#btn-reward-skip,#btn-draft-skip{flex-shrink:0}#draft-grid{gap:8px;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:12px}.class-stats{font-size:11px;gap:6px}.class-perk{font-size:9px}#screen-shop{overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:100dvh;justify-content:flex-start;gap:10px}#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:8px;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:22px;letter-spacing:2px;flex-shrink:0}#screen-title{justify-content:flex-start;overflow-y:auto}.title-panel{max-height:none;overflow:visible}.title-panel{gap:6px}#screen-title .menu{width:min(56vw,300px);gap:7px}#screen-title .menu button{padding:9px 14px;font-size:13px}#screen-title .lore{font-size:11px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}#class-detail{flex-shrink:0;height:auto;min-height:min(72vh,340px);max-height:none}#class-tabs{flex-shrink:0}.tab-art{height:44px}.tab-name{font-size:8.5px}#galaxy-row{flex-shrink:0}.menu{width:min(60vw,320px)}.menu button,.back{padding:10px 16px;font-size:13px}#map-destinations{grid-template-columns:repeat(4,minmax(0,1fr))}#shop-hero{min-height:72px;aspect-ratio:11 / 1}#shop-hero h2{font-size:20px}#shop-hero .lore{font-size:11px}}@media(max-height:700px)and (max-width:520px){#screen-title .lore{-webkit-line-clamp:3;font-size:11px}.title-panel{gap:6px;padding:calc(6px + var(--safe-top)) 4px calc(6px + var(--safe-bottom))}.menu button,.back{padding:9px 12px;font-size:12px}.menu button.big{font-size:15px}#screen-class .lore{display:none}.cd-left{height:120px}.cd-art{flex:0 0 100px;width:100px}.mini-card{height:74px}.cd-deck{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:4px}#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:6px 7px}}@media(max-height:540px){.screen:not(#screen-map){overflow-y:auto;justify-content:flex-start}#screen-title{overflow-y:auto}}