@import url("https://fonts.googleapis.com/css2?family=Syne:wght@500;700;800&family=DM+Mono:wght@400;500&display=swap");:root{--bg:#0a0a0b;--panel:#141416;--panel2:#1b1b1e;--line:#2a2a2e;--lime:#c8f542;--gold:#d4af37;--felt:#123524;--felt2:#1b4332;--text:#f2f2ee;--text-dim:#8c8c8c;--loss:#e05d5d}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:DM Mono,monospace;min-height:100vh}.display,h1,h2,h3{font-family:Syne,sans-serif;font-weight:800;margin:0}.wrap{max-width:520px;margin:0 auto;padding:20px 16px 60px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}header .display{font-size:22px;letter-spacing:-.02em}header .display span{color:var(--lime)}.balance{text-align:right}.balance .num{font-family:Syne;font-weight:700;font-size:20px;color:var(--gold)}.balance .lbl{font-size:11px;color:var(--text-dim)}#joinScreen{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:28px 22px;margin-top:40px;text-align:center}#joinScreen p{color:var(--text-dim);font-size:13px;line-height:1.6;margin:8px 0 20px}#joinScreen input{width:100%;background:var(--panel2);border:1px solid var(--line);color:var(--text);font-family:DM Mono;font-size:15px;padding:11px 14px;border-radius:8px;margin-bottom:14px}#joinScreen input:focus{outline:none;border-color:var(--lime)}button.primary{width:100%;background:var(--lime);color:#0a0a0b;border:none;font-family:Syne;font-weight:700;font-size:15px;padding:12px;border-radius:8px;cursor:pointer}button.primary:active{transform:scale(.98)}button.primary:disabled{opacity:.4;cursor:default}.tabs{display:flex;gap:6px;margin-bottom:16px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:4px;overflow-x:auto}.tabs button{flex:1 1;background:transparent;border:none;color:var(--text-dim);font-family:Syne;font-weight:700;font-size:12px;padding:9px 4px;border-radius:7px;cursor:pointer;white-space:nowrap}.tabs button.active{background:var(--felt2);color:var(--lime)}.game{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:16px}.game h2{font-size:16px;margin-bottom:2px}.game .sub{font-size:11px;color:var(--text-dim);margin-bottom:16px}.betrow{display:flex;gap:8px;align-items:center;margin-bottom:14px}.betrow label{font-size:11px;color:var(--text-dim);white-space:nowrap}.betrow input[type=number]{flex:1 1;background:var(--panel2);border:1px solid var(--line);color:var(--text);font-family:DM Mono;font-size:14px;padding:9px 10px;border-radius:7px}.chip-quick{display:flex;gap:6px;margin-bottom:14px}.chip-quick button{flex:1 1;background:var(--panel2);border:1px solid var(--line);color:var(--text-dim);font-family:DM Mono;font-size:12px;padding:7px 4px;border-radius:6px;cursor:pointer}.play-btn{width:100%;background:var(--gold);color:#241c05;border:none;font-family:Syne;font-weight:700;font-size:14px;padding:12px;border-radius:8px;cursor:pointer}.play-btn:disabled{opacity:.4}.btn-row{display:flex;gap:8px}.btn-row .play-btn{flex:1 1}.play-btn.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--line)}.result-line{margin-top:12px;font-size:13px;text-align:center;min-height:18px}.result-line.win{color:var(--lime)}.result-line.lose{color:var(--loss)}.dice-toggle{display:flex;gap:8px;margin-bottom:14px}.dice-toggle button{flex:1 1;padding:9px;border-radius:7px;border:1px solid var(--line);background:var(--panel2);color:var(--text-dim);font-family:Syne;font-weight:700;font-size:12px;cursor:pointer}.dice-toggle button.active{background:var(--felt2);color:var(--lime);border-color:var(--lime)}.dice-readout{display:flex;justify-content:space-between;font-size:11px;color:var(--text-dim);margin-bottom:10px}.dice-face{text-align:center;font-family:Syne;font-weight:800;font-size:34px;padding:14px 0;color:var(--gold)}.reels{gap:8px;margin-bottom:14px}.reel,.reels{display:flex;justify-content:center}.reel{width:70px;height:70px;border:1px solid var(--felt2);align-items:center;font-size:30px}#plinkoBoard,.reel{background:var(--felt);border-radius:10px}#plinkoBoard{width:100%;height:260px;display:block;margin-bottom:10px}.bins{display:flex;gap:2px;margin-bottom:14px}.bins div{flex:1 1;text-align:center;font-size:10px;padding:4px 0;border-radius:4px;background:var(--panel2);color:var(--text-dim)}.bj-hand{gap:6px;margin-bottom:10px;flex-wrap:wrap}.bj-card,.bj-hand{display:flex;justify-content:center}.bj-card{width:40px;height:58px;border-radius:6px;background:var(--panel2);border:1px solid var(--line);align-items:center;font-family:Syne;font-weight:700;font-size:15px}.bj-card.red{color:var(--loss)}.bj-card.black{color:var(--text)}.bj-card.hidden{background:var(--felt2);color:var(--felt2)}.bj-label{text-align:center;font-size:11px;color:var(--text-dim);margin-bottom:4px}.bj-total{text-align:center;font-family:Syne;font-weight:700;font-size:13px;color:var(--gold);margin-bottom:14px}.roulette-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px;margin-bottom:14px}.roulette-grid button{padding:10px 4px;border-radius:7px;border:1px solid var(--line);background:var(--panel2);color:var(--text-dim);font-family:Syne;font-weight:700;font-size:12px;cursor:pointer}.roulette-grid button.active{border-color:var(--lime);color:var(--lime);background:var(--felt2)}.roulette-number{width:100%}.roulette-result-num{width:56px;height:56px;margin:0 auto 12px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Syne;font-weight:800;font-size:22px}.roulette-result-num.red{background:var(--loss);color:#1a0505}.roulette-result-num.black{background:#1c1c1c;color:var(--text);border:1px solid var(--line)}.roulette-result-num.green{background:var(--felt2);color:var(--lime)}#board{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:16px}#board h3{font-size:13px;color:var(--text-dim);margin-bottom:10px;font-weight:500;font-family:DM Mono}.prow{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;border-top:1px solid var(--line)}.prow:first-child{border-top:none}.prow .n{color:var(--text)}.prow .b{color:var(--gold);font-family:Syne;font-weight:700}.prow.me .n{color:var(--lime)}#feed{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-size:12px;max-height:140px;overflow-y:auto}#feed,#feed h3{color:var(--text-dim)}#feed h3{font-size:13px;margin-bottom:8px;font-weight:500;font-family:DM Mono}#feed .fline{padding:3px 0}#feed .fline .win{color:var(--lime)}#feed .fline .lose{color:var(--loss)}.disclaimer{text-align:center;font-size:10px;color:var(--text-dim);margin-top:18px;line-height:1.6}