:root{color-scheme:dark;--bg: #05060c;--ink: #e9edfa;--dim: #7883a6;--line: #1d2236;--front: #6cc8ff;--mass: #ff9540;--danger: #ff4d55;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", "Apple SD Gothic Neo", sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font);overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none}#stage{display:block;width:100vw;height:100vh;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none}#ui .corner{position:fixed;display:flex;flex-direction:column;gap:2px}#ui .tl{top:max(12px,env(safe-area-inset-top));left:14px}#ui .tr{top:max(12px,env(safe-area-inset-top));right:14px;align-items:flex-end;gap:10px}#ui .bl{bottom:max(14px,env(safe-area-inset-bottom));left:14px}#ui .stack{display:flex;flex-direction:column;align-items:flex-end;gap:1px}#ui .br{bottom:max(14px,env(safe-area-inset-bottom));right:14px;align-items:flex-end}#ui .label{font:700 9px/1.6 var(--font);letter-spacing:.18em;color:var(--dim)}#ui .value{font:800 26px/1 var(--mono);font-variant-numeric:tabular-nums}#ui .value small{font:700 11px/1 var(--mono);color:var(--dim);margin-left:3px}#ui .mass .value{color:var(--mass);font-size:30px}#ui .ground .value{font-size:21px}#ui .label.core{margin-top:8px}#ui .ground .value{color:var(--front)}#ui .ground.tight .value{color:var(--danger)}#ui .bar{width:118px;height:4px;margin-top:5px;border-radius:2px;background:#171b2c;overflow:hidden}#ui .bar i{display:block;height:100%;border-radius:2px;transition:width .12s linear}#ui .hp i{background:linear-gradient(90deg,#4f7fbf,#9fd4ff)}#ui .hp.hurt i{background:var(--danger)}#ui .ground .bar i{background:var(--front)}#ui .ground.tight .bar i{background:var(--danger)}#ui .wave b{font:800 15px/1.2 var(--mono)}#ui .left{font:700 11px/1.6 var(--mono);color:var(--dim)}#ui .wave em{font-style:normal;color:var(--front);font:700 12px/1.4 var(--font)}#ui .pulse{pointer-events:auto;position:relative;width:82px;height:82px;border:0;border-radius:50%;background:radial-gradient(circle at 50% 38%,#1d3350,#0d1424 70%);box-shadow:inset 0 0 0 1.5px #2e4a72,0 10px 30px -12px #000;color:var(--front);font:800 11px/1 var(--font);letter-spacing:.16em;cursor:pointer;background-image:conic-gradient(var(--front) calc(var(--charge) * 100%),transparent 0);background-clip:padding-box}#ui .pulse:after{content:"";position:absolute;inset:5px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#16263e,#0a1020 72%)}#ui .pulse span{position:relative;z-index:1}#ui .pulse[data-ready="1"]{color:#d9f2ff;box-shadow:inset 0 0 0 1.5px var(--front),0 0 26px -6px var(--front)}#ui .pulse:disabled{color:#47506d}#ui .centre{position:fixed;left:0;right:0;bottom:max(14px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:12px}#ui .centre[hidden]{display:none}#ui .brief{font:600 12px/1.5 var(--mono);color:var(--dim);text-align:center}#ui .brief b{color:var(--ink)}#ui .brief .how{display:inline-block;color:#8f9ec4;font-size:11px;line-height:1.6;margin-bottom:6px}#ui .brief .crack{color:var(--mass)}#ui .brief .chaff{color:#8f9ec4}#ui .go{pointer-events:auto;min-height:50px;padding:0 34px;border:0;border-radius:999px;background:linear-gradient(120deg,#6cc8ff,#9d7bff 60%,#ff9540);color:#070912;font:800 14px/1 var(--font);letter-spacing:.14em;cursor:pointer}#ui .go:disabled{background:#151a2a;color:#4c5474}#ui .draft{position:fixed;inset:auto 0 0;padding:14px 12px max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:10px;background:linear-gradient(180deg,#05060c00,#05060cf5 4%)}#ui .draft[hidden]{display:none}#ui .draft .hint{font:600 11px/1.4 var(--font);color:#6f7c9e;text-align:center;letter-spacing:.02em}#ui .cards{display:flex;gap:8px;justify-content:center;width:100%}#ui .draft .sect{align-self:flex-start;font:800 11px/1 var(--font);letter-spacing:.12em;color:#9aa7c9;padding-left:4px}#ui .draft .sect small{font:600 11px/1 var(--font);letter-spacing:.02em;color:#5f6a8a;margin-left:6px}#ui .shop{display:flex;flex-direction:column;gap:6px;width:100%;align-items:stretch}#ui .shop .sect{color:var(--mass)}#ui .reinforce{pointer-events:auto;display:grid;grid-template-columns:1fr auto;grid-template-areas:"what price" "gives price";column-gap:14px;row-gap:4px;align-items:center;padding:12px 16px;border:1.5px solid #6a4a22;border-radius:14px;background:linear-gradient(120deg,#2a1c0e,#17110b);color:var(--mass);text-align:left;cursor:pointer}#ui .reinforce b{grid-area:what;font:800 14px/1.1 var(--font);letter-spacing:.03em}#ui .reinforce span{grid-area:gives;font:600 10px/1.3 var(--font);color:#b9a184}#ui .reinforce em{grid-area:price;display:flex;flex-direction:column;align-items:flex-end;gap:3px;font:800 14px/1 var(--mono);font-style:normal}#ui .reinforce em i{font:600 10px/1 var(--mono);font-style:normal;color:#7d6a55}#ui .reinforce.can{background:linear-gradient(120deg,#ff9540,#ff6a2a);border-color:#ffc38a;color:#1a0d05;box-shadow:0 0 28px -6px #ff9540cc;animation:buyable 1.6s ease-in-out infinite}#ui .reinforce.can span{color:#4a2a12}#ui .reinforce.can em i{color:#5a3416}@keyframes buyable{0%,to{box-shadow:0 0 22px -8px #ff9540aa}50%{box-shadow:0 0 34px -4px #ff9540ee}}#ui .reinforce:disabled{border-color:var(--line);background:#0d1018;color:#4e556e;cursor:default}#ui .reinforce:disabled span,#ui .reinforce:disabled em i{color:#3b425a}#ui .reinforce:disabled em{color:#5a627e}#ui .build span.hot{color:var(--mass);border-color:#46351f}#ui .card{pointer-events:auto;flex:1 1 0;max-width:200px;min-height:106px;padding:12px 12px 11px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(165deg,#121728,#0a0d18);color:var(--ink);text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:6px}#ui .card:active{border-color:var(--front)}#ui .card b{font:800 17px/1.1 var(--font)}#ui .card .gain,#ui .card .cost{word-break:keep-all}#ui .card .gain{font:600 11px/1.35 var(--font);color:#7ee0a8}#ui .card .cost{font:600 11px/1.35 var(--font);color:#ff8a92;margin-top:auto}#ui .over{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#05060cdd;pointer-events:auto}#ui .over[hidden]{display:none}#ui .over h1{margin:0;font:800 34px/1 var(--font);letter-spacing:.2em;color:var(--danger)}#ui .over p{margin:0;font:600 13px/1.7 var(--mono);color:var(--dim);text-align:center}#ui .over p b{color:var(--ink)}#ui .fail{position:fixed;inset:0;display:grid;place-content:center;padding:24px;font:600 13px/1.7 var(--mono);color:var(--danger);text-align:center}#ui .build{display:flex;flex-wrap:wrap;gap:4px;max-width:46vw;justify-content:flex-end}#ui .build span{font:700 10px/1.7 var(--font);letter-spacing:.06em;padding:0 6px;border-radius:999px;border:1px solid var(--line);color:var(--dim)}#ui .strip{position:fixed;inset:0 0 auto;height:0}#ui .strip[hidden]{display:none}#ui .strip .seat{position:absolute;width:48px;display:flex;flex-direction:column;align-items:center;gap:3px}#ui .strip .seat b{font:700 10px/1 var(--font);color:var(--c, #aeb9d6);letter-spacing:.02em}#ui .strip .seat .mark{font:800 9px/1 var(--font);font-style:normal;letter-spacing:.04em;white-space:nowrap;height:9px}#ui .strip .seat.me-target .mark{color:var(--mass)}#ui .strip .seat.attacker .mark{color:var(--c)}#ui .strip .seat.me-target:before{content:"";position:absolute;top:-45px;left:4px;width:40px;height:40px;border-radius:50%;border:2px solid var(--mass);box-shadow:0 0 14px -2px var(--mass)}#ui .strip .seat.attacker:after{content:"";position:absolute;top:-45px;left:4px;width:40px;height:40px;border-radius:50%;border:1.5px dashed var(--c);opacity:.9}#ui .strip .seat i{display:block;width:30px;height:2px;background:#1a2030;border-radius:1px;overflow:hidden}#ui .strip .seat u{display:block;height:100%;background:var(--front);text-decoration:none}#ui .strip .seat.out{opacity:.32}#ui .strip .seat.out b{text-decoration:line-through}#ui .strip .seat.me-target b{color:var(--mass)}#ui .build span.rank{color:#e8eefc;border-color:#3a4560}#ui .build span.rank small{color:#6f7c9e;font-size:10px}#ui .targets{display:flex;flex-direction:column;gap:6px;width:100%}#ui .targets[hidden]{display:none}#ui .targets .row{display:flex;gap:6px;width:100%}#ui .targets button{pointer-events:auto;flex:1;padding:8px 4px;border:1px solid var(--line);border-radius:10px;background:#0d1018;color:#8f9ec4;font:700 11px/1 var(--font);letter-spacing:.02em;cursor:pointer}#ui .targets button.on{border-color:var(--mass);color:var(--mass);background:#1d140a}#ui .draft .sect small.urgent{color:#ff6a5a}#ui .draft.picked .card{opacity:.35;pointer-events:none}#ui .tl .left{display:flex;gap:10px;align-items:baseline}#ui .tl .rank{font:700 13px/1.2 var(--font);color:#e8eefc}#ui .tl .rank b{font:800 18px/1 var(--mono);color:var(--mass)}#ui .tl .rank small{color:#6f7c9e;font-size:11px}#ui .tl .rank:empty{display:none}#ui .tags .tag{position:fixed;transform:translate(-50%,-50%);padding:3px 7px;border-radius:999px;border:1px solid var(--c);color:var(--c);background:#05060cd9;font:800 10px/1 var(--font);letter-spacing:.04em;white-space:nowrap}#ui .tags .tag[hidden]{display:none}#ui .send{position:fixed;transform:translate(-50%);display:flex;align-items:center;gap:8px;font:700 11px/1 var(--font);color:#8f9ec4}#ui .send[hidden]{display:none}#ui .send .pips{display:flex;gap:4px}#ui .send .pips i{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--mass);opacity:.45}#ui .send .pips i.on{background:var(--mass);opacity:1;box-shadow:0 0 8px -1px var(--mass)}#ui .send .to b{color:var(--c);font-size:12px}#ui .draft .sect .secs{margin-left:auto;font:800 22px/1 var(--mono);color:#e8eefc}#ui .draft .sect .secs.urgent{color:#ff6a5a}#ui .draft .sect{display:flex;align-items:baseline;width:100%}#ui .timer{width:100%;height:4px;border-radius:2px;background:#1a2030;overflow:hidden;margin-top:-4px}#ui .timer[hidden]{display:none}#ui .timer i{display:block;height:100%;background:var(--front)}#ui .timer.urgent i{background:#ff6a5a}#ui .hangar{pointer-events:auto;width:min(92vw,380px);display:flex;flex-direction:column;gap:6px;padding:12px 12px 10px;border:1px solid var(--line);border-radius:14px;background:#0a0d16;box-shadow:0 0 0 100vmax #05060cb8;text-align:left}#ui .hangar .head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}#ui .hangar .tier{font:800 15px/1 var(--font);color:#e8eefc;letter-spacing:.04em}#ui .hangar .tier small{display:block;margin-top:4px;font:600 10px/1 var(--font);color:#6f7c9e;letter-spacing:.02em}#ui .hangar .bank{font:700 11px/1 var(--font);color:#b9a184}#ui .hangar .bank b{font:800 16px/1 var(--mono);color:var(--mass);margin-left:4px}#ui .hangar .row{display:grid;grid-template-columns:1fr auto 64px;align-items:center;gap:10px}#ui .hangar .name{font:700 12px/1 var(--font);color:#d9e2f7}#ui .hangar .name small{display:block;margin-top:3px;font:600 10px/1 var(--font);color:#6f7c9e}#ui .hangar .lvl{font:700 10px/1 var(--mono);color:var(--mass);letter-spacing:.1em}#ui .hangar button{padding:7px 0;border-radius:9px;border:1px solid var(--line);background:#0d1018;color:#4e556e;font:800 11px/1 var(--mono);cursor:default}#ui .hangar button.can{border-color:#ffc38a;background:linear-gradient(120deg,#ff9540,#ff6a2a);color:#1a0d05;cursor:pointer}#ui .hangar .foot{margin-top:4px;font:600 10px/1.4 var(--font);color:#5f6a8a}#ui .over .settle{display:flex;flex-direction:column;gap:4px;width:min(80vw,300px);margin:6px auto 12px}#ui .over .settle .line{display:flex;justify-content:space-between;font:600 12px/1.4 var(--font);color:#8f9ec4}#ui .over .settle .line b{font:800 13px/1.4 var(--mono);color:#e8eefc}#ui .over .settle .line.sum{border-top:1px solid var(--line);padding-top:4px;margin-top:2px}#ui .over .settle .line.sum b{color:var(--mass);font-size:16px}#ui .over .settle .line b small{color:#6f7c9e;font-size:10px}#ui .over .settle .promo{margin-top:6px;padding:8px;border-radius:10px;border:1px solid var(--mass);color:var(--mass);font:800 12px/1.4 var(--font);text-align:center}#ui .mass .carry{display:block;margin-top:2px;font:700 10px/1 var(--font);color:#b9a184;letter-spacing:.02em}#ui .mass .carry:empty{display:none}#ui .mass .carry.duel{color:#ff8a6a}#ui .reinforce.strike{padding:7px 16px}#ui .reinforce{padding:9px 16px}#ui .reinforce.strike b{font-size:14px}#ui .reinforce.strike[hidden]{display:none}:root{--s-guns: #5cc8ff;--s-ring: #6fe8d0;--s-bank: #ff9540;--s-hull: #b9c4dd;--s-raid: #ff7a5c}#ui .sch{font:700 10px/1 var(--font);letter-spacing:.06em;white-space:nowrap}#ui .sch.s-guns{color:var(--s-guns)}#ui .sch.s-ring{color:var(--s-ring)}#ui .sch.s-bank{color:var(--s-bank)}#ui .sch.s-hull{color:var(--s-hull)}#ui .sch.s-raid{color:var(--s-raid)}#ui .sch.none{opacity:.35}#ui .schools{display:flex;gap:12px;justify-content:center;width:100%}#ui .build .sch{border:none;padding:0 2px}#ui .hudschools{position:fixed;transform:translate(-50%);display:flex;gap:10px}#ui .hudschools[hidden]{display:none}#ui .card{position:relative}#ui .card .tag{display:block;align-self:flex-end;margin-bottom:2px;font:800 9px/1 var(--font);font-style:normal;letter-spacing:.08em;opacity:.9}#ui .card.s-guns{border-color:#24435c}#ui .card.s-guns .tag{color:var(--s-guns)}#ui .card.s-ring{border-color:#1f4c42}#ui .card.s-ring .tag{color:var(--s-ring)}#ui .card.s-bank{border-color:#4c3418}#ui .card.s-bank .tag{color:var(--s-bank)}#ui .card.s-hull{border-color:#3a4254}#ui .card.s-hull .tag{color:var(--s-hull)}#ui .card.s-raid{border-color:#542a20}#ui .card.s-raid .tag{color:var(--s-raid)}#ui .card.keystone{border:1.5px solid #ffd166;box-shadow:0 0 18px -4px #ffd166aa;background:linear-gradient(160deg,#221c0c,#12101a)}#ui .card.keystone .tag{color:#ffd166}#ui .card.redraw{flex:0 0 64px;border-style:dashed}#ui .card.redraw b{font-size:13px}#ui .card.redraw.broke{opacity:.4;pointer-events:none}#ui .card.turret{border-color:color-mix(in srgb,var(--t) 45%,#0d1018)}#ui .card.turret .tag,#ui .card.turret b{color:var(--t)}#ui .card .slot{display:block;margin-top:4px;font:700 10px/1.3 var(--font);color:#aeb9d6}#ui .mute{pointer-events:auto;position:fixed;left:14px;bottom:max(14px,env(safe-area-inset-bottom));padding:4px 8px;border-radius:999px;border:1px solid var(--line);background:#0d1018;color:#8f9ec4;font:700 10px/1 var(--font);letter-spacing:.04em;cursor:pointer}#ui .mute.off{color:#4e556e}#ui .placing{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:8px 10px;border-radius:12px;border:1px solid var(--front);background:#0b1a26;font:700 11px/1.3 var(--font);color:#d9f2ff}#ui .placing[hidden]{display:none}#ui .go.small{padding:8px 14px;font-size:13px;min-width:0}#ui .draft.compact .cards,#ui .draft.compact .shop,#ui .draft.compact .targets,#ui .draft.compact .schools,#ui .draft.compact .timer{display:none}#ui .draft.compact{background:linear-gradient(180deg,#05060c00,#05060cf5 30%)}#ui .card.fusion{border:1.5px solid #ffd166;box-shadow:0 0 22px -4px #ffd166cc;background:linear-gradient(160deg,#2a220e,#14101c)}#ui .card.fusion .tag{color:#ffd166}#ui .card.fusion b{color:var(--t);font-size:19px}#ui .card.fusion .cost{color:#c9b27a}#ui .reveal{position:fixed;transform:translate(-50%,-50%) scale(.6);opacity:0;padding:8px 16px;border-radius:999px;border:1.5px solid #ffd166;background:#1a1408f0;color:#ffd166;font:800 20px/1 var(--font);letter-spacing:.06em;white-space:nowrap;box-shadow:0 0 30px -4px #ffd166cc;pointer-events:none}#ui .reveal[hidden]{display:none}#ui .reveal.show{animation:reveal 2.6s ease-out forwards}@keyframes reveal{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}12%{transform:translate(-50%,-50%) scale(1.15);opacity:1}25%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{transform:translate(-50%,-80%) scale(1);opacity:0}}#ui .codexbtn{pointer-events:auto;margin-top:8px;padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:#0d1018;color:#aeb9d6;font:700 11px/1 var(--font);letter-spacing:.06em;cursor:pointer}#ui .codex{pointer-events:auto;position:fixed;inset:12px;overflow:auto;z-index:5;padding:14px;border-radius:16px;border:1px solid var(--line);background:#0a0d16fa}#ui .codex[hidden]{display:none}#ui .codex .head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}#ui .codex .head b{font:800 16px/1 var(--font);color:#e8eefc}#ui .codex .head span{font:600 11px/1 var(--font);color:#6f7c9e}#ui .codex .head button{margin-left:auto;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:#0d1018;color:#aeb9d6;font:700 11px/1 var(--font);cursor:pointer}#ui .codex .grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}#ui .codex .entry{padding:9px 10px;border-radius:12px;border:1px solid var(--line);background:#0f1320;display:flex;flex-direction:column;gap:4px}#ui .codex .entry b{font:800 13px/1.1 var(--font);color:var(--t)}#ui .codex .entry span{font:600 10px/1.35 var(--font);color:#aeb9d6}#ui .codex .entry small{font:600 10px/1.3 var(--font);color:#6f7c9e}#ui .codex .entry.fused{border-color:#3a3520}#ui .codex .entry.fused.known{border-color:#ffd16688}#ui .codex .entry.fused:not(.known) b{color:#6f7c9e}