:root{--color-primary-50:#ecfeff;--color-primary-100:#cffafe;--color-primary-200:#a5f3fc;--color-primary-300:#67e8f9;--color-primary-400:#22d3ee;--color-primary-500:#06b6d4;--color-primary-600:#0891b2;--color-primary-700:#0e7490;--color-primary-800:#155e75;--color-primary-900:#164e63;--color-secondary-50:#fff7ed;--color-secondary-100:#ffedd5;--color-secondary-200:#fed7aa;--color-secondary-300:#fdba74;--color-secondary-400:#fb923c;--color-secondary-500:#f97316;--color-secondary-600:#ea580c;--color-secondary-700:#c2410c;--color-secondary-800:#9a3412;--color-secondary-900:#7c2d12;--color-accent-50:#faf5ff;--color-accent-100:#f3e8ff;--color-accent-200:#e9d5ff;--color-accent-300:#d8b4fe;--color-accent-400:#c084fc;--color-accent-500:#a855f7;--color-accent-600:#9333ea;--color-accent-700:#7e22ce;--color-accent-800:#6b21a8;--color-accent-900:#581c87;--color-success-50:#ecfdf5;--color-success-100:#d1fae5;--color-success-200:#a7f3d0;--color-success-300:#6ee7b7;--color-success-400:#34d399;--color-success-500:#10b981;--color-success-600:#059669;--color-success-700:#047857;--color-success-800:#065f46;--color-success-900:#064e3b;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-200:#fde68a;--color-warning-300:#fcd34d;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-warning-800:#92400e;--color-warning-900:#78350f;--color-error-50:#fff1f2;--color-error-100:#ffe4e6;--color-error-200:#fecdd3;--color-error-300:#fda4af;--color-error-400:#fb7185;--color-error-500:#f43f5e;--color-error-600:#e11d48;--color-error-700:#be123c;--color-error-800:#9f1239;--color-error-900:#881337;--dark-bg-primary:#030712;--dark-bg-secondary:#0f172a;--dark-bg-tertiary:#1e293b;--dark-bg-elevated:#334155;--dark-bg-hover:#475569;--dark-surface-1:rgba(15,23,42,0.8);--dark-surface-2:rgba(30,41,59,0.8);--dark-surface-3:rgba(51,65,85,0.6);--dark-border:rgba(255,255,255,0.08);--dark-border-hover:rgba(255,255,255,0.15);--dark-border-active:rgba(6,182,212,0.5);--dark-text-primary:#f8fafc;--dark-text-secondary:#cbd5e1;--dark-text-tertiary:#94a3b8;--dark-text-muted:#64748b;--glass-bg:rgba(15,23,42,0.75);--glass-bg-lighter:rgba(30,41,59,0.6);--glass-border:rgba(255,255,255,0.1);--glass-blur:blur(20px);--glass-blur-heavy:blur(40px);--font-family-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-display:"Cal Sans","Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-family-mono:"JetBrains Mono","Fira Code","SF Mono",Consolas,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-7xl:4.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--letter-spacing-widest:0.1em;--space-0:0;--space-px:1px;--space-0-5:0.125rem;--space-1:0.25rem;--space-1-5:0.375rem;--space-2:0.5rem;--space-2-5:0.625rem;--space-3:0.75rem;--space-3-5:0.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-sm:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--shadow-2xl:0 25px 50px -12px rgb(0 0 0/0.25);--shadow-inner:inset 0 2px 4px 0 rgb(0 0 0/0.05);--shadow-glow-primary:0 0 40px rgba(6,182,212,0.3),0 0 80px rgba(6,182,212,0.1);--shadow-glow-secondary:0 0 40px rgba(249,115,22,0.3),0 0 80px rgba(249,115,22,0.1);--shadow-glow-accent:0 0 40px rgba(168,85,247,0.3),0 0 80px rgba(168,85,247,0.1);--shadow-glow-success:0 0 40px rgba(16,185,129,0.3),0 0 80px rgba(16,185,129,0.1);--shadow-card:0 0 0 1px rgba(255,255,255,0.05),0 2px 4px rgba(0,0,0,0.1),0 12px 24px rgba(0,0,0,0.1);--shadow-card-hover:0 0 0 1px rgba(6,182,212,0.2),0 4px 8px rgba(0,0,0,0.15),0 24px 48px rgba(0,0,0,0.15);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-slower:500ms cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-out-expo:cubic-bezier(0.19,1,0.22,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--dark-text-primary);background:var(--dark-bg-primary);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(6,182,212,.15),transparent),radial-gradient(ellipse 60% 40% at 100% 0,rgba(168,85,247,.1),transparent),radial-gradient(ellipse 50% 30% at 0 100%,rgba(249,115,22,.08),transparent);pointer-events:none;z-index:-1;animation:backgroundPulse 20s ease-in-out infinite}@keyframes backgroundPulse{0%,to{opacity:1}50%{opacity:.8}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--dark-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--dark-bg-elevated);border-radius:var(--radius-full);border:2px solid var(--dark-bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--dark-bg-hover)}::-moz-selection{background:rgba(6,182,212,.3);color:var(--dark-text-primary)}::selection{background:rgba(6,182,212,.3);color:var(--dark-text-primary)}.premium-card{position:relative;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-card);transition:all var(--transition-normal);overflow:hidden}.premium-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 20%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 80%,transparent)}.premium-card:hover{border-color:var(--dark-border-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.premium-card--glow-primary:hover{border-color:rgba(6,182,212,.3);box-shadow:var(--shadow-glow-primary),var(--shadow-card-hover)}.premium-card--glow-accent:hover{border-color:rgba(168,85,247,.3);box-shadow:var(--shadow-glow-accent),var(--shadow-card-hover)}.premium-card--glow-success:hover{border-color:rgba(16,185,129,.3);box-shadow:var(--shadow-glow-success),var(--shadow-card-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1;text-decoration:none;border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:white;box-shadow:0 4px 14px rgba(6,182,212,.4)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-400),var(--color-primary-500));box-shadow:0 6px 20px rgba(6,182,212,.5);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:linear-gradient(135deg,var(--color-secondary-500),var(--color-secondary-600));color:white;box-shadow:0 4px 14px rgba(249,115,22,.4)}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-secondary-400),var(--color-secondary-500));box-shadow:0 6px 20px rgba(249,115,22,.5);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--dark-text-secondary);border:1px solid var(--dark-border)}.btn-ghost:hover:not(:disabled){background:var(--dark-surface-3);border-color:var(--dark-border-hover);color:var(--dark-text-primary)}.btn-outline{background:transparent;color:var(--color-primary-400);border:1px solid var(--color-primary-500)}.btn-outline:hover:not(:disabled){background:rgba(6,182,212,.1);border-color:var(--color-primary-400);box-shadow:var(--shadow-glow-primary)}.btn-icon{padding:var(--space-2-5)}.btn-icon,.btn-sm{border-radius:var(--radius-lg)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base);border-radius:var(--radius-xl)}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--font-size-lg);border-radius:var(--radius-2xl)}.btn-shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-shimmer:hover:before{left:100%}.input-group{position:relative;display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--dark-text-secondary);letter-spacing:var(--letter-spacing-wide)}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-family-sans);font-size:var(--font-size-base);color:var(--dark-text-primary);background:var(--dark-surface-1);border:1px solid var(--dark-border);border-radius:var(--radius-xl);outline:none;transition:all var(--transition-fast)}.input::-moz-placeholder{color:var(--dark-text-muted)}.input::placeholder{color:var(--dark-text-muted)}.input:hover{border-color:var(--dark-border-hover)}.input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(6,182,212,.15)}.input--error{border-color:var(--color-error-500)}.input--error:focus{box-shadow:0 0 0 3px rgba(244,63,94,.15)}.input--success{border-color:var(--color-success-500)}.input-error-message{color:var(--color-error-400);display:flex}.badge,.input-error-message{font-size:var(--font-size-xs);align-items:center;gap:var(--space-1)}.badge{display:inline-flex;padding:var(--space-1) var(--space-2-5);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap}.badge-primary{background:rgba(6,182,212,.15);color:var(--color-primary-400);border:1px solid rgba(6,182,212,.3)}.badge-secondary{background:rgba(249,115,22,.15);color:var(--color-secondary-400);border:1px solid rgba(249,115,22,.3)}.badge-accent{background:rgba(168,85,247,.15);color:var(--color-accent-400);border:1px solid rgba(168,85,247,.3)}.badge-success{background:rgba(16,185,129,.15);color:var(--color-success-400);border:1px solid rgba(16,185,129,.3)}.badge-warning{background:rgba(245,158,11,.15);color:var(--color-warning-400);border:1px solid rgba(245,158,11,.3)}.badge-error{background:rgba(244,63,94,.15);color:var(--color-error-400);border:1px solid rgba(244,63,94,.3)}.skeleton{position:relative;overflow:hidden;background:var(--dark-surface-2);border-radius:var(--radius-lg)}.skeleton:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05) 50%,transparent);animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.skeleton-text{height:1em;border-radius:var(--radius-md)}.skeleton-title{height:1.5em;width:60%;border-radius:var(--radius-md)}.skeleton-avatar{width:48px;height:48px;border-radius:var(--radius-full)}.skeleton-card{height:200px;border-radius:var(--radius-2xl)}.divider{height:1px;background:linear-gradient(90deg,transparent 0,var(--dark-border) 20%,var(--dark-border) 80%,transparent 100%);margin:var(--space-6) 0}.divider-vertical{width:1px;height:100%;background:linear-gradient(180deg,transparent 0,var(--dark-border) 20%,var(--dark-border) 80%,transparent 100%);margin:0 var(--space-4)}.metric-card{padding:var(--space-5);background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);transition:all var(--transition-normal)}.metric-card:hover{border-color:var(--dark-border-hover);transform:translateY(-2px)}.metric-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--dark-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);margin-bottom:var(--space-2)}.metric-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--dark-text-primary);line-height:var(--line-height-tight)}.metric-change{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--space-2)}.metric-change--positive{color:var(--color-success-400)}.metric-change--negative{color:var(--color-error-400)}.avatar{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-500),var(--color-accent-500));color:white;font-weight:var(--font-weight-semibold);overflow:hidden}.avatar-sm{width:32px;height:32px;font-size:var(--font-size-xs)}.avatar-md{width:40px;height:40px;font-size:var(--font-size-sm)}.avatar-lg{width:48px;height:48px;font-size:var(--font-size-base)}.avatar-xl{width:64px;height:64px;font-size:var(--font-size-lg)}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-8px);padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--dark-text-primary);background:var(--dark-bg-elevated);border-radius:var(--radius-lg);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:var(--z-tooltip)}.tooltip:hover:after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(-4px)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-6)}@media (max-width:768px){.container{padding:0 var(--space-4)}}.section{padding:var(--space-20) 0}.section-sm{padding:var(--space-12) 0}.section-lg{padding:var(--space-32) 0}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease-out}.animate-fade-in-down{animation:fadeInDown var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn var(--transition-normal) var(--ease-spring)}.animate-slide-in-right{animation:slideInRight var(--transition-slow) ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.stagger-animation>:first-child{animation-delay:0s}.stagger-animation>:nth-child(2){animation-delay:50ms}.stagger-animation>:nth-child(3){animation-delay:.1s}.stagger-animation>:nth-child(4){animation-delay:.15s}.stagger-animation>:nth-child(5){animation-delay:.2s}.stagger-animation>:nth-child(6){animation-delay:.25s}.stagger-animation>:nth-child(7){animation-delay:.3s}.stagger-animation>:nth-child(8){animation-delay:.35s}.hidden{display:none!important}.block{display:block!important}@media (max-width:639px){.sm\:hidden{display:none!important}}@media (min-width:640px){.sm\:block{display:block!important}.sm\:flex{display:flex!important}}@media (max-width:767px){.md\:hidden{display:none!important}}@media (min-width:768px){.md\:block{display:block!important}.md\:flex{display:flex!important}}@media (max-width:1023px){.lg\:hidden{display:none!important}}@media (min-width:1024px){.lg\:block{display:block!important}.lg\:flex{display:flex!important}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@media (min-width:768px){.md\:text-left{text-align:left}.md\:text-center{text-align:center}}.lottery-card{position:relative;background:linear-gradient(145deg,rgba(15,23,42,.9),rgba(30,41,59,.8));backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-5);transition:all var(--transition-normal);overflow:hidden}.lottery-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary-500),var(--color-accent-500),var(--color-secondary-500));opacity:0;transition:opacity var(--transition-fast)}.lottery-card:hover{border-color:rgba(6,182,212,.3);box-shadow:0 0 0 1px rgba(6,182,212,.1),0 8px 32px rgba(0,0,0,.3),0 0 60px rgba(6,182,212,.1);transform:translateY(-6px) scale(1.01)}.lottery-card:hover:before{opacity:1}.lottery-card__logo{width:64px;height:64px;border-radius:var(--radius-xl);-o-object-fit:contain;object-fit:contain;background:var(--dark-surface-2);padding:var(--space-2)}.lottery-card__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--dark-text-primary);margin-top:var(--space-3)}.lottery-card__country{font-size:var(--font-size-sm);color:var(--dark-text-tertiary);display:flex;align-items:center;gap:var(--space-1)}.lottery-card__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--dark-border)}.lottery-card__stat{text-align:center}.lottery-card__stat-label{font-size:var(--font-size-xs);color:var(--dark-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.lottery-card__stat-value{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-primary-400);margin-top:var(--space-1)}.jackpot-display{display:flex;align-items:baseline;gap:var(--space-1)}.jackpot-currency{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-success-400)}.jackpot-amount{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);background:linear-gradient(135deg,var(--color-success-400),var(--color-primary-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.draw-timer{display:flex;gap:var(--space-2)}.draw-timer__segment{display:flex;flex-direction:column;align-items:center;padding:var(--space-2) var(--space-3);background:var(--dark-surface-2);border-radius:var(--radius-lg);min-width:48px}.draw-timer__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--dark-text-primary);font-variant-numeric:tabular-nums}.draw-timer__label{font-size:var(--font-size-xs);color:var(--dark-text-muted);text-transform:uppercase}.number-ball{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:white;background:linear-gradient(145deg,var(--color-primary-500),var(--color-primary-700));box-shadow:inset 0 2px 4px rgba(255,255,255,.3),0 4px 8px rgba(0,0,0,.2)}.number-ball--powerball{background:linear-gradient(145deg,var(--color-secondary-500),var(--color-secondary-700))}.number-ball--megaball{background:linear-gradient(145deg,var(--color-warning-500),var(--color-warning-700))}