:root{--bg: #0d0f13;--panel: #161a21;--panel-2: #1d222b;--line: #2a3038;--ink: #e6e9ee;--ink-dim: #98a1ae;--ink-faint: #5f6875;--accent: #7fd4c1;--warn: #d98b6a;--me: #f0c674;--radius: 10px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Pretendard,Noto Sans KR,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.7;-webkit-text-size-adjust:100%}#app{max-width:1040px;margin:0 auto;padding:0 16px 56px;min-height:100vh}@media (min-width: 900px) and (min-height: 620px){body.locked{overflow:hidden}body.locked #app{max-width:1080px;height:100vh;padding-bottom:10px;display:flex;flex-direction:column;min-height:0}body.locked .top{padding:10px 0 8px;margin-bottom:10px}body.locked #screen-round{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}}.top{display:flex;align-items:baseline;justify-content:space-between;padding:18px 0 14px;border-bottom:1px solid var(--line);margin-bottom:18px}.brand{font-size:18px;letter-spacing:.04em}.brand .sub{color:var(--ink-faint);font-size:12px;margin-left:6px}.seedbox{color:var(--ink-faint);font-size:12px;font-variant-numeric:tabular-nums}.screen{animation:fade .25s ease}.screen.narrow{max-width:560px;margin:0 auto}.hidden{display:none!important}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.lede{color:var(--ink-dim);font-size:15px;margin:4px 0 22px}.label{font-size:12px;color:var(--ink-faint);letter-spacing:.08em}.hint{font-size:12px;color:var(--ink-faint);margin:10px 0 0}.muted{color:var(--ink-faint);font-weight:400;font-size:12px}.roster{display:grid;gap:10px;margin-bottom:24px;grid-template-columns:repeat(auto-fill,minmax(232px,1fr))}.char{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;color:var(--ink);cursor:pointer;font:inherit;transition:border-color .15s,background .15s;display:flex;align-items:flex-start;gap:11px}.char-body{flex:1;min-width:0}.char-body>.line{display:block}.pf{flex:none;width:76px;height:76px;border-radius:12px;object-fit:cover;background:var(--panel-2);border:1px solid var(--line)}.pf-none{display:grid;place-items:center;font-size:26px;color:var(--ink-faint);font-weight:500;background:var(--panel-2)}.char[aria-pressed=true] .pf{border-color:var(--accent);box-shadow:0 0 0 2px #7ad6c438}.char:not([aria-pressed=true]) .pf{filter:saturate(.72) brightness(.86)}.char:hover .pf{filter:none}.char:hover{border-color:#3a424e}.char[aria-pressed=true]{border-color:var(--accent);background:var(--panel-2)}.char-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.char-head .job{min-width:0}.char .name{font-size:15px}.char .job{color:var(--ink-faint);font-size:11px}.char .tag{margin-left:auto;font-size:10px;color:var(--accent);border:1px solid #2f4f48;border-radius:999px;padding:1px 7px}.char .line{color:var(--ink-dim);font-size:12px;margin-top:3px}.char .traits{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:8px;font-size:10.5px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.char .traits b{color:var(--ink-dim);font-weight:500}.char .traits .k{margin-right:2px}.char .traits i{font-style:normal;margin-left:2px}.char .traits i.up{color:var(--accent)}.char .traits i.down{color:var(--warn)}.hand{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px 11px;margin-top:14px}.hand.spent{opacity:.55}.hand-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.hand-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.card{display:flex;flex-direction:column;gap:2px;text-align:left;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:9px 12px;color:var(--ink);font:inherit;cursor:pointer;transition:border-color .15s,background .15s,opacity .15s}.card:hover:not(:disabled){border-color:var(--accent)}.card:disabled{cursor:default}.card.static{cursor:default}.card-q{font-size:14px}.card-d{font-size:11px;color:var(--ink-faint);line-height:1.45}.card-s{font-size:10.5px;color:var(--me);min-height:15px}.card.armed{border-color:var(--me);background:#241f16}.card.used{opacity:.38}.card.used .card-s{color:var(--ink-faint)}body.locked .hand{padding:7px 12px 8px;margin-top:10px}body.locked .hand-head{margin-bottom:5px}body.locked .hand-cards{gap:6px}body.locked .card{padding:6px 10px;gap:1px}body.locked .card-q{font-size:13px}body.locked .card-d{font-size:10.5px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.locked .card-s{min-height:0;font-size:10px}.deckbox{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin-bottom:24px}button.primary{width:100%;background:var(--accent);color:#0d1714;border:0;border-radius:var(--radius);padding:14px;font:inherit;font-size:15px;cursor:pointer;margin-top:20px}button.primary:disabled{background:#2b332f;color:var(--ink-faint);cursor:default}button.ghost{background:none;border:1px dashed var(--line);border-radius:var(--radius);color:var(--ink-dim);padding:9px 14px;font:inherit;font-size:13px;cursor:pointer;margin-top:10px;width:100%}button.ghost:hover{border-color:#3a424e;color:var(--ink)}.stage{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 800px){.stage{grid-template-columns:minmax(320px,1fr) minmax(320px,400px);align-items:start}}@media (min-width: 900px) and (min-height: 620px){body.locked .stage{flex:1;min-height:0;align-items:stretch;grid-template-columns:minmax(320px,1fr) minmax(330px,440px)}body.locked .stage-map,body.locked .stage-side{min-height:0;display:flex;flex-direction:column}body.locked .gridmap{flex:1;min-height:0;display:flex;flex-direction:column}body.locked .mapsvg{flex:1 1 0;min-height:0;width:auto;max-width:100%;align-self:center;aspect-ratio:378 / 375}body.locked .mapsvg svg{height:100%}body.locked .feed{flex:1;min-height:0;max-height:none}}.gridmap{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:9px 12px 10px}.gridmap-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:5px}.gridmap-label{font-size:12px;color:var(--ink-faint);letter-spacing:.08em}#map-caption{font-variant-numeric:tabular-nums}.mapsvg{max-width:460px;margin:0 auto;width:100%}.mapsvg svg{display:block;width:100%;height:auto}.mapsvg .ax{font-size:9.5px;fill:#7d8794;text-anchor:middle;font-family:inherit}.mapsvg .nm{font-size:9px;fill:#ffe0d1;text-anchor:middle;font-family:inherit}.mapsvg .gl{stroke:#ffffff0d;stroke-width:1;fill:none}@media (max-width: 799px){.wrap{padding:12px 12px 18px}.mapsvg{max-width:min(100%,58vh)}.gridmap{padding:7px 9px 8px}.feed{max-height:34vh;overflow-y:auto}.card{min-height:44px;justify-content:center}.map-key{font-size:10px}body.locked .hand-cards{grid-template-columns:repeat(3,1fr);gap:5px}body.locked .card{padding:6px;text-align:center;align-items:center}body.locked .card-q{font-size:12.5px}body.locked .card-d{display:none}body.locked .card-s{font-size:9.5px}body.locked .st-traits{display:none}body.locked .panel{padding:9px 12px}}@media (max-width: 899px) and (orientation: landscape) and (max-height: 520px){.stage{grid-template-columns:minmax(0,1fr) minmax(230px,1fr)}.mapsvg{max-width:min(100%,72vh)}.feed{max-height:50vh}}.map-now{margin-top:7px;padding:6px 10px;min-height:32px;background:#12161c;border-left:2px solid #333c47;border-radius:0 4px 4px 0;font-size:12.5px;line-height:1.45;color:var(--ink-dim)}.map-now.me{color:var(--me);border-left-color:var(--me)}.map-now.forbidden{color:var(--warn);border-left-color:var(--warn)}.map-now.out{color:#c9a0a0;border-left-color:#6b4a4a}.map-now.win{color:var(--me);border-left-color:var(--me)}.map-now.ch-hint{color:#7d8794;font-style:italic}.map-key{display:flex;flex-wrap:wrap;gap:2px 9px;margin-top:7px;font-size:10px;color:var(--ink-faint);line-height:1.6}.map-key .mk{display:inline-flex;align-items:center;gap:3px}.map-key .mk-br{flex-basis:100%;height:0}.map-key .sw{width:14px;height:14px;border-radius:3px;font-style:normal;display:inline-flex;align-items:center;justify-content:center;font-size:10px}.map-key .sw-t{padding:1.5px}.map-key .sw-t svg{width:100%;height:100%;display:block}.map-key .mk-mine{background:#2f5d43;box-shadow:inset 0 0 0 2px var(--me)}.map-key .mk-now{background:#2f5d43}.map-key .mk-mem{background:#102017}.map-key .mk-none{background:#080a0d;box-shadow:inset 0 0 0 1px #23272e}.map-key .mk-warn{background:#d98b6a29;box-shadow:inset 0 0 0 1.5px #d98b6ad9}.map-key .mk-forb{background:#14161a;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.16) 0 2px,transparent 2px 5px)}.status{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin-bottom:10px}.status-row{display:flex;align-items:center;gap:10px}.st-state{margin-left:auto}.st-portrait{display:flex;flex:none}.st-portrait .pf{width:72px;height:72px;border-radius:12px}.st-portrait .pf-none{font-size:26px}.st-portrait.out .pf{filter:grayscale(1);opacity:.45}@media (max-width: 799px){.st-portrait .pf{width:46px;height:46px;border-radius:10px}.st-portrait .pf-none{font-size:17px}}.st-name{font-size:15px}.st-state{font-size:12px;color:var(--ink-faint)}.st-state.out{color:var(--warn)}.bar-row{display:flex;justify-content:space-between;font-size:11px;margin-top:8px}.bar-row .k{color:var(--ink-faint)}.bar-row .v{color:var(--ink-dim);font-variant-numeric:tabular-nums}.dmgbar{height:4px;background:#262c35;border-radius:2px;margin:4px 0 10px;overflow:hidden}.dmgbar i{display:block;height:100%;width:0;background:var(--warn);transition:width .35s ease}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px 14px;font-size:12px}.status-grid .k{color:var(--ink-faint);margin-right:6px}.status-grid .v{color:var(--ink-dim)}.st-traits{display:flex;flex-wrap:wrap;gap:3px 10px;margin-top:9px;font-size:10.5px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.st-traits b{color:var(--ink-dim);font-weight:500;margin-left:3px}.st-traits i{font-style:normal;margin-left:2px}.st-traits i.up{color:var(--accent)}.st-traits i.down{color:var(--warn)}.st-traits.mood b{color:var(--accent)}.playbar{display:flex;align-items:center;gap:6px;font-size:12px;margin-bottom:10px}.playbar .spacer{flex:1}.playbar .speed{background:none;border:1px solid var(--line);border-radius:999px;color:var(--ink-faint);font:inherit;font-size:11px;padding:4px 10px;cursor:pointer}.playbar .speed:hover{border-color:#3a424e;color:var(--ink)}.playbar .speed[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.feed{display:flex;flex-direction:column;gap:2px;font-size:14px;max-height:46vh;overflow-y:auto;padding-right:4px}@media (min-width: 900px){.feed{max-height:58vh}}.feed .ln{padding:3px 0;animation:fade .2s ease}.feed .ch-world{background:#12161c;border-left:2px solid #333c47;padding:4px 10px;margin:5px 0 1px;border-radius:0 4px 4px 0;font-size:12.5px;letter-spacing:.02em;color:var(--ink-dim)}.feed .ch-world.round{color:var(--ink-faint);margin-top:12px}.feed .ch-world.forbidden{color:var(--warn);border-left-color:var(--warn)}.feed .ch-world.out{color:#c9a0a0;border-left-color:#6b4a4a}.feed .ch-world.win{color:var(--me);border-left-color:var(--me);font-size:14px}.feed .ch-hint{color:#7d8794;font-style:italic;font-size:13px}.feed .ch-char.move{color:var(--ink-dim);font-style:italic}.feed .ch-char.loot{color:var(--accent)}.feed .ch-char.me{color:var(--me)}.feed .ch-char.snipe{color:var(--warn)}.feed .ch-char.strike{color:#d0a0a0}.feed .ch-char.brush{color:var(--ink-faint);font-style:italic}.feed .ch-char.call{color:var(--accent)}.result-top{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px 15px;margin:6px 0 16px}.result-rank{display:flex;align-items:baseline;gap:2px;line-height:1}.result-rank b{font-size:48px;font-weight:600;color:var(--me);font-variant-numeric:tabular-nums}.result-rank span{font-size:15px;color:var(--ink-dim);margin-left:2px}.result-far{font-size:14px;color:var(--ink);margin-top:10px}.result-track{height:5px;background:#262c35;border-radius:3px;margin:7px 0 11px;overflow:hidden}.result-track i{display:block;height:100%;width:0;background:var(--me);border-radius:3px}.result-where{font-size:12px;color:var(--ink-faint)}.result-winner{font-size:13px;color:var(--ink-dim);margin-top:6px}.result-winner b{color:var(--accent);font-weight:500}.result-list-head{display:block;margin-bottom:6px}.ranking{list-style:none;counter-reset:r;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.ranking li{counter-increment:r;display:flex;align-items:baseline;gap:9px;padding:6px 8px;border-bottom:1px solid var(--line);font-size:13px}.ranking li:before{content:counter(r);color:var(--ink-faint);font-size:11px;min-width:16px;font-variant-numeric:tabular-nums}.ranking li.mine{background:var(--panel);color:var(--me)}.talk-who{font-size:13px;color:var(--ink-faint);margin-bottom:10px}.talk-prompt{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;font-size:15px;margin-bottom:18px}.talk-choices{display:grid;gap:8px}.talk-choice{text-align:left;background:none;border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;color:var(--ink);font:inherit;font-size:14px;cursor:pointer}.talk-choice:hover{border-color:var(--accent)}.talk-response{margin-top:18px;padding:14px 16px;background:var(--panel-2);border-left:2px solid var(--accent);font-size:15px}.talk-delta{margin-top:12px;font-size:12px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.talk-delta b{color:var(--accent);font-weight:500}.pickwrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.pickcol{min-width:0}.roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;margin-top:8px}.tile{position:relative;display:block;padding:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden;cursor:pointer;text-align:left;transition:border-color .16s ease,transform .16s ease}.tile .pf{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover}.tile .pf-none{display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;font-size:30px;color:var(--ink-faint);background:var(--panel-2)}.tile:not([aria-pressed=true]) .pf{filter:saturate(.7) brightness(.82)}.tile:hover{border-color:#3a424e;transform:translateY(-1px)}.tile:hover .pf{filter:none}.tile[aria-pressed=true]{border-color:var(--accent)}.tile[aria-pressed=true] .pf{filter:none}.tile-cap{display:block;padding:14px 8px 7px;background:linear-gradient(to top,#0d0f13fa 55%,#0d0f1300);margin-top:-40px;position:relative}.tile-name{display:block;font-size:13px;line-height:1.3}.tile-job{display:block;font-size:10px;color:var(--ink-faint)}.tile-tag{position:absolute;top:6px;right:6px;font-size:9px;padding:1px 5px;border-radius:999px;background:#7fd4c129;color:var(--accent);border:1px solid rgba(127,212,193,.3)}.detail{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:14px;position:sticky;top:12px}.detail-empty{color:var(--ink-faint);font-size:13px}.detail-head{display:flex;gap:10px;align-items:center;margin-bottom:12px}.detail-head .pf{width:52px;height:52px;border-radius:8px;object-fit:cover;flex:none}.detail-head .pf-none{width:52px;height:52px;border-radius:8px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--panel-2);color:var(--ink-faint)}.detail-name{font-size:17px}.detail-job{font-size:11px;color:var(--ink-faint);line-height:1.4}.detail-sec{margin-top:14px}.detail-sec .label{font-size:11px;color:var(--ink-faint);margin-bottom:6px}.bullets{margin:0;padding-left:16px;font-size:12.5px;color:var(--ink-dim)}.bullets li{margin:3px 0}.stats{display:flex;flex-direction:column;gap:5px}.stat-row{display:grid;grid-template-columns:44px 34px 1fr;gap:6px;align-items:baseline;font-size:12px;padding-bottom:4px;border-bottom:1px solid rgba(42,48,56,.6)}.stat-k{color:var(--ink-faint)}.stat-v{color:var(--ink);font-weight:600}.stat-d{color:var(--ink-dim);font-size:11.5px;line-height:1.5}.warbar{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--panel-2),var(--panel));padding:8px 12px;margin-bottom:10px}.warbar-main{display:flex;align-items:center;gap:12px}.warbar-turn b{font-size:20px;color:var(--me);margin-right:4px}.warbar-turn span{font-size:11px;color:var(--ink-faint)}.warbar-alive{font-size:12px;color:var(--ink-dim);white-space:nowrap}.warbar-alive b{color:var(--ink);font-size:15px}.warbar-pips{display:flex;gap:3px;flex:1;min-width:0}.pip{flex:1;height:6px;border-radius:2px;background:#262c35}.pip.done{background:#3d4753}.pip.now{background:var(--me)}.warbar-note{font-size:11.5px;color:var(--ink-dim);margin-top:4px}.warbar-note b{color:var(--warn)}.bodyrig{display:flex;flex-direction:column;align-items:center;gap:3px;margin:6px 0 8px}.rig-row{display:flex;gap:3px;justify-content:center}.bodyrig .p{display:flex;align-items:center;justify-content:center;min-width:46px;height:20px;border-radius:4px;font-style:normal;font-size:9.5px;letter-spacing:-.02em;background:#223028;color:#7fd4a8;border:1px solid #2e4436}.bodyrig .p1{background:#3a3320;color:#e0bc72;border-color:#4d452a}.bodyrig .p2{background:#3b2426;color:#e08a8a;border-color:#4f2f31}.items{display:inline-flex;gap:5px;flex-wrap:wrap}.it{font-size:11px;padding:1px 7px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);color:var(--ink-dim)}.it-none{color:var(--ink-faint);opacity:.7}.card{position:relative}.card-star{position:absolute;top:4px;right:6px;font-size:11px;color:var(--me)}.card.reco{border-color:#f0c67480}.card-hint{display:block;font-size:10.5px;color:var(--ink-faint);line-height:1.45;margin-top:3px}.card-rate{display:block;font-size:10px;color:var(--accent);margin-top:2px}.card-q.is-used{text-decoration:line-through;opacity:.5}.hand-cards.small .card{padding:6px 8px}.mk-note{flex-basis:100%;margin:6px 0 0;font-size:11px;line-height:1.6;color:var(--ink-dim)}.mk-note b{color:var(--warn)}@media (max-width: 860px){.pickwrap{grid-template-columns:1fr}.detail{position:static}.roster-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.warbar-note{font-size:11px}}