:root{--bg: #ede3cc;--fg: #1b1714;--panel: #e2d5b8;--line: rgba(27, 23, 20, .2);--muted: rgba(27, 23, 20, .62);--card: #1b1714;--cardfg: #ede3cc;--brick: #a93a2a;--gold: #c79a2b;--display: "Big Shoulders Display", "Oswald", "Arial Narrow", Impact, sans-serif;--body: "Work Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #14100d;--fg: #ede3cc;--panel: #211a15;--line: rgba(237, 227, 204, .18);--muted: rgba(237, 227, 204, .6);--card: #2a211b}}:root[data-theme=dark]{--bg: #14100d;--fg: #ede3cc;--panel: #211a15;--line: rgba(237, 227, 204, .18);--muted: rgba(237, 227, 204, .6);--card: #2a211b}*,*:before,*:after{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;background:var(--bg);color:var(--fg);font-family:var(--body);font-size:15px;line-height:1.4;-webkit-tap-highlight-color:transparent;padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0)}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--brick);outline-offset:2px}button[disabled]{cursor:not-allowed;opacity:.45}#root{min-height:100dvh;max-width:560px;margin:0 auto;display:flex;flex-direction:column;padding:0 12px}header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0 6px}.logo{font-family:var(--display);font-weight:900;font-size:30px;line-height:1;letter-spacing:.01em}.logo span{color:var(--gold)}.hbtns{display:flex;gap:6px}.hbtn{background:none;border:1.5px solid var(--line);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:500}h2{font-family:var(--display);font-weight:900;font-size:26px;line-height:1.05;margin:12px 0 6px}h3{font-size:13px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:14px 0 6px}.eff{color:var(--muted);margin:0 0 10px}.small{font-size:12px;color:var(--muted)}.opts{display:flex;flex-wrap:wrap;gap:6px}.opt{background:none;border:1.5px solid var(--line);border-radius:8px;padding:7px 12px;font-size:14px}.opt.on{border-color:var(--brick);background:var(--brick);color:#ede3cc;font-weight:600}.go{display:block;width:100%;margin-top:12px;padding:13px;border:none;border-radius:10px;background:var(--brick);color:#ede3cc;font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:.02em}.ghost{display:block;width:100%;margin-top:8px;padding:10px;border:1.5px solid var(--line);border-radius:10px;background:none;font-size:14px}.field{width:100%;padding:11px 12px;border:1.5px solid var(--line);border-radius:10px;background:var(--panel);color:var(--fg);font:inherit}.field.code{font-family:var(--display);font-size:26px;font-weight:700;letter-spacing:.22em;text-align:center;text-transform:uppercase}.scroll{flex:1;overflow-y:auto;padding-bottom:20px}.error{margin:10px 0 0;padding:9px 12px;border-radius:8px;background:var(--brick);color:#ede3cc;font-size:14px}.chip{font-size:11px;padding:1px 7px;border-radius:999px;background:var(--fg);color:var(--bg);font-weight:600;white-space:nowrap}.chip.red{background:var(--brick);color:#ede3cc}.chip.dim{background:none;border:1.5px solid var(--line);color:var(--muted)}.ingots{display:flex;gap:2px;justify-content:center}.ingot{width:9px;height:5px;background:var(--gold);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}.ingot.empty{background:var(--line)}.mini{position:relative;width:26px;height:34px;border-radius:4px;background:var(--card);color:var(--cardfg);border:1.5px solid var(--line);display:inline-block;flex:none}.mini b{position:absolute;left:3px;top:1px;font-family:var(--display);font-weight:900;font-size:15px;line-height:1}.mini svg{position:absolute;right:2px;bottom:2px;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.mini.big{width:34px;height:46px}.mini.big b{font-size:20px}.mini.big svg{width:18px;height:18px}.mini.loot{background:var(--gold);color:#1b1714}.table-screen{height:100dvh;display:flex;flex-direction:column}.table-screen header{padding:8px 0 4px}.table-screen .hbtn{padding:4px 9px;font-size:12px}.ring{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;gap:6px;padding-bottom:4px}.ring-top{display:flex;justify-content:center;gap:40px}.ring-mid{flex:1;min-height:0;display:grid;grid-template-columns:74px 1fr 74px;gap:6px}.ring-mid.no-sides{grid-template-columns:1fr}.ring-side{display:flex;flex-direction:column;justify-content:space-around}.ring-bottom{display:flex;justify-content:center;margin-top:-4px}.seat{display:flex;flex-direction:column;align-items:center;gap:2px;width:96px;padding:0;border:none;background:none;text-align:center;transition:opacity .2s}.seat.compact{width:74px}.seat.headsup{width:200px}.seat .nm{font-size:13px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat.out .nm,.seat.out .last{opacity:.45}.seat .last{min-height:36px;display:grid;place-items:center}.seat .none{color:var(--muted);font-size:12px}.pile-row{display:flex;gap:4px;align-items:flex-end;margin-top:3px}.token{position:relative;width:44px;height:44px;border-radius:50%;border:3px solid var(--line);background:var(--panel);display:grid;place-items:center;flex:none;transition:border-color .2s,box-shadow .2s,opacity .2s}.seat.headsup .token{width:56px;height:56px}.token .ini{font-family:var(--display);font-weight:900;font-size:21px;line-height:1}.token.turn{border-color:var(--brick)}.token.acting{border-color:var(--gold)}.token.targeted{box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 35%,transparent)}.token.lit{border-color:var(--gold);animation:glow 1.2s ease-in-out infinite}.token.dim{opacity:.3}.token.lit.targeted{animation:none;background:color-mix(in srgb,var(--gold) 30%,var(--panel));box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 45%,transparent)}.seat[disabled]{cursor:default;opacity:1}@keyframes glow{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--gold) 30%,transparent)}}.token.out{opacity:.4}.token.out:after{content:"";position:absolute;inset:6px;background:linear-gradient(45deg,transparent 46%,var(--brick) 46%,var(--brick) 54%,transparent 54%)}.token .shield{position:absolute;right:-5px;bottom:-4px;width:18px;height:20px;background:var(--gold);color:#1b1714;font-size:10px;font-weight:700;display:grid;place-items:center;clip-path:polygon(50% 0,100% 15%,100% 55%,50% 100%,0 55%,0 15%)}.token .away{position:absolute;left:-4px;top:-4px;width:12px;height:12px;border-radius:50%;background:var(--muted);border:2px solid var(--bg)}.stage{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:28px 8px 8px;border-radius:16px;background:color-mix(in srgb,var(--panel) 55%,transparent);border:1.5px dashed var(--line)}.piles{position:absolute;top:6px;left:8px;right:8px;display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted)}.pile{display:flex;align-items:center;gap:3px}.pile .mini{width:14px;height:18px}.pile .mini b{font-size:10px;left:2px}.pile .mini svg{display:none}.back{width:13px;height:18px;border-radius:2px;background:var(--card);color:var(--gold);font-family:var(--display);font-size:10px;font-weight:900;display:grid;place-items:center}.stage.preview{border-style:solid;border-color:var(--gold)}.stage-center{min-height:96px;display:grid;place-items:center}.stage-idle{width:62px;height:88px;border-radius:10px;border:1.5px dashed var(--line)}.stage-card{position:relative}.stage-guess{position:absolute;right:-20px;bottom:-6px}.stamp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);padding:2px 8px;border:3px solid var(--brick);border-radius:6px;color:var(--brick);background:color-mix(in srgb,var(--bg) 85%,transparent);font-family:var(--display);font-weight:900;font-size:22px;letter-spacing:.04em;white-space:nowrap}.stamp.tie,.stamp.no_effect{border-color:var(--muted);color:var(--fg)}.stage-line{margin:0;font-family:var(--display);font-weight:700;font-size:17px;line-height:1.15;text-align:center;text-wrap:balance}.dots{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.dots button{width:22px;height:22px;padding:0;border-radius:50%;border:1.5px solid var(--line);background:none;font-size:10px;color:var(--muted)}.dots button.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}.arrow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.arrow path{fill:none;stroke:var(--gold);stroke-width:2.5;stroke-dasharray:6 5}.arrow marker path{fill:var(--gold);stroke:none}.my-area{flex:none;padding-bottom:calc(8px + env(safe-area-inset-bottom,0))}.effect-line{margin:0;padding:4px 0 0;font-size:12px;color:var(--muted)}.guess-row{display:flex;justify-content:center;gap:4px;overflow-x:auto;padding:4px 0 2px}.guess-row button{flex:none;padding:3px;border:2px solid transparent;border-radius:7px;background:none}.guess-row button.on{border-color:var(--gold)}.status{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;min-height:40px;font-size:13px;color:var(--muted)}.status-text{flex:1 1 140px}.status .go,.status .ghost{width:auto;flex:none;margin:0;padding:8px 14px;font-size:16px}.status .ghost{font-size:13px}.hand{display:flex;gap:8px;justify-content:center;padding-top:12px}.hand .card{transition:transform .2s}.hand .card.sel{transform:translateY(-12px)}@media(max-height:720px){.hand .card{width:80px;height:112px}.hand .card .big{font-size:34px}}.discard-list{display:flex;flex-wrap:wrap;gap:8px 14px}.discard-item{display:flex;align-items:center;gap:6px;font-size:13px}.tracker{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:4px;margin-top:6px}.tr{font-size:12px;border:1.5px solid var(--line);border-radius:6px;padding:3px 6px}.tr b{font-family:var(--display);font-size:15px;margin-right:5px}.log{max-height:50dvh;overflow-y:auto;font-size:13px}.log p{margin:4px 0;color:var(--muted)}@media(prefers-reduced-motion:reduce){.seat,.token,.hand .card{transition:none}.token.lit{animation:none}}.card{position:relative;width:92px;height:128px;border-radius:10px;background:var(--card);color:var(--cardfg);border:1.5px solid var(--line);padding:7px;text-align:left;display:block;flex:0 0 auto}.card.loot{background:var(--gold);color:#1b1714}.card.sel{outline:3px solid var(--brick);outline-offset:2px}.card .big{font-family:var(--display);font-weight:900;font-size:40px;line-height:.9;display:block}.card .ico{position:absolute;top:8px;right:8px;width:22px;height:22px;opacity:.85}.card .ico svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.card .nm{position:absolute;left:7px;right:7px;bottom:7px;font-size:12px;font-weight:600;line-height:1.15}.card.small-card{width:62px;height:88px}.card.small-card .big{font-size:28px}.card.small-card .nm{font-size:10px}.sheet-wrap,.modal-wrap{position:fixed;inset:0;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;z-index:10;padding:12px}.modal-wrap{align-items:center}.sheet,.modal{width:100%;max-width:536px;max-height:86dvh;overflow-y:auto;background:var(--bg);border:1.5px solid var(--line);border-radius:14px;padding:14px 14px calc(14px + env(safe-area-inset-bottom,0))}.modal{max-width:420px}.row{display:flex;gap:12px;justify-content:center;margin:10px 0}.res{display:flex;justify-content:space-between;gap:8px;padding:7px 9px;border-radius:8px;border:1.5px solid var(--line);margin-bottom:5px;align-items:center}.res.win{border-color:var(--gold)}.rl{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}.rl>div{font-size:13px}.bury{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:6px 0 2px}.toast{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0));transform:translate(-50%);background:var(--fg);color:var(--bg);padding:9px 14px;border-radius:999px;font-size:13px;z-index:20;max-width:90vw;text-align:center}