.roulette-app{--bg:#0b1020;--felt:#0f5132;--felt-2:#0b3a25;--rail:#3a2a16;--ink:#e8ecf4;--muted:#93a0b8;--gold:#caa24a;--line:#ffffff24;--red:#c1272d;--black:#1b1f2a;--green:#0f8a3c;--win:#f2c14e;color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 700px at 50% -10%,#182642,transparent),var(--bg);min-height:100vh;font:15px/1.4 ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif}.roulette-app *,.roulette-app :before,.roulette-app :after{box-sizing:border-box}.roulette-app button{font:inherit}.roulette-app .app{flex-direction:column;max-width:1120px;min-height:100vh;margin:0 auto;display:flex}.roulette-app .topbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;padding:10px 16px;display:flex}.roulette-app .brand{letter-spacing:-.02em;font-size:20px;font-weight:800}.roulette-app .brand span{color:var(--gold)}.roulette-app .brand .ver{color:var(--muted);margin-left:6px;font-size:11px;font-style:normal;font-weight:500}.roulette-app .wheelpick{gap:6px;display:flex}.roulette-app .wheelpick__btn{color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px}.roulette-app .wheelpick__btn:hover:not(:disabled){color:var(--ink);border-color:var(--gold)}.roulette-app .wheelpick__btn.is-on{color:#1a1300;background:var(--gold);border-color:var(--gold);font-weight:700}.roulette-app .wheelpick__btn:disabled{opacity:.5;cursor:default}.roulette-app .bankroll{align-items:center;gap:8px;margin-left:auto;display:flex}.roulette-app .bankroll__label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.roulette-app .bankroll__amt{font-variant-numeric:tabular-nums;color:var(--win);font-size:20px;font-weight:800}.roulette-app .bankroll__reset{color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;width:30px;height:30px}.roulette-app .bankroll__reset:hover:not(:disabled){color:var(--ink);border-color:var(--gold)}.roulette-app .felt{background:radial-gradient(120% 90% at 50% 0%,var(--felt)0%,var(--felt-2)100%);border:8px solid var(--rail);border-radius:18px;flex-wrap:wrap;flex:1;align-items:flex-start;gap:20px;margin:14px;padding:18px 16px;display:flex;box-shadow:inset 0 0 60px #00000073,0 20px 50px #0006}.roulette-app .wheelcol{flex-direction:column;align-items:center;gap:12px;min-width:300px;display:flex}.roulette-app .tablecol{flex-direction:column;flex:1;gap:14px;min-width:320px;display:flex;overflow-x:auto}.roulette-app .wheel{filter:drop-shadow(0 10px 24px #00000080);display:block}.roulette-app .result{border:1px solid var(--line);background:#00000047;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-width:220px;min-height:44px;padding:6px 14px;font-weight:700;display:flex}.roulette-app .result--idle{color:var(--muted);font-weight:500}.roulette-app .result--win{border-color:var(--win);color:var(--win);box-shadow:0 0 0 2px #f2c14e33}.roulette-app .result--lose{color:#ef8f92;border-color:#c1272db3}.roulette-app .result__pocket{color:#fff;font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:inline-grid}.roulette-app .hist--red{background:var(--red)}.roulette-app .hist--black{background:var(--black);border:1px solid var(--line)}.roulette-app .hist--green{background:var(--green)}.roulette-app .stats{border:1px solid var(--line);background:linear-gradient(#121d3a 0%,#0b1226 100%);border-radius:14px;flex-direction:column;gap:12px;width:100%;max-width:320px;padding:12px 14px;display:flex;box-shadow:inset 0 0 34px #0006,0 10px 26px #00000059}.roulette-app .stats__title{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;justify-content:space-between;font-size:11px;display:flex}.roulette-app .stats__bars{justify-content:space-between;gap:12px;display:flex}.roulette-app .sgroup{background:#00000047;border-radius:10px;flex:1;justify-content:center;gap:7px;padding:8px 6px 6px;display:flex}.roulette-app .sbar{flex-direction:column;align-items:center;gap:3px;width:26px;display:flex}.roulette-app .sbar__pct{font-variant-numeric:tabular-nums;font-size:10px;font-weight:700}.roulette-app .sbar__track{background:#ffffff12;border-radius:4px;align-items:flex-end;width:100%;height:54px;display:flex;overflow:hidden}.roulette-app .sbar__fill{border-radius:3px 3px 0 0;width:100%;transition:height .5s}.roulette-app .sbar__fill--red{background:linear-gradient(180deg,#e8555a,var(--red));box-shadow:0 0 8px #c1272d8c}.roulette-app .sbar__fill--black{background:linear-gradient(#47506b,#232a3e);box-shadow:0 0 8px #00000080}.roulette-app .sbar__fill--zero{background:linear-gradient(180deg,#2ecc6b,var(--green));box-shadow:0 0 8px #0f8a3c8c}.roulette-app .sbar__fill--blue{background:linear-gradient(#5b96ec,#2b5cb0);box-shadow:0 0 8px #2b5cb08c}.roulette-app .sbar__label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;font-size:9px}.roulette-app .stats__row{background:#00000047;border-radius:10px;align-items:center;gap:8px;padding:7px 9px;display:flex}.roulette-app .stats__rowlabel{text-transform:uppercase;letter-spacing:.05em;width:62px;font-size:11px;font-weight:800;line-height:1.15}.roulette-app .stats__rowlabel--hot{color:#f2b63d;text-shadow:0 0 10px #f2b63d73}.roulette-app .stats__rowlabel--cold{color:#5aa2ff;text-shadow:0 0 10px #5aa2ff73}.roulette-app .stats__nums{gap:5px;margin-left:auto;display:flex}.roulette-app .snum{color:#fff;font-variant-numeric:tabular-nums;border-radius:6px;place-items:center;min-width:26px;height:26px;padding:0 3px;font-size:12px;font-weight:700;display:inline-grid;box-shadow:0 2px 4px #00000059}.roulette-app .snum--red{background:var(--red)}.roulette-app .snum--black{background:var(--black);border:1px solid var(--line)}.roulette-app .snum--green{background:var(--green)}.roulette-app .snum--empty{color:var(--muted);box-shadow:none;background:#ffffff12}.roulette-app .stats__strip{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.roulette-app .snum--latest{min-width:34px;height:34px;box-shadow:0 0 0 2px var(--win),0 0 12px #f2c14e80;border-radius:8px;font-size:15px}.roulette-app .board{grid-template-rows:repeat(3,46px) 34px 34px;grid-template-columns:46px repeat(12,minmax(34px,1fr)) 52px;gap:3px;min-width:620px;display:grid;position:relative}.roulette-app .board__zeros{flex-direction:column;grid-column:1;gap:3px;display:flex}.roulette-app .board__zeros .cell{flex:1}.roulette-app .cell{border:1px solid var(--line);cursor:pointer;color:#fff;font-variant-numeric:tabular-nums;border-radius:5px;place-items:center;padding:0;font-weight:700;transition:filter .1s,box-shadow .1s;display:grid;position:relative}.roulette-app .cell:hover{filter:brightness(1.18);box-shadow:0 0 0 1px var(--gold)inset}.roulette-app .cell--num{font-size:16px}.roulette-app .cell--red{background:var(--red)}.roulette-app .cell--black{background:var(--black)}.roulette-app .cell--green{background:var(--green)}.roulette-app .cell--zero{writing-mode:vertical-rl;text-orientation:mixed}.roulette-app .cell--outside{color:var(--ink);letter-spacing:.04em;background:#00000040;font-size:13px}.roulette-app .cell--outside.cell--red,.roulette-app .cell--outside.cell--black{color:#fff}.roulette-app .cell--col{font-weight:700}.roulette-app .cell__n{pointer-events:none}.roulette-app .cell--win{box-shadow:0 0 0 2px var(--win),0 0 14px #f2c14e99;z-index:3}.roulette-app .cell--result{box-shadow:0 0 0 3px var(--win),0 0 18px #f2c14ecc;z-index:4;animation:.6s roul-pop}@keyframes roul-pop{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.roulette-app .board__overlay{pointer-events:none;z-index:5;position:relative}.roulette-app .hotspot{cursor:pointer;pointer-events:auto;background:0 0;border:none;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;transform:translate(-50%,-50%)}.roulette-app .hotspot:after{content:"";background:0 0;border-radius:50%;transition:background .1s,box-shadow .1s;position:absolute;inset:4px}.roulette-app .hotspot:hover:after{box-shadow:0 0 0 2px var(--gold);background:#f2c14e8c}.roulette-app .hotspot--set{width:26px;height:26px}.roulette-app .hotspot--win{z-index:6}.roulette-app .chip{z-index:7;font-variant-numeric:tabular-nums;pointer-events:none;border:2px dashed #ffffffd9;border-radius:50%;place-items:center;min-width:24px;height:24px;padding:0 3px;font-size:11px;font-weight:800;display:inline-grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 5px #00000080}.roulette-app .chip--white{color:#14181f;background:#f5f5f5}.roulette-app .chip--red{background:var(--red);color:#fff}.roulette-app .chip--green{background:var(--green);color:#fff}.roulette-app .chip--blue{color:#fff;background:#2b6cb0}.roulette-app .chip--gold{background:var(--gold);color:#14181f}.roulette-app .chip--win{box-shadow:0 0 0 2px var(--win),0 0 12px #f2c14ecc}.roulette-app .rack{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.roulette-app .rackchip{cursor:pointer;font-variant-numeric:tabular-nums;border:2px dashed #ffffffb3;border-radius:50%;width:46px;height:46px;font-weight:800;transition:transform .1s,box-shadow .1s}.roulette-app .rackchip:hover:not(:disabled){transform:translateY(-3px)}.roulette-app .rackchip.is-on{box-shadow:0 0 0 3px var(--gold);transform:translateY(-3px)}.roulette-app .rackchip:disabled{opacity:.5;cursor:default}.roulette-app .rack__staked{color:var(--muted);margin-left:auto;font-size:14px}.roulette-app .rack__staked b{color:var(--ink)}.roulette-app .actions{flex-wrap:wrap;gap:10px;display:flex}.roulette-app .btn{color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#16203a;border-radius:10px;padding:10px 18px;font-weight:700}.roulette-app .btn:hover:not(:disabled){border-color:var(--gold)}.roulette-app .btn:disabled{opacity:.45;cursor:default}.roulette-app .btn--spin{background:var(--gold);color:#1a1300;border-color:var(--gold);min-width:120px;margin-left:auto}.roulette-app .btn--spin:hover:not(:disabled){filter:brightness(1.06)}.roulette-app .foot{text-align:center;color:var(--muted);padding:10px 16px 18px;font-size:12px}.roulette-app .foot a{color:var(--gold);text-decoration:none}@media (max-width:720px){.roulette-app .felt{flex-direction:column;align-items:center}.roulette-app .tablecol{width:100%}}