.app-root{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding:10px}.cabinet{--wood-dark: #241511;--wood-mid: #3d2318;--wood-light: #5c3423;--brass: #c8952f;--brass-light: #f0c369;--cream: #f4e9d8;--red: #a4272c;--green: #2e7d4f;--glass: #0d0906;background:linear-gradient(180deg,var(--wood-light) 0%,var(--wood-mid) 40%,var(--wood-dark) 100%);border-radius:18px;padding:16px 18px 20px;box-shadow:0 0 0 3px #150c08,0 0 0 6px var(--brass),0 20px 60px #000000b3,inset 0 2px 4px #ffffff0f;max-width:480px;width:100%;position:relative}.marquee{text-align:center;letter-spacing:6px;font-size:22px;font-weight:700;color:var(--brass-light);text-shadow:0 0 8px rgba(240,195,105,.6),0 2px 0 #000;padding:6px 0 10px;border-bottom:2px solid rgba(200,149,47,.35);margin-bottom:12px}.marquee small{display:block;font-size:9px;letter-spacing:3px;color:#9a8267;margin-top:2px;font-weight:400}#pixi-holder{border-radius:8px;overflow:hidden;box-shadow:0 0 0 6px var(--wood-mid),0 0 0 8px var(--brass),inset 0 8px 24px #000000d9,inset 0 -8px 24px #000000d9;line-height:0}.status-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:8px}.plate{background:linear-gradient(180deg,#1a100c,#0c0705);border:2px solid var(--brass);border-radius:6px;padding:6px 10px;font-size:11px;letter-spacing:1px;color:var(--brass-light);text-align:center;flex:1;box-shadow:inset 0 2px 4px #0009}.plate .val{font-size:15px;color:var(--cream);font-weight:700;display:block;margin-top:2px}.controls{display:flex;align-items:center;gap:10px;margin-top:14px}.bet-adjust{display:flex;flex-direction:column;gap:4px;flex:1}.bet-adjust .row{display:flex;align-items:center;gap:6px;background:#00000059;border-radius:6px;padding:4px 6px}.bet-adjust label{font-size:9px;letter-spacing:1px;color:#c9b18a;width:52px;flex-shrink:0}.bet-adjust .amt{flex:1;text-align:center;font-size:12px;color:var(--brass-light);font-weight:700}.mini-btn{width:22px;height:22px;border-radius:50%;border:1px solid var(--brass);background:linear-gradient(180deg,#3a2416,#1e130b);color:var(--brass-light);font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.mini-btn:active{transform:scale(.92)}.spin-btn{width:86px;height:86px;border-radius:50%;border:none;background:radial-gradient(circle at 35% 30%,#ff5f5f 0%,var(--red) 55%,#6e1418 100%);box-shadow:0 0 0 4px var(--brass),0 0 0 6px #1a0f08,0 8px #5c1418,0 12px 20px #0009;color:var(--cream);font-weight:700;font-size:13px;letter-spacing:2px;cursor:pointer;flex-shrink:0;transition:transform .08s}.spin-btn:active{transform:translateY(6px);box-shadow:0 0 0 4px var(--brass),0 0 0 6px #1a0f08,0 2px #5c1418,0 4px 10px #0009}.spin-btn:disabled{filter:grayscale(.6) brightness(.6);cursor:not-allowed}.msg-line{text-align:center;min-height:20px;font-size:12px;letter-spacing:1px;color:var(--brass-light);margin-top:10px;text-shadow:0 0 6px rgba(240,195,105,.5)}.msg-line.win{color:#8bffb0;text-shadow:0 0 10px rgba(139,255,176,.7)}.msg-line.err{color:#ff8a8a}.footer-note{text-align:center;font-size:9px;color:#7a6650;margin-top:8px;letter-spacing:1px}.conn-row{display:flex;gap:6px;margin-bottom:10px}.conn-row input{flex:1;background:#0c0705;border:1px solid var(--brass);color:var(--cream);font-family:inherit;font-size:11px;padding:5px 7px;border-radius:4px}.conn-row button{background:var(--wood-mid);border:1px solid var(--brass);color:var(--brass-light);font-size:10px;padding:5px 10px;border-radius:4px;cursor:pointer;white-space:nowrap}.conn-row select{flex:1;background:#0c0705;border:1px solid var(--brass);color:var(--cream);font-family:inherit;font-size:11px;padding:5px 7px;border-radius:4px}@media (max-width: 420px){.spin-btn{width:72px;height:72px;font-size:11px}}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:radial-gradient(ellipse at top,#2a1a12,#120b08 65%);font-family:Courier New,ui-monospace,monospace;color:#f4e9d8;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#root{height:100%;width:100%}