:root{color-scheme:dark;--bg:#101514;--surface:#17201f;--muted:#9ba9a0;--gold:#efc76a;--gold2:#fff1ba;--border:#38443d;--green:#62bda8;--text:#f5f2e8;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:#0c1110;color:var(--text)}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.42}[hidden]{display:none!important}#app{height:100%;height:100dvh;max-height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:radial-gradient(circle at 40% 21%,#1d3029,#111918 62%,#0b100f)}.topbar{min-height:61px;display:flex;justify-content:space-between;align-items:center;padding:7px 16px 5px;flex-shrink:0;border-bottom:1px solid #ffffff12}.brand{display:flex;gap:9px;align-items:center}.brand-symbol{font-size:27px;color:var(--gold)}.brand-name{font-weight:800;letter-spacing:.1em;font-size:17px;line-height:1}.brand-name span{font-weight:400;color:var(--gold);padding-left:2px}.brand-sub{font-size:9px;letter-spacing:.17em;margin-top:5px;color:#abb7a9;font-weight:700}.icon-button{width:43px;height:42px;display:grid;place-items:center;background:#25312b;border:1px solid #465248;border-radius:13px;color:var(--gold2);font-size:28px;line-height:1}.live-view{min-height:0;flex:1;display:flex;flex-direction:column}.status-line{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 15px 0;min-height:34px}.spin-meta{font-size:12px;font-weight:800;letter-spacing:.06em;color:#d6dfd2}.status-tag{font-size:10px;letter-spacing:.07em;font-weight:850;padding:6px 10px;border-radius:20px;background:#293530;border:1px solid #49574b;color:#b9c7bd;white-space:nowrap}.status-tag.on{border-color:#d5ab58;background:#40351d;color:#ffdc87}.wheel-region{width:100%;min-height:0;flex:1;display:flex;justify-content:center;align-items:center;padding:3px 3px 0}.wheel-region svg{height:auto;width:min(100%,calc(100dvh - 335px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));max-width:100%;max-height:100%;aspect-ratio:1/1;overflow:visible;filter:drop-shadow(0 6px 14px #0008)}#pockets .pocket{stroke:#c8ae7a;stroke-opacity:.7;stroke-width:.9}#pockets .pocket.on{fill:#e5bf65!important;stroke:#fff0b9;stroke-width:1.8}#pockets text{paint-order:stroke fill;font-weight:750;text-anchor:middle;dominant-baseline:middle;fill:#fff6df;font-size:16px}#pockets text.on{fill:#171b15;stroke:none;font-weight:900}#chips .chip-box{fill:#252b28;stroke:#655e43;stroke-width:1.1;rx:4}#chips .chip-box.on{fill:#ffda82;stroke:#fff7d5;stroke-width:1.7}#chips .chip-connector{stroke:#e1c582;stroke-opacity:.35;stroke-width:1}#chips .chip-connector.on{stroke:#fff1a2;stroke-opacity:1;stroke-width:1.7}#chips .chip-label{font-size:12.5px;fill:#f6efd9;text-anchor:middle;dominant-baseline:central;font-weight:800}#chips .chip-label.on{fill:#211c12}.console{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.90fr);gap:9px;padding:0 12px;margin-top:3px;height:196px;min-height:196px;flex-shrink:0}.numbers-panel{background:linear-gradient(170deg,#1d2e27,#15211d);border:1px solid #58664b;border-radius:13px;padding:12px 8px 7px;overflow:hidden;display:flex;flex-direction:column}.panel-title{font-size:10px;letter-spacing:.04em;white-space:nowrap;font-weight:800;color:#f1db9e;display:flex;align-items:center;gap:6px;padding-bottom:10px}.panel-title .dot{width:6px;height:6px;background:var(--gold);border-radius:50%}.chosen-numbers{display:flex;flex-wrap:wrap;gap:4px;align-content:flex-start;overflow:hidden;line-height:1.1}.num-tag{font-weight:800;font-variant-numeric:tabular-nums;min-width:25px;text-align:center;padding:4px 3px;border-radius:5px;background:#374438;border:1px solid #718066;font-size:13px;color:#fff0c4}.empty-note{font-size:13px;color:#85998e;margin-top:16px;font-style:italic}.action-panel{display:flex;flex-direction:column;gap:8px;min-width:0}.action{display:flex;gap:6px;align-items:center;justify-content:center;flex:1;min-height:0;border-radius:11px;font-size:11px;font-weight:900;letter-spacing:-.015em;text-align:center;padding:4px 2px;border:1px solid #758373;color:#f1f4e9}.action-glyph{font-size:19px;font-weight:400}.action.secondary{background:linear-gradient(140deg,#2b3732,#202a26)}.action.primary{background:linear-gradient(140deg,#ffe3a0,#d6a44f);border-color:#fff0c4;color:#20190e;font-size:13px}.action:active,.icon-button:active{transform:scale(.98)}.footline{height:29px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 15px;gap:5px;font-size:9px;letter-spacing:.04em;color:#879a8d}.footline span:last-child{text-align:right}.onboard-view{flex:1;min-height:0;overflow:auto;padding:20px 23px 28px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0}.setup-emblem{font-size:51px;color:var(--gold);text-align:center;line-height:1;margin-bottom:15px}.setup-kicker{text-align:center;letter-spacing:.22em;color:var(--gold);font-size:11px;font-weight:850}.onboard-view h1{text-align:center;font-size:clamp(25px,6.7vw,38px);letter-spacing:-.04em;line-height:1.18;margin:15px 0}.onboard-view h1 em{color:var(--gold);font-style:normal}.onboard-view p{text-align:center;font-size:14px;line-height:1.55;color:#b6c4b7;max-width:365px;align-self:center;margin:0 auto 22px}.onboard-view strong{color:#fff}.upload-control{cursor:pointer;align-self:stretch;background:linear-gradient(135deg,#ffe6ad,#d9ae60);color:#201a10;text-align:center;border-radius:15px;padding:18px 8px;font-size:12px;letter-spacing:.035em;font-weight:900;box-shadow:0 4px 17px #0005}.layout-card{display:flex;flex-direction:column;gap:7px;border:1px solid #52614e;background:#18241e;padding:15px;border-radius:13px;margin-top:23px;color:#d2ddce;font-size:12px;line-height:1.4}.layout-card b{color:#f1d697;font-size:11px;letter-spacing:.12em}.security-note{color:#9fcbb5!important}.ocr-message{text-align:center;margin-top:13px;color:var(--gold);font-size:13px;min-height:25px}.ocr-message.error{color:#ffb0a8}.modal{position:fixed;z-index:40;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:env(safe-area-inset-top) 10px calc(env(safe-area-inset-bottom) + 10px)}.modal-shade{position:absolute;inset:0;background:#020707c9;backdrop-filter:blur(5px)}.dialog{background:linear-gradient(180deg,#233129,#141f1b);border:1px solid #67745b;box-shadow:0 16px 30px #0009;width:min(100%,500px);position:relative;border-radius:20px;padding:14px 13px;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 25px);overflow:auto}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:1px 3px 14px;gap:5px}.dialog-title{font-size:13px;font-weight:850;letter-spacing:.06em;color:#f4db9e}.dialog-close{background:#314037;border:1px solid #67765d;color:white;border-radius:10px;width:36px;height:36px}.keypad{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.keypad button{min-width:0;height:40px;border:1px solid #6b746b;background:#222c27;border-radius:9px;font-size:16px;font-weight:800;color:#eee9da}.keypad button.red{border-color:#774942;color:#ff867d}.keypad button.black{color:#efe9d8}.keypad button.green{border-color:#4e9686;color:#91e8c8}.keypad button.selected{background:var(--gold)!important;color:#20160d!important;border-color:#fff3cf!important}.form-line{display:flex;gap:9px;margin-top:12px;align-items:center}.manual-input{width:100%;min-width:0;border:1px solid #829078;border-radius:11px;padding:12px;background:#17211d;color:#f6efd9;font-size:18px;text-align:center}.confirm-button{border:1px solid #ffe9ab;border-radius:10px;padding:14px 11px;background:linear-gradient(120deg,#ffe0a0,#d9b364);color:#231a10;font-size:12px;font-weight:900;min-height:45px}.confirm-button:disabled{opacity:.4}.minor-note{color:#aec2b0;font-size:12px;line-height:1.5;margin:0 0 10px}.choice-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.mini-button{background:#2e3d34;border:1px solid #687966;border-radius:10px;color:#f6edd3;padding:10px;font-size:12px;font-weight:700;min-height:43px}.danger-button{background:#803c36!important;border-color:#d27867!important;color:white!important}.summary-pill{border:1px solid #60745f;background:#1b2921;padding:13px;border-radius:12px;margin-bottom:12px;line-height:1.6;font-size:13px}.summary-pill strong{color:var(--gold)}.review-board{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;max-height:184px;overflow:auto;margin:10px 0;border-radius:9px;padding:5px;background:#102018;border:1px solid #59685a}.review-board span{font-size:10px;text-align:center;color:#f3e3b7;background:#2c3b33;padding:3px 0;border-radius:3px}.review-board span:nth-child(-n+10){color:#d6bc82}.toast{position:fixed;z-index:80;left:12px;right:12px;bottom:calc(20px + env(safe-area-inset-bottom));background:#f1d18d;color:#241c0d;border-radius:14px;padding:13px;text-align:center;font-size:13px;font-weight:750;box-shadow:0 10px 25px #0008}@media(max-height:700px){.wheel-region svg{width:min(100%,calc(100dvh - 275px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))}.topbar{min-height:49px}.status-line{padding-top:4px;min-height:23px}.console{height:166px;min-height:166px}.action{font-size:10px}.footline{height:20px}.wheel-region{padding-top:0}.panel-title{font-size:9px}.numbers-panel{padding:9px 6px 5px}.num-tag{font-size:11px;min-width:22px;padding:3px 2px}}@media(min-width:600px){.wheel-region svg{max-width:530px}.console{max-width:560px;width:100%;margin-left:auto;margin-right:auto}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Keep even a 37-number bet list completely visible within its fixed lower-left panel. */
.chosen-numbers.dense{gap:2px}
.chosen-numbers.dense .num-tag{min-width:22px;padding:2px 1px;font-size:11px}