:root{--bg: #0a130f;--bg2: #0e1a14;--panel: rgba(16, 28, 22, .86);--panel-solid: #10201a;--line: rgba(255, 255, 255, .09);--green: #1f9d57;--green-bright: #46d488;--green-deep: #0c5f37;--gold: #caa24a;--gold-bright: #e9cd86;--red: #d3303a;--black: #1b1b20;--felt: #15402e;--ink: #eef3f0;--ink-dim: #9fb1a8;--shadow: 0 18px 44px -16px rgba(0, 0, 0, .7);--ui: "Space Grotesk", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--serif: "Newsreader", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:var(--ui);color:var(--ink);background:radial-gradient(circle at 50% 22%,#16261d 0%,var(--bg) 72%);overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}.app{position:fixed;top:0;right:0;bottom:0;left:0}.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.mono{font-family:var(--mono)}.btn{font-family:var(--ui);font-weight:600;font-size:14px;padding:11px 20px;border-radius:10px;cursor:pointer;border:1.5px solid var(--green);color:#04110a;background:linear-gradient(180deg,var(--green-bright),var(--green));display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .1s,filter .15s,opacity .15s}.btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06)}.btn:disabled{opacity:.4;cursor:default}.btn.ghost{background:transparent;color:var(--green-bright);border-color:#46d48880}.btn.danger{background:transparent;color:#ff6b6b;border-color:#ff6b6b80}.btn.spin{font-size:16px;font-weight:700;letter-spacing:.06em;padding:13px 30px;box-shadow:0 0 24px -4px var(--green-bright)}.iconbtn{width:40px;height:40px;border-radius:10px;cursor:pointer;font-size:17px;background:var(--panel);border:1px solid var(--line);color:var(--ink);display:grid;place-items:center;transition:border-color .15s,transform .1s}.iconbtn:hover{border-color:var(--green);transform:translateY(-2px)}.lbl{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-dim);display:block}.muted{color:var(--ink-dim);font-size:13px}.small{font-size:11px}.hud{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;justify-content:flex-end;padding:14px 18px;pointer-events:none}.hud>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:11px}.brand .logo{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--green-deep);color:var(--green-bright);font-family:var(--mono);font-weight:700;font-size:13px;border:1px solid var(--green);box-shadow:0 0 16px -6px var(--green-bright)}.brand .ttl{font-weight:700;font-size:19px;letter-spacing:-.01em;line-height:1}.brand .sub{font-family:var(--serif);font-style:italic;font-size:13px;color:var(--ink-dim)}.stats{display:flex;gap:10px;align-items:center}.stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:7px 14px;text-align:right;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:96px}.stat .v{font-family:var(--mono);font-weight:700;font-size:18px;line-height:1.1}.stat .v.gold{color:var(--gold-bright)}.dock{position:absolute;left:0;right:0;bottom:0;z-index:6;display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 16px 14px;background:linear-gradient(0deg,#060c09f0 36%,#060c0900);transition:transform .55s cubic-bezier(.5,0,.2,1),opacity .45s ease;will-change:transform}.dock.dock--down{transform:translateY(108%);opacity:0;pointer-events:none}.board-area{display:flex;justify-content:center;width:100%}.board-svg{width:min(82vw,960px);height:auto;max-height:30vh;background:radial-gradient(130% 100% at 50% -10%,#fff0cd17,#0000 52%),linear-gradient(180deg,#1a4a34,#123c2a 55%,#0c2b1e),var(--felt);border:1px solid rgba(202,162,74,.55);border-radius:16px;padding:14px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow),inset 0 0 0 2.5px #caa24a29,inset 0 2px 34px #0000006b}.board-svg .bcell{cursor:pointer}.board-svg rect.red{fill:#c42631}.board-svg rect.black{fill:#17171c}.board-svg rect.green{fill:#0e7a44}.board-svg .outside rect{fill:#09261b8c;stroke:#caa24a57}.board-svg rect{stroke:#caa24a6b;stroke-width:1.1}.board-svg .bcell:hover rect{filter:brightness(1.28)}.board-svg .cellnum{fill:#fbfbf6;font-family:var(--mono);font-weight:700;font-size:19px;pointer-events:none;filter:drop-shadow(0 1px 1.4px rgba(0,0,0,.55))}.board-svg .celltxt{fill:var(--gold-bright);font-family:var(--mono);font-weight:700;font-size:14px;letter-spacing:.05em;pointer-events:none}.board-svg .hotspot{fill:transparent;stroke:none}.board-svg .hotspot:hover{fill:#e9cd866b}.chipmark image{filter:drop-shadow(0 1px 3px rgba(0,0,0,.65))}.chipmark text{fill:#fff;stroke:#000;stroke-width:2.2px;paint-order:stroke;stroke-linejoin:round;filter:drop-shadow(0 1px 1.4px rgba(0,0,0,.9));font-family:var(--mono);font-weight:800;font-size:15px;letter-spacing:-.02em}.racetrack-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;background:radial-gradient(130% 100% at 50% -10%,#fff0cd17,#0000 52%),linear-gradient(180deg,#1a4a34,#123c2a 55%,#0c2b1e),var(--felt);border:1px solid rgba(202,162,74,.55);border-radius:16px;padding:10px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow),inset 0 0 0 2.5px #caa24a29,inset 0 2px 34px #0000006b}.neighbour-pick{display:flex;align-items:center;gap:6px}.nbtn{font-family:var(--mono);font-size:12px;padding:4px 10px;border-radius:8px;cursor:pointer;background:transparent;color:var(--ink-dim);border:1px solid var(--line)}.nbtn.on{background:var(--green);color:#04110a;border-color:var(--green);font-weight:700}.racetrack-svg{width:min(92vw,820px);height:auto;max-height:34vh}.racetrack-svg .track-ring{fill:#123c2a8c;stroke:#caa24a80;stroke-width:2}.racetrack-svg .track-inner{fill:#0c2b1e;stroke:#caa24a47;stroke-width:1}.racetrack-svg .rt-num{cursor:pointer}.racetrack-svg .rt-num:hover rect{filter:brightness(1.4)}.racetrack-svg rect.red{fill:#c42631}.racetrack-svg rect.black{fill:#17171c}.racetrack-svg rect.green{fill:#0e7a44}.racetrack-svg rect{stroke:#caa24a66}.racetrack-svg .cellnum{fill:#fbfbf6;font-family:var(--mono);font-weight:700;font-size:13px;pointer-events:none;filter:drop-shadow(0 1px 1.2px rgba(0,0,0,.55))}.racetrack-svg .zone{cursor:pointer}.racetrack-svg .zone rect{fill:#46d4881a;stroke:var(--green);stroke-width:1.2}.racetrack-svg .zone:hover rect{fill:#46d48840}.racetrack-svg .zone-name{fill:var(--green-bright);font-family:var(--ui);font-weight:700;font-size:15px;pointer-events:none}.racetrack-svg .zone-sub{fill:var(--ink-dim);font-family:var(--mono);font-size:10px;pointer-events:none}.chiptray{display:flex;gap:8px;align-items:center}.chip3d{position:relative;width:58px;height:58px;padding:0;border:none;background:none;cursor:pointer;transition:transform .14s ease,filter .15s;filter:drop-shadow(0 4px 7px rgba(0,0,0,.55))}.chip3d img{width:100%;height:100%;display:block;pointer-events:none}.chip3d:hover{transform:translateY(-4px) scale(1.04)}.chip3d.sel{transform:translateY(-7px) scale(1.1);filter:drop-shadow(0 0 9px var(--green-bright)) drop-shadow(0 6px 10px rgba(0,0,0,.6))}.chip3d:disabled{opacity:.34;cursor:default;filter:grayscale(.5) drop-shadow(0 3px 5px rgba(0,0,0,.5))}.controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}.staked{font-family:var(--mono);font-size:13px;color:var(--ink-dim);padding:0 6px}.staked b{color:var(--gold-bright);font-size:16px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.seg.wide{width:100%;margin-bottom:12px}.segbtn{flex:1;font-family:var(--ui);font-weight:600;font-size:13px;padding:9px 14px;cursor:pointer;background:transparent;color:var(--ink-dim);border:none}.segbtn.on{background:var(--green);color:#04110a}.pips{position:absolute;right:14px;top:84px;z-index:4;display:flex;flex-direction:column;gap:12px}.pip{position:relative;width:220px;height:150px;border-radius:12px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#0b0f0d;transition:width .55s cubic-bezier(.34,1.2,.4,1),height .55s cubic-bezier(.34,1.2,.4,1),box-shadow .5s ease,border-color .4s ease}.pips.spinning .pip{width:360px;height:246px;border-color:var(--green);box-shadow:0 0 26px -6px var(--green-bright),var(--shadow)}.pip canvas{width:100%!important;height:100%!important}.pip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 46px 6px #0000008c}.pip-label{position:absolute;top:6px;left:8px;z-index:2;font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--green-bright);background:#0006;padding:2px 6px;border-radius:5px;pointer-events:none}.dealer{position:absolute;left:16px;bottom:176px;z-index:7;width:184px;height:210px}.dealer-frame{position:relative;width:184px;height:210px;border-radius:12px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#0c1511}.dealer-frame video,.dealer-svg{width:100%;height:100%;object-fit:cover;display:block}.dealer-frame video{object-position:50% 12%;transform:scale(.9);transform-origin:50% 30%}.dealer-switch{position:absolute;bottom:7px;right:7px;z-index:2;width:27px;height:27px;border-radius:50%;background:#00000080;color:var(--gold-bright);border:1px solid rgba(202,162,74,.5);cursor:pointer;font-size:13px;display:grid;place-items:center;transition:background .15s,transform .1s}.dealer-switch:hover{background:#000000c7;transform:scale(1.08)}.dealer-status{position:absolute;top:6px;right:8px;font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:var(--ink-dim);background:#00000073;padding:2px 6px;border-radius:5px}.dealer-status.live{color:#ff6b6b}.dealer-line{position:absolute;top:calc(100% + 6px);left:0;right:0;font-family:var(--ui);font-size:12.5px;font-weight:500;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px 10px;text-align:center;min-height:30px;display:flex;align-items:center;justify-content:center}.favbar{position:absolute;right:14px;bottom:96px;z-index:7;width:186px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 10px 10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow)}.favbar-title{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--gold-bright);display:block;margin-bottom:7px}.favbar-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.fav{position:relative;height:46px;border-radius:9px;font-family:var(--mono)}.fav.empty{border:1px dashed rgba(255,255,255,.22);background:#ffffff08;color:var(--ink-dim);font-size:20px;font-weight:700;cursor:pointer;transition:.15s}.fav.empty:hover:not(:disabled){border-color:var(--green);color:var(--green-bright)}.fav.empty:disabled{opacity:.4;cursor:not-allowed}.fav.filled{padding:0;border:none;background:none}.fav-apply{width:100%;height:100%;border-radius:9px;cursor:pointer;padding:4px 6px;border:1px solid var(--gold);background:linear-gradient(180deg,#caa24a38,#caa24a14);color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;transition:.15s}.fav-apply:hover:not(:disabled){border-color:var(--gold-bright);box-shadow:0 0 16px -6px var(--gold-bright);transform:translateY(-1px)}.fav-apply:disabled{opacity:.5;cursor:not-allowed}.fav-slot{font-size:8px;letter-spacing:.1em;color:var(--gold-bright)}.fav-meta{font-size:13px;font-weight:700;line-height:1.05;display:flex;flex-direction:column}.fav-meta small{font-size:8px;font-weight:500;color:var(--ink-dim);letter-spacing:.02em}.fav-clear{position:absolute;top:-5px;right:-5px;width:16px;height:16px;border-radius:50%;border:1px solid var(--line);background:var(--panel-solid);color:var(--ink-dim);font-size:9px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}.fav-clear:hover{color:var(--red);border-color:var(--red)}.musicbar{position:absolute;top:14px;left:14px;z-index:6;display:flex;flex-direction:column;align-items:stretch;gap:7px;background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:7px 10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow);width:236px}.music-row{display:flex;align-items:center;gap:8px}.music-note{font-size:13px;filter:saturate(.9)}.music-ctrls{margin-left:auto}.music-btn.mute.on{color:var(--gold-bright)}.music-vols{display:flex;align-items:center;gap:10px}.music-vols .vol{display:flex;align-items:center;gap:5px;flex:1;min-width:0;cursor:pointer}.music-vols .vol-ico{font-size:12px;filter:saturate(.9);opacity:.85}.music-vols input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;min-width:0;height:4px;border-radius:3px;background:var(--line);outline:none;cursor:pointer}.music-vols input[type=range]:disabled{opacity:.4;cursor:default}.music-vols input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--green-bright);border:none;box-shadow:0 0 6px -1px var(--green-bright);cursor:pointer}.music-vols input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--green-bright);border:none;cursor:pointer}.board-toggle{position:absolute;left:50%;transform:translate(-50%);bottom:20px;z-index:8}.controls .board-hide{font-size:12px;padding:8px 14px}.music-name{font-family:var(--mono);font-size:11px;color:var(--ink);letter-spacing:.02em;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-ctrls{display:flex;gap:2px}.music-btn{width:24px;height:24px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--ink-dim);font-size:11px;cursor:pointer;display:grid;place-items:center;transition:.15s;padding:0}.music-btn:hover{color:var(--green-bright);border-color:#46d48866}.music-btn.play{color:var(--green-bright)}.history-modal{max-width:460px;width:92vw}.history-list{max-height:56vh;overflow-y:auto;margin:8px 0;display:flex;flex-direction:column;gap:4px}.hist-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:7px 8px;border-radius:8px;background:#ffffff08;border:1px solid var(--line)}.hist-num{font-family:var(--mono);font-weight:700;font-size:13px;width:30px;height:28px;border-radius:6px;display:grid;place-items:center;color:#fff}.hist-num.red{background:var(--red)}.hist-num.black{background:var(--black);border:1px solid #333}.hist-num.green{background:var(--green)}.hist-detail{font-family:var(--mono);font-size:12px;color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-win{color:var(--green-bright)}.hist-loss{color:var(--ink-dim)}.hist-net{font-family:var(--mono);font-weight:700;font-size:13px;color:var(--ink-dim)}.hist-net.up{color:var(--green-bright)}.hist-net.down{color:var(--red)}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:radial-gradient(circle at 50% 32%,#162c209e,#030705e0);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);padding:20px}.modal{width:min(460px,94vw);text-align:center;padding:30px 30px 26px;border-radius:20px;background:radial-gradient(120% 92% at 50% -8%,#fff0cd17,#0000 55%),linear-gradient(180deg,#143a2a,#0e2a1f 60%,#0a1f17);border:1px solid rgba(202,162,74,.5);box-shadow:var(--shadow),inset 0 0 0 2.5px #caa24a24}.modal h1{font-size:30px;letter-spacing:.01em;margin-bottom:4px;font-weight:700;background:linear-gradient(180deg,var(--gold-bright),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.modal .tagline{font-family:var(--serif);font-style:italic;color:var(--ink-dim);margin-bottom:22px;font-size:14px}.modal input[type=text]{width:100%;font-family:var(--mono);font-size:15px;color:var(--ink);background:#00000047;border:1px solid rgba(202,162,74,.32);border-radius:12px;padding:13px 14px;outline:none;margin-bottom:14px;text-align:center}.modal input::placeholder{color:#9fb1a8b3}.modal input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #caa24a38}.modal .lbl{text-align:left;margin:4px 0 8px}.bignum{font-family:var(--mono);font-weight:700;font-size:64px;line-height:1;margin:6px 0 2px}.bignum.red{color:#ff5a5f}.bignum.black{color:#e8e8ec}.bignum.green{color:var(--green-bright)}.netline{font-family:var(--mono);font-size:18px;margin:8px 0 16px}.netline.up{color:var(--green-bright)}.netline.down{color:#ff7b7b}.result-float{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;text-align:center;pointer-events:none;transition:opacity .55s ease,transform .55s ease}.result-float.in{opacity:1;transform:translateY(0) scale(1)}.result-float.out{opacity:0;transform:translateY(-8px) scale(.97)}.result-card{padding:20px 46px 14px;border-radius:20px;background:radial-gradient(ellipse at center,#050907bd,#05090757 55%,#05090700 78%)}.result-card .netline{margin:6px 0 0}.row{display:flex;gap:10px;justify-content:center;margin-top:6px}.resultsboard{position:absolute;top:70px;left:50%;transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:10px;padding:6px 12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow);max-width:92vw}.rb-label{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}.rb-row{display:flex;gap:4px;overflow:hidden}.rb-pill{min-width:26px;height:28px;padding:0 4px;border-radius:6px;display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:13px;color:#fff}.rb-pill.red{background:var(--red)}.rb-pill.black{background:var(--black);border:1px solid #333}.rb-pill.green{background:var(--green)}.rb-stats{display:flex;gap:8px;font-size:11px;font-weight:700}.rb-stats .red{color:#ff7b7b}.rb-stats .black{color:var(--ink-dim)}.bettimer{display:flex;align-items:center;gap:10px;width:min(82vw,960px);margin-bottom:2px}.bettimer-label{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-dim);white-space:nowrap}.bettimer-bar{flex:1;height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.bettimer-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--green-bright));transition:width .2s linear}.bettimer-secs{font-size:14px;font-weight:700;color:var(--green-bright);min-width:34px;text-align:right}.bettimer.urgent .bettimer-fill{background:#ff6b6b}.bettimer.urgent .bettimer-secs{color:#ff7b7b}.logpanel{position:absolute;top:132px;right:18px;z-index:8;width:min(420px,42vw);max-height:52vh;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.logpanel-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--line)}.logclose{background:none;border:none;color:var(--ink-dim);cursor:pointer;font-size:14px}.logpanel-body{overflow-y:auto;padding:8px 12px}.logline{font-size:11px;line-height:1.55;color:var(--ink-dim);padding:2px 0;border-bottom:1px solid rgba(255,255,255,.04);word-break:break-word}.logline.result{color:var(--ink)}.logline.broke{color:#ff7b7b}.logline.dim{opacity:.6}.toast{position:absolute;left:50%;bottom:30%;transform:translate(-50%);z-index:30;font-family:var(--mono);font-size:13px;color:#fff;background:#d3303aeb;border:1px solid rgba(255,255,255,.2);padding:10px 16px;border-radius:10px;box-shadow:var(--shadow);animation:toastIn .18s ease-out;pointer-events:none}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.rt-mark{fill:var(--gold-bright);stroke:#2a1c06;stroke-width:1.5}.rt-mark-txt{fill:#2a1c06;font-family:var(--mono);font-weight:700;font-size:9px}.board-svg [role=button]:focus-visible,.racetrack-svg [role=button]:focus-visible{outline:2px solid var(--green-bright);outline-offset:1px}.lbtable{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:13px;margin:8px 0 16px}.lbtable th{text-align:left;color:var(--ink-dim);font-weight:500;font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding:4px 8px;border-bottom:1px solid var(--line)}.lbtable td{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.06)}.lbtable td.rank{color:var(--green-bright);font-weight:700;width:28px}.lbtable td.score{text-align:right;color:var(--gold-bright);font-weight:700}.lbtable tr.me td{background:#46d4881f}@media(max-width:720px){.pips,.dealer,.favbar{display:none}.musicbar{width:196px}.chip3d{width:44px;height:44px}.chiptray{gap:5px}.stat{min-width:70px;padding:6px 9px}.stat .v{font-size:14px}.board-svg{max-height:32vh}}