:root{--bg:#23272d;--panel:#2b3037;--panel2:#333943;--cell-out:#363c45;--cell-out-text:#8b939e;--pink:#d69a98;--pink-deep:#c9827f;--amber:#ecc35c;--green:#7fce9a;--red:#e08a80;--text:#e8ebee;--muted:#9aa3ad;--line:#3a414b;--felt:#2e4a3c}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.app{flex-direction:column;max-width:520px;height:100%;margin:0 auto;display:flex}.topbar{padding:calc(12px + env(safe-area-inset-top)) 18px 6px;justify-content:space-between;align-items:baseline;display:flex}.topbar h1{font-size:1rem;font-weight:750}.session{font-variant-numeric:tabular-nums;color:var(--muted);font-family:ui-monospace,Consolas,monospace;font-size:.78rem}main{flex:1;padding:0 12px 14px;overflow-y:auto}.cat-list{flex-direction:column;gap:12px;margin-top:22px;display:flex}.cat-btn{background:var(--panel);border:1px solid var(--line);color:var(--text);cursor:pointer;text-align:left;border-radius:16px;padding:20px 18px;font-family:inherit;font-size:1.02rem;font-weight:750}.cat-btn:active{transform:scale(.98)}.back{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-top:14px;padding:4px 0;font-family:inherit;font-size:.85rem;display:block}.coming-soon{text-align:center;color:var(--muted);letter-spacing:.04em;margin-top:28px;font-size:1.15rem;font-weight:700}.home-title{margin-top:10px;font-size:1.05rem}.hint{color:var(--muted);margin-top:4px;font-size:.78rem}.pos-list{flex-direction:column;gap:12px;margin-top:18px;display:flex}.pos-btn{background:var(--panel);border:1px solid var(--line);color:var(--text);cursor:pointer;text-align:left;border-radius:16px;align-items:center;padding:14px 18px;font-family:inherit;display:flex}.pos-btn:active{transform:scale(.98)}.pos-name{text-align:center;background:var(--pink-deep);color:#fff;border-radius:999px;min-width:64px;padding:8px 0;font-size:1.2rem;font-weight:800}.badges{justify-content:center;gap:8px;margin-top:6px;display:flex}.badge{background:var(--panel2);border-radius:999px;padding:2px 11px;font-size:.82rem;font-weight:750}.table-wrap{height:356px;margin-top:10px;position:relative}.oval{background:radial-gradient(ellipse at 50% 42%, #35584757 0%, var(--felt) 60%);border:5px solid #57646f;border-radius:50%/46%;position:absolute;inset:9%;box-shadow:inset 0 0 26px #00000073,0 4px 16px #00000059}.seat{text-align:center;z-index:2;width:52px;position:absolute;transform:translate(-50%,-50%)}.seat .disc{background:var(--panel2);width:46px;height:46px;color:var(--text);border:2px solid #4a5460;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;font-size:.6rem;font-weight:800;line-height:1.25;display:flex}.seat .disc .stk{opacity:.85;font-family:ui-monospace,Consolas,monospace;font-size:.5rem;font-weight:600}.seat .st{color:var(--muted);margin-top:2px;font-size:.58rem;font-weight:600}.seat.folded .disc{opacity:.35;border-color:#0000}.seat.folded .st{color:#6d7680}.seat.hero .disc{background:var(--pink-deep);border-color:var(--pink);color:#fff;box-shadow:0 0 0 4px #d69a9838,0 0 14px #d69a9860}.seat.hero .st{color:var(--pink);font-weight:800}.dbtn{color:#333;z-index:3;background:#f0ead8;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:.58rem;font-weight:800;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 3px #00000080}.amt{z-index:3;color:#e9e2c8;background:#00000045;border-radius:8px;padding:1px 6px;font-family:ui-monospace,Consolas,monospace;font-size:.6rem;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.center{text-align:center;z-index:2;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.center .pot{color:#e9e2c8;background:#00000045;border-radius:9px;margin-bottom:7px;padding:2px 10px;font-family:ui-monospace,Consolas,monospace;font-size:.68rem;font-weight:700;display:inline-block}.center .cards{justify-content:center;gap:7px;display:flex}.pcard{background:#f6f4ee;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;width:52px;height:72px;font-weight:800;display:flex;box-shadow:0 2px 8px #00000073}.pcard .r{font-size:1.5rem;line-height:1}.pcard .s{font-size:1.15rem;line-height:1.25}.pcard.red{color:#c0392b}.pcard.black{color:#1d2733}.center .hand-code{color:#d9e2dc;text-shadow:0 1px 3px #0009;margin-top:6px;font-family:ui-monospace,Consolas,monospace;font-size:.92rem;font-weight:700}.center .ask{color:#b7c4bd;margin-top:1px;font-size:.68rem}.answers{gap:10px;margin-top:8px;display:flex}.btn{color:#fff;cursor:pointer;border:none;border-radius:14px;flex:1;padding:16px 0;font-family:inherit;font-size:1.05rem;font-weight:800}.btn:active{transform:scale(.97)}.btn.open{background:var(--pink-deep);padding:10px 0 11px;line-height:1.3}.btn.open .sub{opacity:.92;font-size:.85rem;font-weight:700;display:block}.btn.fold{background:#4a5460}.btn.next{background:#3f6fae;width:100%;margin-top:10px;padding:13px 0}.btn.reveal{background:var(--panel2);color:var(--muted);width:100%;padding:11px 0;font-size:.9rem;font-weight:700}.btn.danger{background:#a0453c;width:100%;margin-top:18px;padding:11px 0;font-size:.9rem}.fb{background:var(--panel);border-radius:16px;margin-top:10px;padding:12px}.fb-head{text-align:center;font-size:1.1rem;font-weight:800}.fb-head.ok{color:var(--green)}.fb-head.ng{color:var(--red)}.fb-detail{text-align:center;color:var(--muted);margin:4px 0 10px;font-size:.8rem}.fb-detail b{color:var(--text)}.grid{grid-template-columns:repeat(13,1fr);gap:2px;display:grid}.gcell{aspect-ratio:1;background:var(--cell-out);color:var(--cell-out-text);border-radius:4px;justify-content:center;align-items:center;font-family:ui-monospace,Consolas,monospace;font-size:7.5px;font-weight:600;display:flex}.gcell.in{color:#fff}.gcell.cur{outline:2px solid var(--amber);outline-offset:-1px;color:#fff;z-index:1;font-weight:800}h2{margin-top:14px;font-size:.95rem}.spot-row{gap:10px;margin-top:10px;display:flex}.spot-cell{text-align:center;cursor:pointer;color:var(--text);background:var(--panel2);border:none;border-radius:14px;flex:1;padding:14px 0 12px;font-family:inherit}.spot-cell .nm{font-size:.85rem;font-weight:750}.spot-cell .pct{font-variant-numeric:tabular-nums;margin-top:2px;font-family:ui-monospace,Consolas,monospace;font-size:1.45rem;font-weight:800}.spot-cell .cnt{color:#ffffffbf;margin-top:2px;font-size:.68rem}.spot-cell.lv0{background:var(--panel2);color:var(--muted)}.spot-cell.lv1{background:#7e3a34}.spot-cell.lv2{background:#8a6d22}.spot-cell.lv3{background:#3c7a4e}.spot-cell.lv4{background:#2f9e5d}.tabbar{border-top:1px solid var(--line);background:var(--panel);padding-bottom:env(safe-area-inset-bottom);display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:none;flex:1;padding:13px 0;font-family:inherit;font-size:.9rem;font-weight:750}.tab.on{color:var(--text);box-shadow:inset 0 2px 0 var(--pink)}.tab:disabled{opacity:.4;cursor:default}