:root{--bg:#2a1a12;--bg-2:#3b261a;--panel:#f6ead6;--ink:#2b1d14;--ink-soft:#6b5545;--cream:#f6ead6;--cream-soft:#f6ead6bf;--accent:#b3261e;--accent-ink:#fff;--gold:#e3c27a;--radius:14px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--cream);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{height:100%;overflow:hidden}button{font:inherit;border-radius:var(--radius);background:var(--bg-2);color:var(--cream);cursor:pointer;border:0;min-height:44px;padding:.7rem 1.1rem}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:var(--accent-ink);font-weight:650}button.big{width:100%;padding:.95rem 1.2rem;font-size:1.1rem}button.icon{background:#00000059;width:44px;padding:0;font-size:1.25rem}button small{opacity:.8;font-size:.8em;font-weight:400}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.screen{height:100%;padding:calc(1.25rem + var(--safe-top)) 1rem calc(1.25rem + var(--safe-bottom));max-width:34rem;margin:0 auto;overflow-y:auto}.home{text-align:center;background:radial-gradient(circle at 50% 35%, #4a2e1d 0%, var(--bg) 70%);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;max-width:none;display:flex}.home h1{letter-spacing:.04em;margin:.25rem 0 0;font-family:Georgia,Times New Roman,serif;font-size:3.4rem}.home .tagline{color:var(--cream-soft);max-width:22rem;margin:0 0 1.25rem}.home .actions{gap:.75rem;width:min(100%,22rem);display:grid}.logo{grid-template-columns:repeat(2,3.4rem);gap:.35rem;display:grid;transform:rotate(-8deg)}.tile{background:#d8b07a;border-radius:8px;place-items:center;height:3.4rem;font:700 2rem Georgia,serif;display:grid;box-shadow:inset 0 -4px #0000002e}.tile-0{color:#b3261e}.tile-1{color:#1f4e9c}.tile-2{color:#2e7d32}.tile-3{color:#1d1d1d}.language{color:var(--cream-soft);align-items:center;gap:.5rem;margin-top:1.5rem;display:flex}select,input[type=text]{font:inherit;color:var(--ink);background:var(--panel);border:0;border-radius:10px;min-height:44px;padding:.55rem .7rem}.setup header{align-items:center;gap:.75rem;display:flex}.setup h2{margin:0;font-family:Georgia,serif}.setup h3{text-transform:uppercase;letter-spacing:.08em;color:var(--cream-soft);margin:1.4rem 0 .6rem;font-size:.85rem}.modes{gap:.5rem;display:grid}.mode-card{border-radius:var(--radius);background:var(--bg-2);cursor:pointer;border:2px solid #0000;gap:.15rem;padding:.75rem .9rem;display:grid}.mode-card input{opacity:0;pointer-events:none;position:absolute}.mode-card span{color:var(--cream-soft);font-size:.9rem}.mode-card.selected{border-color:var(--gold);background:#4a2f1f}.mode-card:has(input:focus-visible){outline:3px solid var(--gold)}.players{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.players li{grid-template-columns:1fr auto auto;align-items:center;gap:.5rem;display:grid}.players input[type=text]{width:100%;min-width:0}.bot-toggle{color:var(--cream-soft);align-items:center;gap:.35rem;display:flex}.bot-toggle input{width:1.3rem;height:1.3rem}.add{background:0 0;border:2px dashed #f6ead640;width:100%;margin-top:.6rem}.setup footer{margin-top:1.75rem}.game{-webkit-user-select:none;user-select:none;height:100%;position:relative;overflow:hidden}canvas.scene{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.game.can-spin canvas.scene{cursor:grab}.hud-top{padding:calc(.6rem + var(--safe-top)) .75rem .6rem;pointer-events:none;background:linear-gradient(#140c08bf,#140c0800);align-items:center;gap:.75rem;display:flex;position:absolute;top:0;left:0;right:0}.hud-top>*{pointer-events:auto}.hud-top .titles{flex:1;min-width:0}.hud-top .mode{font-weight:700}.hud-top .info{color:var(--cream-soft);font-size:.85rem}.hud-top .pot{border:1px solid var(--gold);white-space:nowrap;background:#7a1f1ad9;border-radius:999px;padding:.35rem .7rem;font-weight:650}.hud-bottom{padding:1.5rem 1rem calc(.9rem + var(--safe-bottom));pointer-events:none;background:linear-gradient(#140c0800,#140c08d9 40%);justify-items:center;gap:.3rem;display:grid;position:absolute;bottom:0;left:0;right:0}.hud-bottom .turn{text-align:center;font-family:Georgia,serif;font-size:1.35rem;font-weight:700}.hud-bottom .hint{color:var(--cream-soft);font-size:.85rem}.hud-bottom .spin{pointer-events:auto;min-width:10rem;margin-top:.3rem;font-size:1.1rem}.invisible{visibility:hidden}.seat-labels{pointer-events:none;position:absolute;inset:0}.seat-label{white-space:nowrap;background:#140c08b8;border-radius:999px;align-items:center;gap:.45rem;padding:.25rem .35rem .25rem .65rem;font-size:.85rem;transition:background .2s,box-shadow .2s;display:flex;position:absolute;top:0;left:0}.seat-label .name{text-overflow:ellipsis;max-width:8rem;overflow:hidden}.seat-label small{opacity:.7;font-size:.65rem}.seat-label .chips{background:var(--cream);min-width:1.7rem;color:var(--ink);text-align:center;border-radius:999px;padding:.05rem .4rem;font-weight:700}.seat-label.current{background:var(--accent);box-shadow:0 0 0 2px var(--gold)}.seat-label.out{opacity:.5}.toast{left:50%;top:calc(4.6rem + var(--safe-top));border-radius:var(--radius);background:var(--panel);max-width:calc(100% - 2rem);color:var(--ink);text-align:center;opacity:0;pointer-events:none;padding:.6rem 1rem;font-weight:650;transition:opacity .2s,transform .2s;position:absolute;transform:translate(-50%,-.5rem)}.toast.visible{opacity:1;transform:translate(-50%)}.overlay{background:#0a060499;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.overlay.hidden{display:none}.panel{background:var(--panel);width:min(100%,24rem);color:var(--ink);text-align:center;border-radius:18px;padding:1.25rem}.panel .row{justify-content:center;gap:.6rem;margin-top:1rem;display:flex}.panel .row button{flex:1}.panel button:not(.primary){color:var(--ink);background:#e4d3b8}.results h2{margin:0;font-family:Georgia,serif}.results .winner{color:var(--accent);font-size:1.3rem;font-weight:700}.standings{text-align:left;margin:0;padding:0;list-style:none}.standings li{border-bottom:1px solid #2b1d141f;grid-template-columns:2.5rem 1fr auto;gap:.5rem;padding:.45rem .25rem;display:grid}.standings li.first{font-weight:700}.standings .chips{color:var(--ink-soft)}.online header,.lobby header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.online h2,.lobby h2{margin:0;font-family:Georgia,serif}.online>label,.card label{color:var(--cream-soft);margin:.9rem 0 .35rem;font-size:.85rem;display:block}.online input[type=text],.online select{width:100%}.card{border-radius:var(--radius);background:var(--bg-2);margin-top:1.1rem;padding:1rem}.card h3{margin:0 0 .25rem}.card .big{margin-top:.9rem}.hint{color:var(--cream-soft);margin:.25rem 0;font-size:.9rem}.form-error{color:#ffb4a8;min-height:1.2em;margin:.5rem 0 0;font-weight:600}.code-input{text-transform:uppercase;letter-spacing:.35em;text-align:center;font-size:1.4rem;font-weight:700}.screen.centered{place-items:center;display:grid}.connecting{color:var(--cream-soft);font-size:1.2rem}.room-code{border-radius:var(--radius);background:var(--panel);color:var(--ink);justify-items:center;gap:.2rem;margin:.5rem 0 1rem;padding:1rem;display:grid}.room-code span{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);font-size:.8rem}.room-code strong{letter-spacing:.3em;font-family:ui-monospace,Cascadia Mono,Menlo,monospace;font-size:2.4rem}.mode-name{color:var(--cream-soft);margin:.9rem 0 0;font-size:.9rem}.lobby h3{text-transform:uppercase;letter-spacing:.08em;color:var(--cream-soft);margin:1.25rem 0 .5rem;font-size:.85rem}.lobby-players{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.lobby-players li{border-radius:var(--radius);background:var(--bg-2);align-items:center;gap:.4rem;min-height:48px;padding:.35rem .4rem .35rem .85rem;display:flex}.lobby-players li.offline{opacity:.55}.lobby-players .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.tag{background:#f6ead624;border-radius:999px;padding:.1rem .45rem;font-size:.72rem}.tag.me{background:var(--gold);color:var(--ink)}.host-actions{gap:.5rem;margin-top:.6rem;display:grid}.waiting{text-align:center;margin-top:1.25rem}.banner{left:50%;top:calc(4.6rem + var(--safe-top));border-radius:var(--radius);white-space:nowrap;background:#5a1d17;border:1px solid #ffb4a8;padding:.5rem .9rem;font-weight:600;position:absolute;transform:translate(-50%)}.banner.hidden,.emote-panel.hidden{display:none}.emote-panel{right:.75rem;top:calc(3.6rem + var(--safe-top));border-radius:var(--radius);z-index:2;background:#140c08eb;gap:.3rem;padding:.5rem;display:grid;position:absolute}.emote-panel button{text-align:left;min-height:40px}.seat-label .bubble{background:var(--panel);color:var(--ink);white-space:nowrap;border-radius:12px;padding:.3rem .65rem;font-weight:700;animation:.2s ease-out pop;position:absolute;bottom:calc(100% + .4rem);left:50%;transform:translate(-50%)}.seat-label.offline{opacity:.6}.seat-label.me .name{font-weight:700}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.6)}}