:root{--ink-900: #06080f;--ink-800: #0a0d18;--ink-700: #101524;--ink-600: #161c30;--ink-500: #1e2640;--ink-400: #2a3352;--line: rgba(150, 175, 225, .14);--line-strong: rgba(180, 200, 245, .28);--gold: #c9a227;--gold-bright: #ffd772;--gold-dim: #7a6320;--blood: #8a1f2f;--blood-bright: #ff5c6e;--text: #e8edf9;--text-dim: #97a3c0;--text-faint: #626e8c;--good: #5ff0b8;--bad: #ff6f83;--warn: #ffc95c;--info: #8ecbff;--radius: 10px;--radius-sm: 6px;--shadow-lg: 0 24px 60px rgba(0, 0, 0, .65);--shadow-md: 0 10px 26px rgba(0, 0, 0, .5);--font-display: "Cinzel", "Noto Sans KR", serif;--font-body: "Noto Sans KR", system-ui, -apple-system, sans-serif;--font-mono: "Share Tech Mono", "Noto Sans KR", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ink-900);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#96afe133;border-radius:4px}.panel{background:linear-gradient(180deg,#161c30eb,#0a0d18f0);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md)}.panel-title{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);padding:10px 12px 8px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:linear-gradient(180deg,var(--ink-500),var(--ink-700));font-size:13px;font-weight:700;letter-spacing:.02em;transition:transform .08s ease,filter .15s ease,border-color .15s ease}.btn:hover:not(:disabled){filter:brightness(1.22);border-color:var(--line-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.38;filter:grayscale(.5)}.btn-primary{border-color:#ffd77280;background:linear-gradient(180deg,#8a6f1e,#4a3a10);color:#fff6db;box-shadow:0 0 0 1px #0006,0 8px 22px #c9a22738}.btn-danger{border-color:#ff5c6e73;background:linear-gradient(180deg,#6b1622,#3a0c12);color:#ffdde1}.btn-ghost{background:transparent;border-color:var(--line);color:var(--text-dim)}.btn-sm{padding:6px 11px;font-size:12px}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;border:1px solid var(--line);font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--text-dim);white-space:nowrap}.tag-lion{color:#ffb877;border-color:#ffb87766;background:#ff8c3c1a}.tag-fox{color:#d9a6ff;border-color:#d9a6ff66;background:#b464ff1a}.tag-cross{color:#e8e8f5;border-color:#e8e8f557;background:#dcdcff14}.tag-coin{color:#ffe08a;border-color:#ffe08a66;background:#ffc83c1a}.tag-none{color:var(--text-faint)}.tag-valuable{color:var(--gold-bright);border-color:#ffd77273;background:#c9a22724}.app{height:100%;display:flex;flex-direction:column;background:radial-gradient(1200px 700px at 50% -12%,rgba(80,60,20,.2),transparent 70%),var(--ink-900)}.lobby{height:100%;overflow-y:auto;padding:26px clamp(16px,4vw,52px) 48px}.lobby-head{text-align:center;margin-bottom:22px}.lobby-crest{font-size:34px;line-height:1;margin-bottom:6px;filter:drop-shadow(0 0 18px rgba(201,162,39,.55))}.lobby-title{font-family:var(--font-display);font-size:clamp(26px,5vw,46px);font-weight:900;letter-spacing:.13em;margin:0;background:linear-gradient(180deg,#ffe9a8 10%,var(--gold) 55%,#6b5316 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lobby-sub{font-family:var(--font-display);font-size:12px;letter-spacing:.34em;color:var(--text-faint);text-transform:uppercase;margin-top:4px}.lobby-maxim{max-width:620px;margin:16px auto 0;padding:12px 18px;border-left:2px solid var(--gold-dim);border-right:2px solid var(--gold-dim);font-size:13px;line-height:1.65;color:var(--text-dim);font-style:italic}.lobby-maxim cite{display:block;margin-top:6px;font-size:11px;letter-spacing:.1em;color:var(--text-faint);font-style:normal}.lobby-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start;max-width:1320px;margin:0 auto}@media (max-width: 1080px){.lobby-grid{grid-template-columns:minmax(0,1fr)}}.roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:10px;padding:12px}.card-piece{position:relative;text-align:left;padding:10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:linear-gradient(170deg,#1e2640d9,#0a0d18e6);display:flex;gap:9px;transition:border-color .14s ease,transform .1s ease,box-shadow .16s ease}.card-piece:hover:not(:disabled){border-color:#ffd7726b;transform:translateY(-2px);box-shadow:0 10px 24px #00000080}.card-piece.is-picked{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 10px 26px #c9a2273d}.card-piece.is-locked{opacity:.42;filter:grayscale(.55);background-image:repeating-linear-gradient(135deg,#ffffff0b 0 6px,#0000 6px 12px)}.card-piece-lock{position:absolute;top:-8px;right:-4px;z-index:2;padding:2px 6px;border-radius:999px;border:1px solid rgba(255,170,92,.45);background:#0e0a06f0;color:#ffb46a;font-size:9.5px;font-weight:800;letter-spacing:.2px;white-space:nowrap;box-shadow:0 2px 8px #0009}.card-piece-slot{position:absolute;top:-7px;left:-7px;width:22px;height:22px;border-radius:50%;background:var(--gold);color:#26200a;font-family:var(--font-display);font-size:11px;font-weight:900;display:grid;place-items:center;box-shadow:0 2px 8px #0000008c}.portrait{flex:0 0 auto;width:54px;height:54px;border-radius:var(--radius-sm);background:radial-gradient(circle at 50% 30%,#788cc82e,#06080fb3);border:1px solid var(--line);overflow:hidden;display:grid;place-items:center}.portrait canvas{display:block;width:100%;height:100%}.portrait-lg{width:82px;height:82px}.card-piece-body{min-width:0;flex:1}.card-piece-name{font-weight:800;font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-piece-title{font-size:10.5px;color:var(--text-faint);margin-top:1px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.statline{display:flex;gap:5px;margin-top:6px;font-family:var(--font-mono);font-size:10.5px}.stat{display:flex;flex-direction:column;align-items:center;min-width:22px;padding:2px 0;border-radius:4px;background:#ffffff0b;border:1px solid rgba(255,255,255,.05)}.stat b{font-size:12px;line-height:1.1}.stat span{font-size:8px;color:var(--text-faint);letter-spacing:.06em}.stat-move b{color:var(--good)}.stat-atk b{color:var(--bad)}.stat-def b{color:var(--info)}.stat-int b{color:#c9a6ff}.card-piece-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:7px}.cost{font-family:var(--font-mono);font-size:11px;color:var(--gold-bright)}.draft-slots{display:flex;flex-direction:column;gap:8px;padding:12px}.draft-slot{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-sm);border:1px dashed var(--line);min-height:62px}.draft-slot.filled{border-style:solid;border-color:var(--line-strong);background:#ffffff08}.draft-slot-role{font-family:var(--font-display);font-size:9.5px;letter-spacing:.16em;color:var(--gold);text-transform:uppercase;width:62px;flex:0 0 auto}.draft-slot-empty{color:var(--text-faint);font-size:11.5px}.field{padding:10px 12px;border-top:1px solid var(--line)}.field-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-dim);margin-bottom:6px;letter-spacing:.04em}.field-label b{color:var(--text);font-family:var(--font-mono)}.seg{display:flex;gap:4px}.seg button{flex:1;padding:7px 4px;font-size:11.5px;font-weight:700;border-radius:var(--radius-sm);border:1px solid var(--line);background:#ffffff08;color:var(--text-dim);transition:all .13s ease}.seg button.on{border-color:#ffd7728c;background:#c9a2272e;color:var(--gold-bright)}input[type=range]{width:100%;accent-color:var(--gold)}.switch{display:flex;align-items:flex-start;gap:9px;padding:9px 12px;border-top:1px solid var(--line);cursor:pointer}.switch input{margin-top:3px;accent-color:var(--gold);flex:0 0 auto}.switch-text b{display:block;font-size:12px}.switch-text span{display:block;font-size:10.5px;color:var(--text-faint);line-height:1.5;margin-top:2px}.hint{font-size:11px;color:var(--text-faint);line-height:1.6;padding:10px 12px;border-top:1px solid var(--line)}.error-line{color:var(--bad);font-size:11.5px;padding:0 12px 10px}.game{position:relative;height:100%;display:grid;grid-template-columns:244px minmax(0,1fr) 268px;grid-template-rows:48px minmax(0,1fr) auto;gap:10px;padding:10px}@media (max-width: 1180px){.game{grid-template-columns:200px minmax(0,1fr) 220px}}.topbar{grid-column:1 / -1;display:flex;align-items:center;gap:12px;padding:0 14px;background:linear-gradient(90deg,#161c30e6,#0a0d18e6);border:1px solid var(--line);border-radius:var(--radius)}.topbar-title{font-family:var(--font-display);font-size:13px;font-weight:900;letter-spacing:.16em;color:var(--gold)}.topbar-sep{width:1px;height:20px;background:var(--line)}.topbar-item{font-size:11.5px;color:var(--text-dim);display:flex;align-items:center;gap:6px}.topbar-item b{color:var(--text);font-family:var(--font-mono)}.topbar-spacer{flex:1}.board-wrap{position:relative;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--ink-900)}.board-canvas{display:block;width:100%;height:100%;cursor:default}.board-canvas.picking{cursor:crosshair}.board-tools{position:absolute;right:10px;bottom:10px;display:flex;flex-direction:column;gap:6px}.board-tools button{width:30px;height:30px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#0a0d18cc;color:var(--text-dim);font-size:14px;display:grid;place-items:center}.board-tools button:hover{color:var(--text);border-color:var(--line-strong)}.rail{display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:auto}.player-card{padding:9px;border-radius:var(--radius-sm);border:1px solid var(--line);background:linear-gradient(170deg,#181e34e0,#090c16e6);position:relative;overflow:hidden}.player-card.active{border-color:#ffd7728c;box-shadow:0 0 0 1px #ffd7724d,0 8px 22px #00000080}.player-card.done{opacity:.6}.player-card-stripe{position:absolute;left:0;top:0;bottom:0;width:3px}.player-head{display:flex;align-items:center;gap:7px;padding-left:5px}.player-name{font-size:12.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.player-badge{font-size:9px;padding:1px 5px;border-radius:3px;background:#ffffff14;color:var(--text-faint);font-weight:700;letter-spacing:.06em}.player-party{display:flex;gap:4px;margin:7px 0 6px;padding-left:5px}.pip-portrait{width:30px;height:30px;border-radius:4px;overflow:hidden;background:#0006;border:1px solid var(--line)}.pip-portrait canvas{display:block;width:100%;height:100%}.meter{height:5px;border-radius:3px;background:#ffffff12;overflow:hidden;margin-left:5px}.meter i{display:block;height:100%;border-radius:3px;transition:width .35s ease}.meter-virtu i{background:linear-gradient(90deg,#5b6bd8,#ffd772)}.meter-virtu.full i{background:linear-gradient(90deg,#ffd772,#fff6db);box-shadow:0 0 10px #ffd772bf}.player-foot{display:flex;align-items:center;gap:6px;margin-top:6px;padding-left:5px;font-size:10px;color:var(--text-faint);font-family:var(--font-mono)}.player-status{display:flex;gap:3px;margin-left:auto;font-family:initial}.side{display:flex;flex-direction:column;gap:10px;min-height:0}.side-scroll{flex:1;min-height:0;overflow-y:auto}.ability-box{padding:11px}.ability-name{font-family:var(--font-display);font-size:14px;font-weight:900;letter-spacing:.06em;display:flex;align-items:center;gap:7px}.ability-tier{font-size:9px;padding:1px 5px;border-radius:3px;border:1px solid currentColor;opacity:.8}.ability-desc{font-size:11px;color:var(--text-dim);line-height:1.6;margin:7px 0 10px}.log{flex:0 0 auto;max-height:230px;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:4px;font-size:11px;line-height:1.55}.log-line{color:var(--text-dim);padding-left:8px;border-left:2px solid transparent}.log-good{color:#b8f5dd;border-left-color:var(--good)}.log-bad{color:#ffc9d1;border-left-color:var(--bad)}.log-combat{color:#ffe0b8;border-left-color:var(--warn)}.log-system{color:var(--text-faint);border-left-color:var(--line-strong)}.hand-bar{grid-column:1 / -1;display:flex;align-items:stretch;gap:10px}.hand{flex:1;display:flex;gap:8px;padding:10px;align-items:stretch;min-height:132px}.card{position:relative;width:116px;flex:0 0 auto;text-align:left;padding:9px;border-radius:8px;border:1px solid var(--line-strong);background:linear-gradient(168deg,#242c48f2,#0c0f1af5);display:flex;flex-direction:column;gap:5px;transition:transform .11s ease,box-shadow .16s ease,border-color .14s ease}.card:before{content:"";position:absolute;inset:0;border-radius:8px;background:linear-gradient(150deg,rgba(255,255,255,.07),transparent 55%);pointer-events:none}.card:hover:not(:disabled){transform:translateY(-6px);box-shadow:0 14px 30px #0009}.card:disabled{opacity:.42;filter:grayscale(.55)}.card-glyph{font-size:19px;line-height:1}.card-name{font-size:12px;font-weight:800;line-height:1.25}.card-desc{font-size:9.5px;color:var(--text-faint);line-height:1.48;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.card-timing{position:absolute;top:7px;right:7px;font-size:8px;letter-spacing:.08em;padding:1px 4px;border-radius:3px;border:1px solid currentColor;opacity:.75}.card-slot-empty{width:116px;flex:0 0 auto;border:1px dashed var(--line);border-radius:8px;display:grid;place-items:center;color:var(--text-faint);font-size:10px}.actions{display:flex;flex-direction:column;gap:8px;padding:10px;width:216px;flex:0 0 auto}.actions .btn{width:100%}.turn-banner{font-family:var(--font-display);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);text-align:center}.dice-tray{position:absolute;left:50%;top:22px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;pointer-events:none;z-index:20}.dice-label{font-family:var(--font-display);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-bright);text-shadow:0 2px 10px rgba(0,0,0,.9)}.dice-row{display:flex;gap:8px}.die{width:42px;height:42px;border-radius:9px;display:grid;place-items:center;font-family:var(--font-mono);font-size:19px;font-weight:700;color:#1b1508;background:linear-gradient(160deg,#fff8e2,#d8c48c);border:1px solid rgba(0,0,0,.35);box-shadow:0 8px 20px #0009,inset 0 -3px 6px #0000002e;animation:die-in .42s cubic-bezier(.2,1.5,.4,1) both}.die.rolling{animation:die-roll .1s linear infinite}.die-d4{border-radius:6px 22px 6px 6px;background:linear-gradient(160deg,#e6f2ff,#9db8d8)}.die-d8{border-radius:22px 6px;background:linear-gradient(160deg,#ffe9e9,#d8a0a0)}.die-judge{background:linear-gradient(160deg,#efe2ff,#b49ad8)}.die-pips{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:30px;height:30px;gap:1px}.die-pips i{width:7px;height:7px;border-radius:50%;background:#1b1508;align-self:center;justify-self:center}@keyframes die-in{0%{transform:translateY(-26px) rotate(-160deg) scale(.5);opacity:0}to{transform:none;opacity:1}}@keyframes die-roll{0%{transform:rotate(0)}to{transform:rotate(90deg)}}.dice-total{font-family:var(--font-mono);font-size:13px;color:var(--text);background:#06080fcc;border:1px solid var(--line);border-radius:999px;padding:3px 12px}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#06080f9e,#030409e6);z-index:40;animation:fade-in .22s ease both}.overlay-full{position:fixed;inset:0;z-index:90;padding:20px;overflow-y:auto;background:radial-gradient(circle at 50% 40%,#140e06c7,#030409f2)}.overlay-full>*{margin:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.combat{width:min(720px,94vw);padding:18px;border-radius:14px;border:1px solid rgba(255,215,114,.3);background:linear-gradient(180deg,#181216f7,#08080efa);box-shadow:var(--shadow-lg)}.combat-head{font-family:var(--font-display);font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--blood-bright);text-align:center;margin-bottom:14px}.combat-body{display:grid;grid-template-columns:1fr 62px 1fr;gap:12px;align-items:start}.combat-side{padding:12px;border-radius:10px;border:1px solid var(--line);background:#ffffff07}.combat-side.winner{border-color:#5ff0b880;background:#5ff0b812}.combat-side.loser{border-color:#ff6f8366;opacity:.85}.combat-side-head{display:flex;align-items:center;gap:9px;margin-bottom:9px}.combat-role{font-family:var(--font-display);font-size:9px;letter-spacing:.16em;color:var(--text-faint);text-transform:uppercase}.combat-name{font-size:14px;font-weight:800}.combat-pool{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);margin-bottom:8px}.combat-dice{display:flex;flex-wrap:wrap;gap:5px;min-height:32px}.mini-die{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;font-family:var(--font-mono);font-size:13px;font-weight:700;color:#1b1508;background:linear-gradient(160deg,#fff8e2,#d8c48c);animation:die-in .36s cubic-bezier(.2,1.5,.4,1) both}.mini-die.broken{background:linear-gradient(160deg,#6b3a3a,#3a1c1c);color:#ff9aa6;text-decoration:line-through}.combat-total{margin-top:9px;font-family:var(--font-mono);font-size:24px;font-weight:700;color:var(--gold-bright)}.combat-total small{font-size:10px;color:var(--text-faint);margin-left:6px}.combat-item{margin-top:8px;font-size:10.5px;padding:5px 8px;border-radius:5px;background:#ffd7721a;border:1px solid rgba(255,215,114,.25);color:var(--gold-bright)}.combat-item.hidden-card{background:#ffffff0a;border-color:var(--line);color:var(--text-faint)}.combat-vs{font-family:var(--font-display);font-size:22px;font-weight:900;color:var(--blood-bright);text-align:center;padding-top:44px;text-shadow:0 0 18px rgba(255,92,110,.6)}.combat-log{margin-top:13px;padding-top:11px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--text-dim)}.combat-verdict{margin-top:13px;text-align:center;font-family:var(--font-display);font-size:17px;font-weight:900;letter-spacing:.06em}.combat-declare{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.combat-declare-title{font-size:11.5px;color:var(--warn);text-align:center;margin-bottom:10px;line-height:1.6}.combat-declare-cards{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.choice{width:min(560px,94vw);padding:18px;border-radius:14px;border:1px solid rgba(143,200,255,.3);background:linear-gradient(180deg,#101828f7,#070910fa);box-shadow:var(--shadow-lg);text-align:center}.choice-title{font-family:var(--font-display);font-size:15px;font-weight:900;letter-spacing:.08em;color:var(--info)}.choice-desc{font-size:11.5px;color:var(--text-dim);margin:8px 0 14px;line-height:1.6}.choice-nums{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.choice-num{min-width:44px;padding:9px 6px;border-radius:7px;border:1px solid var(--line-strong);background:#ffffff0a;font-family:var(--font-mono);font-size:14px;font-weight:700;transition:all .12s ease}.choice-num:hover{border-color:var(--gold);background:#c9a2272e;color:var(--gold-bright)}.choice-num.win{border-color:#ffd772b3;background:#c9a2273d;color:var(--gold-bright);box-shadow:0 0 14px #ffd7724d}.choice-num small{display:block;font-size:8px;letter-spacing:.06em;color:var(--text-faint);margin-top:2px}.choice-num.win small{color:var(--gold-bright)}.result{width:min(620px,94vw);padding:26px;border-radius:16px;border:1px solid rgba(255,215,114,.4);background:linear-gradient(180deg,#1e180ef7,#08070cfa);box-shadow:var(--shadow-lg);text-align:center}.result-crown{font-size:40px;filter:drop-shadow(0 0 22px rgba(255,215,114,.7))}.result-title{font-family:var(--font-display);font-size:26px;font-weight:900;letter-spacing:.1em;margin:8px 0 2px;background:linear-gradient(180deg,#ffe9a8,var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.result-motto{font-size:11px;letter-spacing:.2em;color:var(--text-faint);text-transform:uppercase;margin-bottom:18px}.result-table{width:100%;border-collapse:collapse;font-size:11.5px;margin-bottom:18px}.result-table th{font-family:var(--font-display);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);padding:6px 5px;border-bottom:1px solid var(--line);text-align:right}.result-table th:first-child,.result-table td:first-child{text-align:left}.result-table td{padding:7px 5px;border-bottom:1px solid rgba(255,255,255,.05);text-align:right;font-family:var(--font-mono)}.result-table tr.win td{color:var(--gold-bright)}.toast{position:absolute;left:50%;bottom:150px;transform:translate(-50%);padding:9px 16px;border-radius:999px;background:#5a141ef0;border:1px solid rgba(255,92,110,.5);color:#ffdde1;font-size:12px;font-weight:700;z-index:60;animation:toast-in .24s ease both;box-shadow:var(--shadow-md)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.inspector{position:absolute;left:10px;bottom:10px;width:232px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#06080fe6;pointer-events:none;z-index:15}.inspector-name{font-family:var(--font-display);font-size:12.5px;font-weight:900;letter-spacing:.04em;color:var(--gold-bright)}.inspector-it{font-size:10px;font-style:italic;color:var(--text-faint);margin-top:1px}.inspector-desc{font-size:10.5px;color:var(--text-dim);line-height:1.55;margin-top:6px}.inspector-extra{margin-top:7px;padding-top:6px;border-top:1px solid var(--line);font-size:10px;color:var(--warn)}.legend-toggle{position:absolute;left:252px;bottom:10px;z-index:16;padding:5px 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#06080fe6;color:var(--text-dim);font-family:var(--font-display);font-size:11px;letter-spacing:.03em;cursor:pointer;transition:color .15s,border-color .15s}.legend-toggle:hover,.legend-toggle.on{color:var(--gold-bright);border-color:var(--gold-bright)}.legend-panel{position:absolute;left:252px;bottom:44px;width:300px;max-height:50vh;display:flex;flex-direction:column;padding:10px 4px 10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#06080ff2;z-index:16}.legend-head{font-family:var(--font-display);font-size:12.5px;font-weight:900;letter-spacing:.05em;color:var(--gold-bright);margin-bottom:8px}.legend-list{overflow-y:auto;padding-right:8px}.legend-row{display:flex;gap:9px;padding:6px 0;border-top:1px solid var(--line)}.legend-row:first-child{border-top:none}.legend-glyph{flex:0 0 26px;height:26px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:4px;background:#ffffff0a;font-family:var(--font-display);font-size:12px;font-weight:900}.legend-text{display:flex;flex-direction:column;min-width:0}.legend-name{font-family:var(--font-display);font-size:11.5px;font-weight:900;color:var(--text)}.legend-it{font-size:9.5px;font-style:italic;color:var(--text-faint)}.legend-desc{font-size:10.5px;color:var(--text-dim);line-height:1.5;margin-top:3px}.guide-toggle{left:360px}.lobby-guide-btn{margin-top:12px}.guide-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:#03050ab8;backdrop-filter:blur(3px)}.guide{width:min(640px,100%);max-height:80vh;display:flex;flex-direction:column;border-radius:var(--radius-sm);border:1px solid var(--line);background:linear-gradient(170deg,#181e34fa,#080a13fc);box-shadow:0 24px 60px #000000a8}.guide-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 14px;border-bottom:1px solid var(--line);font-family:var(--font-display);font-size:13px;letter-spacing:.06em;color:var(--gold-bright)}.guide-body{flex:1 1 auto;overflow-y:auto;padding:14px;font-size:12px;line-height:1.7;color:var(--text-dim)}.guide-quote{margin:0 0 14px;padding:9px 12px;border-left:2px solid var(--gold);background:#c9a2270f;font-style:italic;color:var(--text)}.guide-quote cite{display:block;margin-top:5px;font-size:10.5px;font-style:normal;color:var(--text-faint)}.guide-section{margin-bottom:16px}.guide-h{margin:0 0 6px;font-family:var(--font-display);font-size:12.5px;letter-spacing:.05em;color:var(--gold-bright)}.guide-section p{margin:0 0 6px}.guide-ul{margin:0 0 6px;padding-left:18px}.guide-ul li{margin-bottom:4px}.guide-section b{color:var(--text)}.element-wheel{display:flex;flex-wrap:wrap;gap:8px 18px;margin:8px 0 10px}.element-pair{display:inline-flex;align-items:center;gap:8px}.element-vs{color:var(--text-faint);font-weight:700}