.game-nav{display:flex;gap:2px;background:var(--bg-tertiary);border-radius:var(--btn-radius);padding:2px}.game-nav__item{flex:1;height:var(--tab-height);border:none;border-radius:calc(var(--btn-radius) - 2px);background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.game-nav__item:hover:not(.game-nav__item--active){color:var(--text-primary);background:var(--bg-secondary)}.game-nav__item--active{background:var(--accent-button);color:var(--text-on-button);font-weight:600}.countdown{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1);padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 2);border-radius:var(--btn-radius);font-size:var(--font-size-base)}.countdown--accepting_bets{background:var(--accent-button);color:var(--text-on-button)}.countdown--draw_in_progress,.countdown--transitioning{background:var(--accent-muted);color:var(--accent-primary)}.countdown--no_events{background:var(--bg-tertiary);color:var(--text-muted)}.countdown__inner{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1)}.countdown__label{font-size:var(--font-size-sm);opacity:.8}.countdown__time{font-weight:700;font-size:var(--font-size-lg);font-variant-numeric:tabular-nums;min-width:3.5em;text-align:center}.countdown__drawing{font-weight:600;animation:pulse 1.5s ease-in-out infinite}.countdown__none{font-style:italic}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.game-header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing-unit) * 2)}.game-header__info{display:flex;flex-direction:column;gap:2px}.game-header__title{margin:0;font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.game-header__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary)}.market-tabs{display:flex;gap:calc(var(--spacing-unit) * 1);overflow-x:auto;padding-bottom:calc(var(--spacing-unit) * 1);scrollbar-width:thin}.market-tabs__tab{flex-shrink:0;height:var(--tab-height);padding:0 calc(var(--spacing-unit) * 2);border:1px solid var(--border-default);border-radius:var(--btn-radius);background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.market-tabs__tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.market-tabs__tab--active{background:var(--accent-button-muted);border-color:var(--accent-button);color:var(--accent-button);font-weight:600}.ball-grid{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2)}.ball-grid__info{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2);font-size:var(--font-size-sm)}.ball-grid__label{font-weight:600;color:var(--text-primary)}.ball-grid__counter{color:var(--text-secondary)}.ball-grid__odds{margin-left:auto;color:var(--accent-button);font-weight:600}.ball-grid__balls{display:flex;flex-wrap:wrap;gap:var(--ball-gap)}.ball-grid__ball{width:calc(var(--ball-size) * 2);height:calc(var(--ball-size) * 2);border-radius:50%;border:1px solid var(--border-default);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s ease;padding:0}.ball-grid__ball:hover:not(.ball-grid__ball--disabled){border-color:var(--accent-button);background:var(--bg-tertiary)}.ball-grid__ball--selected{background:var(--accent-button)!important;color:var(--text-on-button)!important;border-color:var(--accent-button)!important;font-weight:700}.ball-grid__ball--disabled{opacity:.35;cursor:not-allowed}.ball-grid__add{height:var(--btn-height);border:none;border-radius:var(--btn-radius);background:var(--accent-secondary);color:#fff;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:opacity .15s}.ball-grid__add:disabled{opacity:.4;cursor:not-allowed}.ball-grid__add:not(:disabled):hover{opacity:.85}.market-option{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--btn-height);padding:0 calc(var(--spacing-unit) * 2);border:1px solid var(--border-default);border-radius:var(--btn-radius);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-base);cursor:pointer;transition:all .15s ease}.market-option:hover{border-color:var(--accent-button);background:var(--accent-button-muted)}.market-option:active{border-color:var(--accent-button);background:var(--accent-button);color:var(--text-on-button)}.market-option:active .market-option__odds{color:var(--text-on-button)}.market-option__name{font-weight:500}.market-option__odds{color:var(--accent-button);font-weight:600;font-size:var(--font-size-sm)}.market-panel{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1.5)}.market-panel--empty{display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--font-size-base);padding:calc(var(--spacing-unit) * 4)}.market-panel--empty p{margin:0}.amount-input{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing-unit) * 1.5);padding:calc(var(--spacing-unit) * 1.5);background:var(--bg-secondary);border-radius:var(--btn-radius)}.amount-input__label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);flex-shrink:0}.amount-input__presets{display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 1)}.amount-input__preset{height:var(--btn-height);min-width:calc(var(--btn-height) * 1.8);padding:0 calc(var(--spacing-unit) * 1.5);border:1px solid var(--border-default);border-radius:var(--btn-radius);background:var(--bg-tertiary);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.amount-input__preset:hover{border-color:var(--accent-button)}.amount-input__preset--active{background:var(--accent-button-muted);border-color:var(--accent-button);color:var(--accent-button);font-weight:600}.amount-input__custom{height:var(--btn-height);width:80px;padding:0 calc(var(--spacing-unit) * 1.5);border:1px solid var(--border-default);border-radius:var(--btn-radius);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);outline:none}.amount-input__custom:focus{border-color:var(--accent-primary)}.amount-input__custom::-webkit-outer-spin-button,.amount-input__custom::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.amount-input__custom[type=number]{-moz-appearance:textfield}.bet-item{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(var(--spacing-unit) * 1);padding:calc(var(--spacing-unit) * 1.5);background:var(--bg-tertiary);border-radius:calc(var(--btn-radius) / 2)}.bet-item__info{display:flex;flex-direction:column;gap:2px;min-width:0}.bet-item__market{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bet-item__selections{font-size:var(--font-size-sm);color:var(--accent-button);font-weight:500}.bet-item__details{font-size:var(--font-size-sm);color:var(--text-muted)}.bet-item__remove{flex-shrink:0;width:20px;height:20px;border:none;border-radius:50%;background:var(--color-error);color:#fff;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .15s;padding:0}.bet-item__remove:hover{opacity:1}.bet-slip{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--btn-radius);overflow:hidden;height:100%}.bet-slip__header{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1);padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);border-bottom:1px solid var(--border-subtle)}.bet-slip__title{font-size:var(--font-size-base);font-weight:700;color:var(--text-primary)}.bet-slip__count{font-size:var(--font-size-sm);color:var(--text-secondary)}.bet-slip__clear{margin-left:auto;background:none;border:none;color:var(--color-error);font-size:var(--font-size-sm);cursor:pointer;padding:0}.bet-slip__items{flex:1;overflow-y:auto;padding:calc(var(--spacing-unit) * 1.5);display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1)}.bet-slip__empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--font-size-sm)}.bet-slip__empty p{margin:0}.bet-slip__footer{padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1)}.bet-slip__total{display:flex;justify-content:space-between;font-size:var(--font-size-base);color:var(--text-secondary)}.bet-slip__total-amount{font-weight:700;color:var(--text-primary)}.bet-slip__locked{text-align:center;font-size:var(--font-size-sm);color:var(--color-warning);padding:calc(var(--spacing-unit) * 1);background:#f59e0b1a;border-radius:calc(var(--btn-radius) / 2)}.bet-slip__submit{height:var(--btn-height);border:none;border-radius:var(--btn-radius);background:var(--accent-button);color:var(--text-on-button);font-size:var(--font-size-base);font-weight:700;cursor:pointer;transition:opacity .15s}.bet-slip__submit:disabled{opacity:.4;cursor:not-allowed}.bet-slip__submit:not(:disabled):hover{background:var(--accent-button-hover)}.bet-slip__error{font-size:var(--font-size-sm);color:var(--color-error);text-align:center}.draw-result{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 1.5);background:var(--bg-tertiary);border-radius:calc(var(--btn-radius) / 2);font-size:var(--font-size-sm)}.draw-result__time{color:var(--text-muted);flex-shrink:0}.draw-result__numbers{color:var(--accent-primary);font-weight:600;text-align:right}.draw-result__balls{display:flex;gap:calc(var(--spacing-unit) * .5);flex-wrap:wrap;justify-content:flex-end}.draw-result__ball{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 2px #0000001a}.draw-result__ball--yellow{background:#facc15;color:#000}.draw-result__ball--red{background:#ef4444}.draw-result__ball--blue{background:#3b82f6}.draw-result__ball--white{background:#fff;color:#000;border-color:#d1d5db}.draw-result__ball--green{background:#22c55e}.draw-result__ball--black{background:#111827}.draw-result__ball--orange{background:#f97316}.draw-result__ball--purple{background:#a855f7}.draw-result__ball--pink{background:#ec4899}.draw-result__ball--grey{background:#9ca3af;color:#000}.draw-result__ball--default{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-default);box-shadow:none}.draw-history{background:var(--bg-secondary);border-radius:var(--btn-radius);overflow:hidden}.draw-history__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);border:none;background:none;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:color .15s}.draw-history__toggle:hover{color:var(--text-primary)}.draw-history__count{background:var(--bg-tertiary);padding:2px 8px;border-radius:10px;font-size:var(--font-size-sm)}.draw-history__items{padding:0 calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 2);display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1);max-height:200px;overflow-y:auto}.draw-history__empty{padding:calc(var(--spacing-unit) * 2);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm)}.draw-history__empty p{margin:0}.toast{position:fixed;top:calc(var(--spacing-unit, 8px) * 2);right:calc(var(--spacing-unit, 8px) * 2);display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;z-index:9999;max-width:90%;box-shadow:0 4px 20px #0000004d}.toast--success{background:var(--color-success, #34d399);color:#fff}.toast--error{background:var(--color-error, #ef4444);color:#fff}.toast__icon{font-weight:700;font-size:16px}.toast__message{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast-enter-active{transition:all .3s ease-out}.toast-leave-active{transition:all .2s ease-in}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(-20px)}.app-root{width:100%;height:100vh}.app-loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--text-muted);font-size:var(--font-size-lg)}:root{--bg-primary: #0f1923;--bg-secondary: #1a2a3a;--bg-tertiary: #243447;--bg-elevated: #2a3f55;--accent-primary: #d4a843;--accent-primary-hover: #e0b955;--accent-secondary: #3a7bd5;--accent-muted: rgba(212, 168, 67, .15);--accent-button: #d4a843;--accent-button-hover: #e0b955;--accent-button-muted: rgba(212, 168, 67, .15);--text-primary: #f0f0f0;--text-secondary: #a0b0c0;--text-muted: #607080;--text-on-accent: #0f1923;--text-on-button: #0f1923;--border-default: #2a3f55;--border-subtle: #1e3045;--border-accent: #d4a843;--color-success: #34d399;--color-error: #ef4444;--color-warning: #f59e0b;--ball-size: 26px;--ball-gap: 6px;--btn-height: 44px;--btn-radius: 8px;--tab-height: 36px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-lg: 18px;--spacing-unit: 8px}:root[data-palette=betpula]{--bg-primary: #0f1923;--bg-secondary: #1a2a3a;--bg-tertiary: #243447;--bg-elevated: #2a3f55;--accent-primary: #d4a843;--accent-primary-hover: #e0b955;--accent-secondary: #3a7bd5;--accent-muted: rgba(212, 168, 67, .15);--accent-button: #12c0f1;--accent-button-hover: #30d0ff;--accent-button-muted: rgba(18, 192, 241, .15);--text-primary: #f0f0f0;--text-secondary: #a0b0c0;--text-muted: #607080;--text-on-accent: #0f1923;--text-on-button: #ffffff;--border-default: #2a3f55;--border-subtle: #1e3045;--border-accent: #d4a843;--color-success: #34d399;--color-error: #ef4444;--color-warning: #f59e0b}:root[data-palette=emirat]{--bg-primary: #1a1228;--bg-secondary: #2d1b4e;--bg-tertiary: #3d2a66;--bg-elevated: #4a3578;--accent-primary: #c0c0d0;--accent-primary-hover: #d8d8e8;--accent-secondary: #8b5cf6;--accent-muted: rgba(192, 192, 208, .15);--text-primary: #eeeef5;--text-secondary: #a0a0c0;--text-muted: #6a6a90;--text-on-accent: #1a1228;--border-default: #3d2a66;--border-subtle: #2d1b4e;--border-accent: #8b5cf6;--color-success: #34d399;--color-error: #f43f5e;--color-warning: #f59e0b}:root[data-palette=dark]{--bg-primary: #111111;--bg-secondary: #1a1a1a;--bg-tertiary: #252525;--bg-elevated: #303030;--accent-primary: #10b981;--accent-primary-hover: #34d399;--accent-secondary: #6366f1;--accent-muted: rgba(16, 185, 129, .15);--text-primary: #e5e5e5;--text-secondary: #a3a3a3;--text-muted: #666666;--text-on-accent: #111111;--border-default: #303030;--border-subtle: #222222;--border-accent: #10b981;--color-success: #34d399;--color-error: #ef4444;--color-warning: #f59e0b}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.flex{display:flex}.hidden{display:none}.flex-shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.italic{font-style:italic}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}html,body,#app{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary)}*{box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}