@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0";:root{--app-viewport-height: var(--tg-viewport-stable-height, 100vh);--app-safe-top: max( var(--tg-content-safe-area-inset-top, 0px), var(--tg-safe-area-inset-top, 0px), env(safe-area-inset-top, 0px) );--app-safe-right: max( var(--tg-content-safe-area-inset-right, 0px), var(--tg-safe-area-inset-right, 0px), env(safe-area-inset-right, 0px) );--app-safe-bottom: max( var(--tg-content-safe-area-inset-bottom, 0px), var(--tg-safe-area-inset-bottom, 0px), env(safe-area-inset-bottom, 0px) );--app-safe-left: max( var(--tg-content-safe-area-inset-left, 0px), var(--tg-safe-area-inset-left, 0px), env(safe-area-inset-left, 0px) )}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;max-width:100%;min-height:100%;min-height:100dvh;min-height:var(--app-viewport-height);overflow-x:hidden}body{width:100%;max-width:100%;font-family:Manrope,Segoe UI,Trebuchet MS,Roboto,Arial,sans-serif;background:linear-gradient(145deg,#070a12,#05070f 40%,#0b1524),radial-gradient(circle at 20% 20%,#0f172a 0%,transparent 35%),radial-gradient(circle at 85% 10%,#111827 0%,transparent 45%);color:#e5eaf5;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.text-center{text-align:center}.text-gray-400{color:#9ca3af}.text-gray-300{color:#d1d5db}.text-gray-500{color:#6b7280}.text-blue-300{color:#93c5fd}.text-emerald-400{color:#4ade80}.text-yellow-400{color:#facc15}.text-red-400{color:#f87171}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-lg{font-size:18px}.text-2xl{font-size:24px}.text-4xl{font-size:36px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-mono{font-family:JetBrains Mono,Consolas,monospace}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mt-2{margin-top:8px}.mt-1{margin-top:4px}.mb-3{margin-bottom:12px}.rounded-lg{border-radius:10px}.rounded-xl{border-radius:14px}.rounded{border-radius:8px}.bg-gray-700{background-color:#374151}.bg-gray-800{background-color:#1f2937}.bg-emerald-500\/20{background-color:#10b98133}.border{border:1px solid rgba(148,163,184,.35)}.h-4{height:16px}.h-6{height:24px;height:1.5rem}.h-8{height:32px}.w-1\/2{width:50%}.w-2\/3{width:66.6667%}.w-12{width:3rem}.w-full{width:100%}.space-y-2>*+*{margin-top:8px}.animate-pulse{animation:pulse 1.8s cubic-bezier(.4,0,.6,1) infinite}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:14px;font-weight:700;font-size:15px;transition:all .2s ease;cursor:pointer;color:#f8fafc}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%}.btn-lg{padding:14px 16px}.btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a 70%);box-shadow:0 8px 28px #22c55e59}.btn-outline{background:transparent;padding:8px 14px;border:1px solid rgba(148,163,184,.35);color:#d1d5db}.btn-outline:hover:not(:disabled){background:#94a3b814}.btn-sm{padding:6px 10px;font-size:13px}.pulse-subtle{animation:pulse-soft 2.8s ease-in-out infinite}.w-16{width:4rem}.safe-area-top{padding-top:max(10px,var(--app-safe-top))}.safe-area-bottom{padding-bottom:max(10px,var(--app-safe-bottom))}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.75}}.animate-shimmer{position:relative;overflow:hidden}.animate-shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#ffffff1f,#fff0);animation:shimmer 2.6s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.app-shell{position:relative;min-height:var(--app-viewport-height);overflow-x:hidden;padding:max(8px,var(--app-safe-top)) max(14px,var(--app-safe-right)) max(12px,var(--app-safe-bottom)) max(14px,var(--app-safe-left))}.app-shell__glow{position:absolute;border-radius:50%;filter:blur(40px);opacity:.45;pointer-events:none;z-index:0}.app-shell__glow--one{width:420px;height:420px;left:-120px;top:-120px;background:radial-gradient(circle,rgba(34,197,94,.5),transparent 72%);animation:float 18s ease-in-out infinite alternate}.app-shell__glow--two{width:520px;height:520px;right:-160px;bottom:15vh;background:radial-gradient(circle,rgba(56,189,248,.32),transparent 70%);animation:float 22s ease-in-out infinite alternate-reverse}.app-shell__container{width:min(480px,100%);margin:0 auto;display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.hero-card{display:flex;flex-direction:column;gap:8px;position:relative;padding:12px 14px;padding-top:max(12px,calc(var(--tg-content-safe-area-inset-top, 0px) + 8px))}.hero-top-bar{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px}.hero-row{display:flex;align-items:center;gap:10px}.language-select{height:28px;background:#111827c7;border:1px solid rgba(148,163,184,.25);border-radius:999px;padding:2px 10px;color:#e5e7eb;font-size:11px;font-weight:600}.language-select:focus-visible{outline:2px solid rgba(74,222,128,.45);outline-offset:1px}.hero-logo{width:48px;height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 12px #0000004d}.hero-content{flex:1}.hero-title{font-size:20px;line-height:1.1;font-weight:800;margin:0}.hero-subtitle{color:#9ca3af;font-size:13px;margin-top:2px}.main-stack{display:flex;flex-direction:column;gap:10px}.game-grid{display:flex;flex-direction:column;gap:16px}.panel{border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:14px;background:linear-gradient(155deg,#111827d1,#0f1420eb 56%,#0c0f17d9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden;animation:fade-slide .5s ease both}.panel:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.05),transparent,transparent);opacity:.35;z-index:0;pointer-events:none}.panel>*{position:relative;z-index:1}.panel.panel-tight,.panel.panel-compact{padding:12px}.panel.panel-spot{display:flex;flex-direction:column;gap:12px}.panel.panel-skeleton{display:grid}.panel-highlight{border-color:#4ade8059;background:linear-gradient(155deg,#0f1724db,#0a1118eb 56%,#081116d9)}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.panel-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8ea4c4;margin-bottom:4px}.panel-subtitle{color:#9ca3af;font-size:14px}.jackpot-card{text-align:center;border-color:#4ade8040;background:linear-gradient(165deg,#0a1420eb,#08121cf5,#060e16eb)}.jackpot-card:before{content:"";position:absolute;top:-1px;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,#4ade80,transparent);z-index:2}.jackpot-amount{text-align:center;padding:16px 0 6px}.jackpot-value{font-family:JetBrains Mono,Consolas,ui-monospace,monospace;font-size:48px;font-weight:800;line-height:1;background:linear-gradient(135deg,#4ade80,#22d3ee,#a78bfa);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 4s ease infinite;filter:drop-shadow(0 0 20px rgba(74,222,128,.3))}.jackpot-currency{font-size:14px;font-weight:700;color:#6ee7b7;letter-spacing:.15em;margin-top:4px}.jackpot-meta{display:flex;justify-content:center;gap:16px;margin-top:12px}.jackpot-meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#94a3b8}.jackpot-meta-icon{font-size:18px;line-height:1}.countdown{font-family:JetBrains Mono,Consolas,ui-monospace,monospace;font-size:32px;font-weight:700;letter-spacing:.08em;text-align:center;color:#fff;text-shadow:0 0 16px rgba(255,255,255,.15)}.status-chip{background:#4ade8024;color:#7ee787;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600}.progress-track{margin-top:12px;height:10px;border-radius:999px;background-color:#94a3b81f;overflow:hidden;box-shadow:inset 0 1px 3px #0000004d}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#4ade80,#34d399);background-size:200% 100%;transition:width .6s ease;animation:progress-glow 2s ease infinite;box-shadow:0 0 12px #4ade8066}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes progress-glow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.success-box{background:#34d39929;border:1px solid rgba(52,211,153,.32);border-radius:12px;padding:10px 14px;text-align:center;animation:pulse 1.6s infinite}.info-box{text-align:center;border-radius:12px;padding:10px 12px;background:#141c29e6}.accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:none;background:none;color:inherit;padding:0;cursor:pointer}.accordion-arrow{width:12px;height:12px;display:inline-flex;border-right:2px solid #9ca3af;border-bottom:2px solid #9ca3af;transform:rotate(45deg);transition:transform .2s ease}.accordion-arrow.open{transform:rotate(-135deg)}.how-body{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;font-size:14px;color:#d8deea}.how-col h3{color:#fcd34d;font-size:15px;font-weight:700;margin-bottom:10px}.rule-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.rule-list li{display:grid;grid-template-columns:auto 1fr;gap:12px}.rule-icon{font-family:Material Symbols Outlined;margin-top:2px;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:18px;line-height:1;font-weight:400;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 20;background:#3b82f633}.rule-title{color:#f8fafc;font-size:14px;font-weight:600;margin-bottom:2px}.rule-text{font-size:13px;color:#a7b0c1;line-height:1.35}.flow-list{display:grid;gap:10px}.flow-item{display:flex;align-items:flex-start;gap:10px;background:#0f172a99;border:1px solid rgba(148,163,184,.16);padding:10px 12px;border-radius:10px;font-size:13px;color:#c9d2e5}.flow-item p{margin:0;line-height:1.35}.flow-number{width:22px;height:22px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#0f172a;background:linear-gradient(135deg,#d9f99d,#4ade80);line-height:1;font-size:13px}.safe-area-top{padding-top:max(12px,var(--app-safe-top))}.safe-area-bottom{padding-bottom:max(12px,var(--app-safe-bottom))}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(22px)}}@keyframes fade-slide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:820px){.how-body{grid-template-columns:1fr}}
