*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-size:14px}img{max-width:100%}[hidden]{display:none!important}:root{--bg:#10202a;--panel:#183140;--panel2:#21404f;--line:#2f5465;--ink:#f3f7f5;--muted:#9fb7bf;--felt:#1f7a4d;--gold:#ffc93c;--red:#ff6161;--ok:#5ee08a;--display:"Lilita One","Arial Rounded MT Bold","Trebuchet MS",sans-serif;--body:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:15px;overflow:hidden}html,body{max-width:100vw;overflow:hidden}#app{overscroll-behavior:none;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#stage{position:absolute;top:0;bottom:0;left:0;right:0}#stage canvas{touch-action:none;width:100%;height:100%;display:block}button{font:inherit;cursor:pointer;color:#14232b;background:var(--gold);border:0;border-radius:12px;padding:.7em 1.1em;font-weight:800;transition:transform 80ms;box-shadow:0 4px #b88a14}button:active{transform:translateY(3px);box-shadow:0 1px #b88a14}button:focus-visible{outline:3px solid var(--ink);outline-offset:2px}button.ghost{background:var(--panel2);color:var(--ink);box-shadow:0 4px #0c1a22}button.ok{background:var(--ok);box-shadow:0 4px #2f9a55}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.top{z-index:6;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top,0px));align-items:center;gap:10px;display:flex;position:relative}.brand{font-family:var(--display);letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 2px #0007;flex:1;min-width:0;font-size:22px;overflow:hidden}.brand small{font-family:var(--body);color:var(--muted);margin-left:6px;font-size:13px;font-weight:700}.chips{background:var(--panel);border:2px solid var(--line);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:5px 12px 5px 6px;font-weight:800;display:flex}.coin{background:radial-gradient(circle at 35% 35%,#ffe58a,var(--gold) 55%,#c58f0f);border-radius:50%;width:20px;height:20px;box-shadow:inset 0 0 0 3px #e0a91f}.hud{z-index:2;padding:0 16px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));pointer-events:none;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.hud>*{pointer-events:auto}.panel{background:color-mix(in srgb,var(--panel) 92%,transparent);border:2px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:18px;padding:12px}.seats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.seat{background:var(--panel2);border:2px solid #0000;border-radius:12px;min-width:0;padding:6px 8px;font-size:13px}.seat.turn{border-color:var(--gold)}.seat.win{border-color:var(--ok)}.seat .nm{white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.seat .sub{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.seat button{width:100%;margin-top:2px;padding:.35em .6em;font-size:12px}.status{font-family:var(--display);letter-spacing:.3px;text-wrap:balance;font-size:19px}.status small{font-family:var(--body);color:var(--muted);letter-spacing:0;margin-top:2px;font-size:13px;font-weight:700;display:block}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hand{flex-wrap:wrap;justify-content:center;gap:8px;min-height:0;display:flex}.card{aspect-ratio:5/7;color:#1d1d1d;width:58px;max-width:22vw;font-weight:800;font-family:var(--body);background:#fbfbf7;border:3px solid #0000;border-radius:9px;flex-direction:column;justify-content:space-between;padding:5px 6px;display:flex;position:relative;box-shadow:0 4px #0005}.card.red{color:#d42a2a}.card .r{white-space:nowrap;font-size:18px;line-height:1}.card .r i{margin-left:1px;font-size:16px;font-style:normal}.card .s{text-align:center;margin-bottom:2px;font-size:42px;line-height:1}.card.play{border-color:var(--gold);cursor:pointer;transform:translateY(-6px)}.card.dim{opacity:.4}button.card{padding:5px 6px;box-shadow:0 4px #0005}#groundBox{background:color-mix(in srgb,var(--felt) 55%,var(--panel));border-radius:14px;padding:8px 8px 10px}.glabel{color:var(--muted);letter-spacing:.4px;text-transform:uppercase;text-align:center;margin-bottom:6px;font-size:12px;font-weight:800}#groundBox .glabel{color:#d6efe1}.ground{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.gcard{flex-direction:column;align-items:center;gap:4px;display:flex}.gcard .card{width:62px}button.card.pickable{cursor:pointer;border-color:#fff5}button.card.sel{border-color:var(--ok);transform:translateY(-6px);box-shadow:0 0 0 3px #5ee08a66,0 4px #0005}.card.front{border-color:var(--gold);box-shadow:0 0 0 3px #ffc93c55,0 4px #0005}.gtag{letter-spacing:.5px;color:var(--gold);text-transform:uppercase;font-size:11px;font-weight:800}.gsum{font-variant-numeric:tabular-nums;background:var(--panel);border-radius:8px;padding:1px 7px;font-size:13px;font-weight:800}.gsum.ok{color:var(--ok)}.gsum.bad{color:var(--red);text-decoration:line-through}.total{font-variant-numeric:tabular-nums;color:var(--gold);font-weight:800}#lobby{z-index:5;padding-inline-start:16px;padding-inline-end:16px;padding-block:calc(64px + env(safe-area-inset-top,0px)) 24px;background:linear-gradient(#10202aee,#10202afa 40%);position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}.lob{flex-direction:column;gap:14px;max-width:560px;margin:0 auto;display:flex}.hero{align-items:center;gap:12px;display:flex}.hero h1{font-family:var(--display);text-shadow:0 3px #0008;flex:1;margin:0;font-size:40px;line-height:1}.hero h1 span{color:var(--gold)}.lede{color:var(--muted);max-width:60ch;margin:0}label{color:var(--muted);letter-spacing:.3px;margin-bottom:4px;font-size:13px;font-weight:800;display:block}input,select{font:inherit;border:2px solid var(--line);background:var(--panel2);width:100%;color:var(--ink);border-radius:12px;padding:.65em .8em;font-weight:700}.form{grid-template-columns:1fr 110px;align-items:end;gap:10px;display:grid}.form button{grid-column:1/-1}.chk{color:var(--ink);letter-spacing:0;grid-column:1/-1;align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.chk input{width:20px;height:20px;accent-color:var(--gold);flex:none}.codeform{border-top:2px solid var(--line);align-items:end;gap:10px;margin-top:12px;padding-top:12px;display:flex}.lb{counter-reset:lb;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lb li{background:var(--panel2);counter-increment:lb;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.lb li:before{content:counter(lb);font-family:var(--display);width:22px;color:var(--muted)}.lb li:first-child:before{color:var(--gold)}.lb li.me{outline:2px solid var(--gold)}.lb li.empty{color:var(--muted);justify-content:center}.lb li.empty:before{content:none}.lb .who{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:800;overflow:hidden}.lb .amt{font-variant-numeric:tabular-nums;color:var(--gold);font-weight:800}.codepill{font-family:var(--body);background:var(--gold);color:#14232b;letter-spacing:1px;border-radius:8px;margin-left:6px;padding:2px 7px;font-size:12px;font-weight:800}.tlist{flex-direction:column;gap:8px;display:flex}.trow{background:var(--panel2);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.trow .info{flex:1;min-width:0}.trow .tn{white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.trow .tm{color:var(--muted);font-size:13px}.dots{gap:4px;display:flex}.dots i{background:var(--line);border-radius:3px;width:10px;height:10px}.dots i.on{background:var(--ok)}h2{font-family:var(--display);letter-spacing:.3px;margin:0 0 8px;font-size:20px;font-weight:400}details summary{cursor:pointer;font-weight:800}.rules ol{color:var(--muted);margin:.5em 0 0;padding-left:1.2em;line-height:1.5}.rules b{color:var(--ink)}.note{color:#ffe2a6;background:#3a2a10;border:2px solid #7a5a1a;border-radius:14px;padding:10px 12px;font-weight:700}.empty{color:var(--muted);text-align:center;padding:14px}#toast{width:-moz-fit-content;width:fit-content;left:16px;right:16px;top:calc(64px + env(safe-area-inset-top,0px));z-index:9;background:var(--ink);color:var(--bg);opacity:0;pointer-events:none;text-align:center;border-radius:12px;max-width:calc(100% - 32px);margin:0 auto;padding:8px 14px;font-weight:800;transition:opacity .2s;position:absolute}#toast.show{opacity:1}@media (max-width:420px){.seat{padding:5px 6px}.card{width:54px}.card .s{font-size:36px}.status{font-size:17px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.shoptabs{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.shoptabs button{padding:.4em .8em;font-size:13px}.shoptabs button[aria-selected=false]{background:var(--panel2);color:var(--ink);box-shadow:0 3px #0c1a22}.shopgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.item{background:var(--panel2);border:2px solid #0000;border-radius:14px;flex-direction:column;gap:6px;min-width:0;padding:10px;display:flex}.item.on{border-color:var(--ok)}.item .sw{border-radius:10px;justify-content:center;align-items:center;height:42px;font-size:24px;display:flex}.item .in{font-weight:800}.item .ds{color:var(--muted);font-size:12px}.item .pr{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:800}.item button{padding:.45em .7em;font-size:13px}.iconbtn{flex:none;padding:.45em .6em;font-size:17px;line-height:1}.note.warn{background:#e0a63a1f;border:1px solid #e0a63a;gap:8px;display:grid}.note.warn .row{flex-wrap:wrap;gap:8px;display:flex}.note.warn .btnlink{color:#1b1b1b;background:#e0a63a;border-radius:10px;padding:9px 14px;font-weight:700;text-decoration:none;display:inline-block}.lbnote{color:var(--muted);margin:-4px 0 8px;font-size:13px}#walletTag{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-left:2px;font-size:11px;font-weight:700}