:root{color-scheme:dark;--bg: #0b0e1a;--panel: #11162a;--panel-2: #0e1322;--border: #1f2840;--text: #e8eefc;--dim: #8aa0c8;--accent: #4de1ff;--green: #3ddc84;--red: #ff4d5e;--amber: #ffb02e;--gold: #ffc83d}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;overflow:hidden}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app{display:grid;height:100%;grid-template-columns:300px 1fr;grid-template-rows:52px 60px minmax(0,1fr) auto;grid-template-areas:"header header" "history history" "feed stage" "bet bet"}.app.feed-collapsed{grid-template-columns:34px 1fr}.header{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--panel);border-bottom:1px solid var(--border)}.logo{font-size:20px;font-weight:900;letter-spacing:3px}.logo-accent{color:var(--accent)}.header-right{display:flex;align-items:center;gap:14px}.players{color:var(--dim);font-size:12px}.balance{font-weight:700;font-variant-numeric:tabular-nums}.conn-dot{width:10px;height:10px;border-radius:50%;background:var(--dim)}.conn-connected{background:var(--green)}.conn-connecting,.conn-reconnecting{background:var(--amber)}.conn-disconnected{background:var(--red)}.link-btn{background:none;border:1px solid var(--border);border-radius:6px;color:var(--dim);padding:4px 10px}.link-btn:hover{color:var(--text);border-color:var(--dim)}.history-strip{grid-area:history;display:flex;align-items:center;gap:6px;padding:0 12px;overflow-x:auto;background:var(--panel-2);border-bottom:1px solid var(--border);scrollbar-width:none}.pill{flex:0 0 auto;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;background:#ffffff0a}.pill-red{color:var(--red);border:1px solid color-mix(in srgb,var(--red) 45%,transparent)}.pill-amber{color:var(--amber);border:1px solid color-mix(in srgb,var(--amber) 45%,transparent)}.pill-green{color:var(--green);border:1px solid color-mix(in srgb,var(--green) 45%,transparent)}.pill-gold{color:#1a1405;background:var(--gold);border:1px solid var(--gold)}.win-pos{color:var(--green)}.win-neg{color:var(--red)}.history-empty{color:var(--dim);font-size:12px}.hchip{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:4px 9px;border-radius:9px;white-space:nowrap;font-size:11px;line-height:1;font-variant-numeric:tabular-nums;background:#8aa0c812;border:1px solid var(--border)}.hchip-crash{font-weight:800;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hchip.tone-red{border-color:color-mix(in srgb,var(--red) 35%,var(--border))}.hchip.tone-red .hchip-crash{color:var(--red)}.hchip.tone-amber{border-color:color-mix(in srgb,var(--amber) 35%,var(--border))}.hchip.tone-amber .hchip-crash{color:var(--amber)}.hchip.tone-green{border-color:color-mix(in srgb,var(--green) 35%,var(--border))}.hchip.tone-green .hchip-crash{color:var(--green)}.hchip.tone-gold{border-color:color-mix(in srgb,var(--gold) 45%,var(--border))}.hchip.tone-gold .hchip-crash{color:var(--gold)}.hchip-item{display:inline-flex;align-items:center;gap:3px;padding-left:7px;border-left:1px solid var(--border)}.hchip-icon{font-size:10px}.hchip-val{font-weight:800;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hchip-gem .hchip-val{color:#4de1ff}.hchip-booster .hchip-val{color:#ff7a45}.hchip-vault .hchip-val{color:#ffc83d}.hchip-off{opacity:.42;filter:grayscale(.65)}.side-stack{display:flex;flex-direction:column;min-height:0;height:100%}.side-stack>.feed-panel{flex:1 1 50%;min-height:0;border-bottom:1px solid var(--border)}.side-stack>.my-history{flex:1 1 50%}.feed{grid-area:feed;position:relative;display:flex;flex-direction:column;min-height:0;background:var(--panel-2);border-right:1px solid var(--border)}.feed-toggle{position:absolute;top:8px;right:6px;z-index:2;width:22px;height:22px;padding:0;border:1px solid var(--border);border-radius:4px;background:var(--panel);color:var(--dim);font-size:10px}.feed-panel{display:flex;flex-direction:column;min-height:0;height:100%}.feed-header{display:flex;justify-content:space-between;padding:10px 34px 8px 12px;font-size:11px;font-weight:800;letter-spacing:2px;color:var(--dim);border-bottom:1px solid var(--border)}.feed-total{font-variant-numeric:tabular-nums}.feed-list{list-style:none;margin:0;padding:6px 8px;overflow-y:auto;flex:1}.feed-row{display:flex;justify-content:space-between;gap:8px;padding:5px 6px;border-radius:6px;font-size:13px}.feed-row:nth-child(odd){background:#ffffff06}.feed-player{color:var(--dim)}.feed-cashed .feed-detail{color:var(--green)}.feed-bust .feed-detail{color:var(--red);font-size:11px;font-weight:700;letter-spacing:1px}.feed-bust .feed-saved{color:var(--green);letter-spacing:0}.feed-detail{font-variant-numeric:tabular-nums}.feed-items{margin-left:4px}.feed-empty{padding:12px 6px;color:var(--dim);font-size:12px}.my-history{display:flex;flex-direction:column;min-height:0;height:100%}.mh-header{display:flex;justify-content:space-between;align-items:baseline;padding:10px 12px 8px;font-size:11px;font-weight:800;letter-spacing:2px;color:var(--dim);border-bottom:1px solid var(--border)}.mh-header-hint{font-size:9px;font-weight:700;letter-spacing:1px;opacity:.65}.mh-list{list-style:none;margin:0;padding:6px 8px;overflow-y:auto;flex:1}.mh-row{display:flex;flex-direction:column;gap:4px;padding:7px 8px;border-radius:8px;font-size:12px}.mh-row:nth-child(odd){background:#ffffff06}.mh-line1{display:flex;justify-content:space-between;align-items:baseline}.mh-line2{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mh-when{display:flex;flex-direction:column;line-height:1.1}.mh-time{font-weight:700;font-variant-numeric:tabular-nums}.mh-date{font-size:9px;color:var(--dim)}.mh-cashout-amt{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}.mh-cashout-paid{color:var(--green)}.mh-cashout-zero{color:var(--dim)}.mh-bet{font-size:10px;color:var(--dim);white-space:nowrap}.mh-calc{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.mh-base{font-weight:800;font-variant-numeric:tabular-nums;padding:1px 6px;border-radius:6px;background:#ffffff0d}.mh-base-win{color:var(--text)}.mh-base-bust{color:var(--red);font-size:10px;letter-spacing:1px}.mh-x{display:inline-flex;align-items:center;gap:3px;font-weight:800;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.mh-x-icon{font-size:11px;font-family:initial}.mh-x-thr{color:var(--dim);font-weight:700}.mh-x-val{font-weight:800}.mh-x-gem .mh-x-val{color:#4de1ff}.mh-x-booster .mh-x-val{color:#ff7a45}.mh-x-vault .mh-x-val{color:#ffc83d}.mh-x-missed{opacity:.42;filter:grayscale(.6);text-decoration:line-through}.mh-empty{padding:12px 6px;color:var(--dim);font-size:12px}.stage{grid-area:stage;position:relative;min-width:0;min-height:0}.canvas-host{position:absolute;top:0;right:0;bottom:0;left:0}.canvas-host canvas{display:block}.item-tray{position:absolute;left:12px;bottom:12px;display:flex;flex-wrap:wrap;gap:8px;max-width:70%}.tray-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--border);font-size:12px}.tray-icon{font-size:16px}.tray-info{display:flex;flex-direction:column;font-variant-numeric:tabular-nums}.tray-threshold{font-weight:700}.tray-value{color:var(--dim)}.tray-meta{display:flex;flex-direction:column;align-items:flex-end;font-size:10px;color:var(--dim)}.tray-state{text-transform:uppercase;letter-spacing:1px}.tray-collected,.tray-banked,.tray-realized{border-color:var(--green)}.tray-collected .tray-state,.tray-banked .tray-state,.tray-realized .tray-state{color:var(--green)}.tray-spectator{border-color:var(--border);opacity:.85}.tray-spectator .tray-state{color:var(--dim);text-transform:uppercase;letter-spacing:1px}.tray-missed{opacity:.45}.bet-panel{grid-area:bet;display:flex;gap:12px;padding:12px 16px;background:var(--panel);border-top:1px solid var(--border)}.bet-slot{flex:1;display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:10px;background:var(--panel-2);border:1px solid var(--border)}.bet-slot-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.mode-tabs{display:inline-flex;padding:3px;border-radius:999px;background:var(--bg);border:1px solid var(--border)}.mode-tab{padding:4px 18px;border:none;border-radius:999px;background:transparent;color:var(--dim);font-size:13px;font-weight:700}.mode-tab-active{background:var(--border);color:var(--text)}.autobet-net{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--dim)}.toggle{flex:0 0 auto;width:38px;height:22px;padding:0;border-radius:999px;border:1px solid var(--border);background:var(--bg);position:relative;transition:background .15s}.toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--dim);transition:transform .15s,background .15s}.toggle-on{background:color-mix(in srgb,var(--green) 35%,var(--bg));border-color:var(--green)}.toggle-on .toggle-knob{transform:translate(16px);background:var(--green)}.toggle-row{display:flex;align-items:center;gap:8px}.toggle-label{font-size:12px;color:var(--dim);flex:1}.toggle-row .auto-input{flex:0 0 80px}.auto-fields{display:flex;gap:6px}.auto-field{flex:1;display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--dim)}.auto-field input{padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font:inherit;font-variant-numeric:tabular-nums}.auto-field input:focus{outline:none;border-color:var(--accent)}.bet-notice{font-size:12px;font-weight:600;color:var(--amber)}.bet-controls{display:flex;flex-direction:column;gap:6px}.stake-row{display:flex;gap:6px}.step-btn{width:36px;border:1px solid var(--border);border-radius:6px;background:var(--panel);color:var(--text);font-size:16px}.stake-input,.auto-input{flex:1;min-width:0;padding:7px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font:inherit;font-variant-numeric:tabular-nums}.stake-input:focus,.auto-input:focus{outline:none;border-color:var(--accent)}.preset-row{display:flex;gap:6px}.preset-btn{flex:1;padding:4px 0;border:1px solid var(--border);border-radius:6px;background:var(--panel);color:var(--dim);font-size:12px;font-variant-numeric:tabular-nums}.preset-active{border-color:var(--accent);color:var(--accent)}.bet-btn{padding:12px;border:none;border-radius:8px;background:var(--border);color:var(--text);font-size:15px;font-weight:800;letter-spacing:1px;font-variant-numeric:tabular-nums}.bet-btn-bet{background:var(--green);color:#06250f}.bet-btn-cancel{background:var(--red);color:#2b0509}.bet-btn-cashout{background:var(--amber);color:#2b1d02}.bet-btn-won{background:color-mix(in srgb,var(--green) 25%,var(--panel));color:var(--green)}.bet-btn-lost{background:color-mix(in srgb,var(--red) 20%,var(--panel));color:var(--red)}.bet-error{color:var(--red);font-size:12px;font-weight:600}.bet-secured{color:var(--green);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#04060cb3}.modal{width:min(640px,calc(100vw - 32px));max-height:calc(100vh - 64px);overflow-y:auto;padding:18px 22px;border-radius:12px;background:var(--panel);border:1px solid var(--border)}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;font-size:18px}.modal-section{margin-top:16px}.modal-section h3{margin:0 0 8px;font-size:13px;color:var(--dim);text-transform:uppercase;letter-spacing:1px}.kv{display:grid;grid-template-columns:140px 1fr;gap:4px 12px;margin:0;font-size:12px}.kv dt{color:var(--dim)}.kv dd{margin:0;word-break:break-all}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.dim{color:var(--dim)}.verify-btn{margin-top:10px;padding:8px 18px;border:none;border-radius:8px;background:var(--accent);color:#02222b;font-weight:800}.verify-result{display:flex;gap:12px;align-items:flex-start;margin-top:12px;padding:10px 12px;border-radius:8px;border:1px solid var(--border)}.verify-mark{font-size:26px;font-weight:900;line-height:1}.verify-ok{border-color:var(--green)}.verify-ok .verify-mark{color:var(--green)}.verify-bad{border-color:var(--red)}.verify-bad .verify-mark{color:var(--red)}@media(max-width:760px){html,body,#root{height:100dvh}.app,.app.feed-collapsed{height:100dvh;grid-template-columns:minmax(0,1fr);grid-template-rows:46px 34px minmax(0,1fr) auto;grid-template-areas:"header" "history" "stage" "bet"}.header,.history-strip,.stage,.bet-panel,.bet-slot,.bet-controls,.stake-row,.stake-input,.auto-input,.toggle-row{min-width:0}.header{padding:0 10px}.logo{font-size:16px;letter-spacing:1px}.header-right{gap:10px}.history-strip{height:34px;padding:0 8px;gap:5px}.feed,.item-tray,.preset-row{display:none}.bet-panel{gap:6px;padding:8px}.bet-slot{flex:1 1 0;gap:6px;padding:8px 8px 10px}.bet-slot-head{gap:4px}.mode-tab{padding:3px 12px;font-size:12px}.autobet-net{font-size:11px}.stake-row{gap:4px}.step-btn{width:30px;font-size:15px}.stake-input{padding:6px;text-align:center}.bet-controls,.toggle-row{gap:6px}.toggle-label{font-size:11px}.toggle-row .auto-input{flex:0 0 56px;padding:6px 4px;text-align:center}.auto-fields{gap:5px}.auto-field{font-size:10px}.auto-field input{padding:5px 6px}.bet-btn{padding:11px 6px;font-size:14px;letter-spacing:0}.bet-error,.bet-notice,.bet-secured{font-size:11px}.feed-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;background:#04060c99}.feed-sheet{position:fixed;left:0;right:0;bottom:0;z-index:9;max-height:70dvh;display:flex;flex-direction:column;background:var(--panel);border-top:1px solid var(--border);border-radius:14px 14px 0 0}.feed-sheet-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);font-weight:800;letter-spacing:1px}.feed-sheet-body{display:flex;flex-direction:column;min-height:0;overflow:hidden}.feed-sheet-body>.feed-panel,.feed-sheet-body>.my-history{flex:1 1 50%;min-height:0}.feed-sheet-body>.feed-panel{border-bottom:1px solid var(--border)}}.mobile-only{display:none}@media(max-width:760px){.mobile-only{display:inline-flex}}