:root{color:#fff;font-synthesis:none;--bg-base:#090a10;--bg-surface:#101118;--bg-card:#171923;--bg-elevated:#222326;--border:#303240;--text-primary:#fff;--text-secondary:#b7bbc8;--text-muted:#777c8d;--cyan:#2ce8ff;--blue:#168cf8;--stars:#ffd84d;background:#090a10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button{font:inherit}.app-shell{background:#05060a;place-items:center;min-height:100dvh;display:grid}.phone{background:var(--bg-base);border-radius:28px;width:min(100vw,390px);height:min(100dvh,844px);min-height:720px;position:relative;overflow:hidden}.particles{pointer-events:none;position:absolute;inset:0}.particle{animation:2s ease-in-out infinite twinkle;position:absolute}.particle-1{width:2.4px;top:107px;left:27px}.particle-2{width:3.2px;top:83px;right:34px}.particle-3{width:5.5px;top:167px;left:54px}.particle-4{width:2.2px;top:221px;right:54px}.particle-5{width:3px;top:272px;left:43px}.particle-6{width:6.2px;top:304px;right:59px}.particle-7{width:2px;top:387px;left:19px}.particle-8{width:3.2px;top:421px;right:22px}.particle-9{width:5px;top:463px;left:69px}.particle-10{width:2.2px;top:506px;left:119px}.particle-11{width:3px;top:558px;right:50px}.particle-12{width:5.4px;top:512px;right:76px}.particle-13{width:2.4px;top:601px;left:52px}.particle-14{width:2px;top:647px;right:103px}.particle-15{width:4.8px;top:709px;left:97px}.particle-16{width:2.6px;top:742px;right:27px}.particle-17{width:1.8px;top:191px;left:108px}.particle-18{width:4.4px;top:145px;right:108px}.topbar{z-index:2;justify-content:space-between;align-items:flex-start;width:calc(100% - 48px);height:70px;display:flex;position:absolute;top:18px;left:24px}.topbar h1{margin:0;font-size:18px;line-height:23px}.balance{color:#fff;background:var(--bg-elevated);cursor:pointer;border:0;border-radius:17px;align-items:center;gap:7px;height:34px;margin-top:20px;padding:0 10px;font-size:11px;font-weight:600;display:flex}.balance img{object-fit:contain;width:16px;height:16px}.hero{z-index:1;text-align:center;width:100%;height:316px;position:absolute;top:92px;left:0}.eyebrow{color:var(--cyan);letter-spacing:.02em;margin:0;font-size:11px;font-weight:800;line-height:14px}.jackpot{color:var(--text-primary);white-space:nowrap;margin:4px 0 0;font-size:clamp(31px,9.75vw,38px);font-weight:800;line-height:44px}.safe-art{width:260px;height:240px;position:absolute;top:76px;left:50%;transform:translate(-50%)}.safe-image{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.money-glow{width:264px;height:234px;animation:2s ease-in-out infinite glow;position:absolute;top:2px;left:-2px}.spark{color:var(--stars);font-weight:800;animation:2s ease-in-out infinite twinkle;position:absolute}.spark-one{font-size:16px;top:68px;right:22px}.spark-two{font-size:11px;animation-delay:.4s;top:46px;left:82px}.buy-panel{z-index:3;width:calc(100% - 48px);position:absolute;top:410px;left:24px}.primary-button,.secondary-button{color:#fff;cursor:pointer;border:0;width:100%;font-weight:700}.primary-button{background:var(--blue);border-radius:16px;height:52px;margin-top:12px;font-size:13px}.secondary-button{border:1px solid var(--border);background:var(--bg-elevated);border-radius:16px;height:44px;margin-top:24px;font-size:12px}.buy-panel{border:1px solid var(--border);background:#171923f5;border-radius:24px;min-height:276px;padding:16px 18px 18px;box-shadow:0 20px 50px #0003}.buy-heading{text-align:center;margin-top:14px}.buy-heading h2{margin:4px 0 0;font-size:18px;line-height:23px}.payment-tabs{background:var(--bg-surface);border-radius:15px;grid-template-columns:1fr 1fr;gap:5px;padding:4px;display:grid}.payment-tab{height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:11px;font-size:11px;font-weight:800}.payment-tab.active{color:var(--cyan);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--border)}.payment-tab.stars.active{color:var(--stars)}.stepper{border:1px solid var(--border);background:var(--bg-surface);border-radius:16px;grid-template-columns:52px 1fr 52px;align-items:center;height:52px;margin-top:12px;display:grid}.stepper button{color:#fff;cursor:pointer;background:0 0;border:0;height:100%;font-size:24px}.stepper output{text-align:center;font-size:20px;font-weight:800}.ticket-price{color:var(--cyan);text-align:center;letter-spacing:.02em;margin:9px 0 0;font-size:10px;font-weight:800}.ticket-price.stars{color:var(--stars)}.buy-button{margin-top:8px}.buy-button.stars{color:#111218;background:var(--stars)}.buy-button:disabled{cursor:wait;opacity:.78}.payment-message{text-align:center;margin:8px 0 0;font-size:11px}.payment-message.error{color:#ff8f9d}.code-entry{z-index:3;width:calc(100% - 48px);position:absolute;top:420px;left:24px}.attempts-chip{border:1px solid var(--cyan);border-radius:16px;place-items:center;height:32px;margin:0;font-size:12px;font-weight:800;display:grid}.digit-row{grid-template-columns:repeat(6,1fr);gap:6px;margin-top:12px;display:grid;position:relative}.digit-row input{border:1px solid var(--border);color:#fff;background:var(--bg-elevated);text-align:center;border-radius:14px;outline:none;width:100%;min-width:0;height:54px;font-size:20px;font-weight:800}.digit-row input:focus{border-color:var(--cyan)}.digit-row input::placeholder{color:var(--text-secondary)}.code-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.code-actions .random-button,.code-actions .check-button{height:44px;margin:0}.digit-row.loss-strike:after{content:"";z-index:2;transform-origin:0;background:#ff8f9d;border-radius:2px;width:100%;height:3px;animation:.5s ease-out both loss-strike;position:absolute;top:50%;left:0}.digit-row.loss-strike input{animation:.5s ease-out both loss-code-fade}.random-hint{color:var(--text-muted);text-align:center;margin:8px 0 0;font-size:9px;font-weight:700}.primary-button:disabled{cursor:not-allowed;opacity:.55}.submission-message{color:var(--text-secondary);text-align:center;margin:7px 0 0;font-size:11px}.submission-message.win{color:var(--cyan)}.submission-message.error{color:#ff8f9d}.attempt-history{border:1px solid var(--border);background:var(--bg-surface);border-radius:16px;min-height:112px;margin-top:10px;padding:10px 14px}.attempt-history h3{color:var(--cyan);margin:0 0 5px;font-size:10px;line-height:14px}.attempt-history-row{justify-content:space-between;align-items:center;height:22px;font-size:12px;font-weight:600;display:flex}.attempt-history-row strong{color:var(--text-muted);font-size:10px}.attempt-history-row strong.win{color:var(--stars)}.attempt-history>p{color:var(--text-muted);text-align:center;margin:22px 0 0;font-size:10px;font-weight:700}.result-screen{z-index:3;text-align:center;padding:50px 24px 24px;position:absolute;inset:0}.result-brand{text-align:left;margin:0;font-size:18px;font-weight:800}.result-safe{object-fit:contain;width:286px;height:276px;position:absolute;top:88px;left:50%;transform:translate(-50%)}.result-copy{width:calc(100% - 48px);position:absolute;top:358px;left:24px}.result-copy h2{margin:0;font-size:30px;font-weight:800;line-height:36px}.result-copy p{color:var(--text-secondary);margin:7px 0 0;font-size:12px;font-weight:600}.result-screen.win .result-copy h2{color:var(--stars)}.result-card{border:1px solid var(--border);background:var(--bg-card);border-radius:24px;flex-direction:column;align-items:center;width:calc(100% - 48px);height:128px;padding:19px 16px;display:flex;position:absolute;top:438px;left:24px}.result-screen.win .result-card{border-color:var(--stars);box-shadow:0 0 30px #ffd84d1f}.result-card span{color:var(--text-muted);font-size:10px;font-weight:800}.result-card strong{color:var(--cyan);margin-top:8px;font-size:29px;font-weight:800;line-height:35px}.result-screen.win .result-card strong{color:var(--stars)}.result-card small{color:var(--text-secondary);margin-top:7px;font-size:10px;font-weight:600}.result-reset{width:calc(100% - 48px);color:var(--text-muted);margin:0;font-size:10px;font-weight:600;position:absolute;top:580px;left:24px}.result-actions{width:calc(100% - 48px);position:absolute;bottom:36px;left:24px}.result-actions .primary-button{margin:0}.result-actions .secondary-button{margin-top:10px}.result-screen.win .result-actions .primary-button{color:#111218;background:var(--stars)}.content-screen{z-index:2;padding:52px 24px 100px;position:absolute;inset:0}.screen-brand{margin:0;font-size:18px;font-weight:800}.content-screen h2{text-align:center;margin:32px 0 0;font-size:28px;line-height:34px}.screen-subtitle{color:var(--text-secondary);text-align:center;margin:4px 0 0;font-size:11px;font-weight:600}.ref-card{border:2px solid var(--cyan);background:var(--bg-card);border-radius:26px;flex-direction:column;align-items:center;height:142px;margin-top:42px;padding:16px;display:flex}.ref-card span,.invite-link span{color:var(--text-muted);font-size:11px;font-weight:800}.ref-card strong{color:var(--cyan);margin-top:14px;font-size:32px}.ref-card small{color:var(--text-secondary);margin-top:10px;font-size:11px}.ref-metrics{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.ref-metrics div{background:var(--bg-elevated);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;height:64px;display:flex}.ref-metrics strong{font-size:20px}.ref-metrics div:last-child strong{color:var(--stars)}.ref-metrics span{color:var(--text-secondary);margin-top:3px;font-size:11px}.progress{background:var(--bg-surface);border-radius:4px;height:8px;margin-top:8px;overflow:hidden}.progress i{border-radius:inherit;background:linear-gradient(90deg,#8c3dff,#ffc726);height:100%;display:block}.progress-label{color:var(--text-secondary);text-align:center;margin:7px 0 0;font-size:11px;font-weight:800}.invite-link{background:var(--bg-card);border-radius:20px;height:70px;margin-top:18px;padding:10px 16px;overflow:hidden}.invite-link strong{color:var(--cyan);text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:12px;font-weight:500;display:block;overflow:hidden}.referral-screen>.primary-button{margin-top:12px}.free-rule{border:1.5px solid var(--stars);background:var(--bg-card);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:68px;margin-top:12px;display:flex}.free-rule strong{color:var(--stars);font-size:12px}.free-rule span{color:var(--text-secondary);font-size:11px}.rules-list{gap:16px;margin-top:32px;display:grid}.rule{border:1px solid var(--blue);background:var(--bg-card);border-radius:20px;grid-template-columns:46px 1fr;align-items:center;gap:16px;height:78px;padding:12px 14px;display:grid}.rule>b{background:var(--blue);border-radius:15px;place-items:center;width:46px;height:46px;font-size:11px;display:grid}.rule strong{color:var(--blue);font-size:12px}.rule p{color:var(--text-secondary);margin:7px 0 0;font-size:11px}.rule-2,.rule-4{border-color:#7c3aed}.rule-2>b,.rule-4>b{background:#7c3aed}.rule-2 strong,.rule-4 strong{color:#8c3dff}.rule-3{border-color:var(--cyan)}.rule-3>b{background:var(--cyan)}.rule-3 strong{color:var(--cyan)}.rule-5{border-color:var(--stars)}.rule-5>b{color:#090a10;background:var(--stars)}.rule-5 strong{color:var(--stars)}.bottom-nav{z-index:4;border:1px solid var(--border);background:var(--bg-surface);border-radius:22px;justify-content:space-between;align-items:center;width:calc(100% - 48px);height:64px;padding:0 28px;display:flex;position:absolute;bottom:22px;left:24px}.nav-item{width:78px;height:46px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;font-size:12px;display:flex}.nav-icon{color:currentColor;width:18px;height:18px}.nav-item.active{color:#fff}.nav-item.active .nav-icon{color:var(--cyan)}button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}@keyframes glow{0%,to{opacity:.72}50%{opacity:1}}@keyframes twinkle{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@keyframes loss-strike{0%,10%{opacity:0;transform:scaleX(.01)}12%{opacity:1}60%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes loss-code-fade{0%,60%{opacity:1}to{opacity:0}}@media (height<=780px){.phone{border-radius:0;min-height:680px}.hero{transform-origin:top;top:80px;transform:scale(.9)}.buy-panel{transform-origin:top;top:374px;transform:scale(.94)}.code-entry{top:380px}.result-screen{transform-origin:top;transform:scale(.92)}.content-screen{transform-origin:top;padding-top:40px;transform:scale(.9)}.bottom-nav{bottom:12px}}@media (width>=391px){.phone{box-shadow:0 24px 80px #0000008c}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}