[data-game=lotto]{--game-accent-h: 38;--game-accent-s: 95%;--game-accent-l: 55%;--game-accent: hsl(var(--game-accent-h) var(--game-accent-s) var(--game-accent-l));--lotto-panel-bg: var(--color-surface-raised);--lotto-glass-bg: var(--color-surface-overlay);--lotto-border: var(--color-border-default);--lotto-glow: rgba(239, 170, 16, .25);--lotto-arena-bg: linear-gradient(180deg, rgba(23, 25, 30, .6) 0%, rgba(15, 17, 20, .95) 100%)}.lotto-main{max-width:800px;margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-10);display:flex;flex-direction:column;gap:var(--space-4);font-family:Outfit,Inter,system-ui,sans-serif;color:var(--color-text-primary, #ffffff)}.lotto-intro{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.lotto-intro h1{font-size:var(--text-4xl);font-weight:800;color:var(--game-accent);text-shadow:0 0 15px var(--lotto-glow);margin:0;letter-spacing:-.02em}.lotto-intro p{color:var(--color-text-secondary);font-size:var(--text-sm);max-width:480px;line-height:1.6}.lotto-options{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:480px;margin:var(--space-2) 0}.lotto-options__label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;font-weight:700;text-align:left}.lotto-btn-group{display:flex;gap:var(--space-3);width:100%}.lotto-opt-btn{flex:1;padding:var(--space-4) var(--space-3);border-radius:var(--radius-lg, 12px);border:1px solid var(--lotto-border);background:var(--lotto-panel-bg);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a}.lotto-opt-btn:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.lotto-opt-btn small{font-size:var(--text-xs);opacity:.7;display:block;font-weight:400;margin-top:4px}.lotto-opt-btn--active{border-color:var(--game-accent);background:hsl(var(--game-accent-h) var(--game-accent-s) var(--game-accent-l) / .12);color:var(--game-accent);box-shadow:0 0 15px hsl(var(--game-accent-h) var(--game-accent-s) var(--game-accent-l) / .25)}.lotto-ticket{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2);width:100%;max-width:480px;background:var(--lotto-panel-bg);border:1px solid var(--lotto-border);padding:var(--space-4);border-radius:var(--radius-xl, 16px);box-shadow:inset 0 2px 4px #0003}.lotto-ticket-btn{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--lotto-border);background:var(--color-surface-overlay);color:var(--color-text-secondary);font-size:var(--text-base);font-weight:700;cursor:pointer;transition:all .15s ease}.lotto-ticket-btn:hover{border-color:var(--game-accent);background:hsl(var(--game-accent-h) var(--game-accent-s) var(--game-accent-l) / .1);color:var(--game-accent)}.lotto-ticket-btn--selected{background:var(--game-accent)!important;color:#000!important;border-color:var(--game-accent)!important;box-shadow:0 0 10px #efaa1066}.lotto-game-grid{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.lotto-arena{width:100%;aspect-ratio:1.2 / 1;max-width:580px;margin:0 auto;border-radius:var(--radius-xl, 24px);border:1px solid var(--lotto-border);background:var(--lotto-arena-bg);position:relative;overflow:hidden;box-shadow:0 12px 36px #00000080,inset 0 2px 10px #ffffff0d}.lotto-arena:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.04) 0%,transparent 80%);pointer-events:none}.lotto-controls-panel{background:var(--lotto-panel-bg);border:1px solid var(--lotto-border);border-radius:var(--radius-xl, 20px);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:0 8px 24px #0000004d}.lotto-controls-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.lotto-btn{padding:12px 24px;font-size:var(--text-sm);font-weight:700;border-radius:var(--radius-lg, 12px);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent}.lotto-btn--primary{background:var(--game-accent);color:#111317;box-shadow:0 4px 15px #efaa104d}.lotto-btn--primary:hover:not(:disabled){background:hsl(var(--game-accent-h) var(--game-accent-s) 60%);transform:translateY(-2px);box-shadow:0 6px 20px #efaa1073}.lotto-btn--secondary{background:var(--color-surface-overlay);color:var(--color-text-secondary);border-color:var(--lotto-border)}.lotto-btn--secondary:hover:not(:disabled){background:var(--color-surface-raised);color:var(--color-text-primary);border-color:var(--color-border-strong);transform:translateY(-2px)}.lotto-btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important;box-shadow:none!important}.lotto-speed-control{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:600}.lotto-speed-slider{-webkit-appearance:none;width:120px;height:6px;border-radius:3px;background:var(--color-border-default);outline:none;cursor:pointer}.lotto-speed-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--game-accent);box-shadow:0 0 8px var(--game-accent);transition:transform .1s}.lotto-speed-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.lotto-draw-tray{display:flex;flex-direction:column;gap:var(--space-2);background:#0a0c0f73;border:1px solid var(--lotto-border);padding:var(--space-4);border-radius:var(--radius-xl, 18px)}.lotto-draw-tray__header{display:flex;justify-content:space-between;align-items:center}.lotto-draw-tray__title{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.lotto-draw-balls-list{display:flex;gap:var(--space-3);min-height:52px;align-items:center;justify-content:center;flex-wrap:wrap}.lotto-slot{width:46px;height:46px;border-radius:50%;border:2px dashed var(--lotto-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:var(--text-sm);font-weight:700;position:relative}.lotto-ui-ball{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--text-lg);box-shadow:0 4px 10px #0006,inset 0 3px 5px #ffffff40;animation:ballAppear .4s cubic-bezier(.175,.885,.32,1.275) forwards;border:1px solid rgba(0,0,0,.15)}.lotto-ui-ball__number-circle{width:24px;height:24px;border-radius:50%;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);box-shadow:inset 0 1px 3px #0003}@keyframes ballAppear{0%{transform:scale(0) rotate(-45deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.lotto-results-banner{margin-top:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg, 12px);text-align:center;font-size:var(--text-base);animation:bannerFade .4s ease forwards}.lotto-results-banner--win{background:#22c55e1f;border:1px solid rgba(34,197,94,.3);color:#4ade80}.lotto-results-banner--loss{background:#ef444414;border:1px solid rgba(239,68,68,.25);color:#f87171}.lotto-results-banner h3{margin:0 0 var(--space-1) 0;font-weight:800}.lotto-results-banner p{margin:0;font-size:var(--text-sm);opacity:.9}@keyframes bannerFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lotto-sound-toggle{background:transparent;border:none;cursor:pointer;color:var(--color-text-secondary);font-size:var(--text-lg);padding:var(--space-2);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s,color .15s}.lotto-sound-toggle:hover{background:#ffffff0d;color:#fff}@media (max-width: 600px){.lotto-main{padding:var(--space-2)}.lotto-arena{aspect-ratio:1.55 / 1;border-radius:var(--radius-lg, 16px)}.lotto-ticket{grid-template-columns:repeat(5,1fr);padding:var(--space-2)}.lotto-btn{padding:10px 18px;font-size:var(--text-xs)}}.lotto-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;background:#0a0c10bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;animation:modalFadeIn .3s cubic-bezier(.16,1,.3,1) forwards;padding:var(--space-4)}.lotto-modal__content{width:100%;max-width:440px;background:var(--color-surface-raised);border:1px solid var(--lotto-border);border-radius:var(--radius-2xl, 24px);padding:var(--space-6);box-shadow:0 24px 64px #0000004d;display:flex;flex-direction:column;align-items:center;transform:scale(.9);opacity:0;animation:modalScaleIn .35s cubic-bezier(.34,1.56,.64,1) .05s forwards}.lotto-modal.lotto-modal--out{animation:modalFadeOut .25s ease forwards}.lotto-modal.lotto-modal--out .lotto-modal__content{animation:modalScaleOut .25s ease forwards}@keyframes modalFadeIn{to{opacity:1}}@keyframes modalScaleIn{to{transform:scale(1);opacity:1}}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalScaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}@media (min-width: 769px){.lotto-game-grid{display:grid;grid-template-columns:1.22fr 1fr;gap:var(--space-4);align-items:start}}.lotto-side-column{display:flex;flex-direction:column;gap:var(--space-4)}.lotto-controls-panel details summary{list-style:none;outline:none}.lotto-controls-panel details summary::-webkit-details-marker{display:none}.light-theme{--color-surface-page: #f2f2f7;--color-surface-raised: #ffffff;--color-surface-overlay: #e5e5ea;--color-surface-sunken: #f2f2f7;--color-border-default: #d1d1d6;--color-border-strong: #c7c7cc;--color-text-primary: #1c1c1e;--color-text-secondary: #2c2c2e;--color-text-tertiary: #8e8e93;--lotto-panel-bg: #ffffff;--lotto-glass-bg: rgba(255, 255, 255, .7);--lotto-border: #d1d1d6;--lotto-glow: rgba(239, 170, 16, .12);--lotto-arena-bg: linear-gradient(180deg, #fdfbf7 0%, #f7f2e8 100%);background-color:#f2f2f7!important;color:#1c1c1e!important}.light-theme .zl-nav{background:#fffc!important;border-bottom:1px solid #d1d1d6!important}.light-theme .zl-nav__link{color:#2c2c2e!important}.light-theme .lotto-arena{background:var(--lotto-arena-bg);border-color:#d1d1d6;box-shadow:0 12px 36px #00000014,inset 0 2px 10px #fffc}.light-theme .lotto-arena:before{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.3) 0%,transparent 80%)}.light-theme .card,.light-theme .lotto-controls-panel,.light-theme .lotto-modal__content{background:#fff;border-color:#d1d1d6;box-shadow:0 8px 24px #0000000f}.light-theme .lotto-speed-slider{background:#e5e5ea}.light-theme .lotto-btn--secondary{background:#f2f2f7;color:#2c2c2e;border-color:#d1d1d6}.light-theme .lotto-btn--secondary:hover:not(:disabled){background:#e5e5ea;color:#1c1c1e;border-color:#c7c7cc}.light-theme .lotto-sound-toggle{color:#8e8e93}.light-theme .lotto-sound-toggle:hover{background:#0000000d;color:#1c1c1e}