@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";:root{color:#f8f6ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;background:#100d20;font-family:Be Vietnam Pro,Arial,sans-serif;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #b7a0ff}::selection{color:#100d20;background:#f2c14e}:root{--bg:#100d20;--panel:#19142b;--panel-light:#211a38;--purple:#9b7aff;--purple-bright:#b7a0ff;--gold:#f2c14e;--text:#f8f6ff;--muted:#a9a3bc;--border:#ffffff17}#root{min-height:100vh}.app-shell{background:radial-gradient(ellipse at 80% 8%, #7046c621, transparent 36%), var(--bg);min-height:100vh;overflow:hidden}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 48px);min-height:82px;margin:auto;display:flex}.brand{color:var(--text);letter-spacing:-1px;white-space:nowrap;align-items:center;gap:5px;font-size:23px;font-weight:800;text-decoration:none;display:inline-flex}.brand>span:last-child{color:var(--purple-bright)}.brand-icon{color:#1b1430;background:var(--gold);border-radius:10px;place-items:center;width:32px;height:32px;margin-right:5px;font-size:20px;display:inline-grid}.top-nav,.account-area{align-items:center;gap:25px;display:flex}.top-nav a{color:var(--muted);font-size:13px;text-decoration:none;transition:color .2s}.top-nav a:hover,.admin-link:hover{color:var(--purple-bright)}.account-area{gap:13px}.button{min-height:44px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:0 19px;font-size:13px;font-weight:700;transition:transform .2s,background .2s,border-color .2s,opacity .2s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px)}.button:disabled{cursor:wait;opacity:.7}.button-light{color:#24163e;background:#f8f5ff}.button-light:hover{background:var(--purple-bright)}.button-outline{color:var(--text);border-color:var(--border);background:0 0}.button-outline:hover{border-color:var(--purple)}.admin-link{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 0 8px 7px;font-size:12px;display:inline-flex}.phone-label{color:var(--muted);font-size:12px}.online-dot{background:#6ee7a0;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.hero,.game-section,.how-section,.footer{width:min(1120px,100% - 48px);margin-left:auto;margin-right:auto}.hero{justify-content:space-between;align-items:center;gap:40px;min-height:310px;padding:53px 0 43px;display:flex}.hero-copy{z-index:1;max-width:570px;position:relative}.campaign-tag,.eyebrow{color:var(--purple-bright);letter-spacing:2px;font-size:10px;font-weight:800}.campaign-tag{background:#9b7aff12;border:1px solid #b7a0ff33;border-radius:30px;align-items:center;gap:9px;padding:9px 12px;display:inline-flex}.sparkle{color:var(--gold)}.hero h1{letter-spacing:-2.7px;margin:23px 0 15px;font-size:clamp(39px,5vw,59px);line-height:1.12}.hero h1 span{color:var(--gold)}.hero-copy>p{max-width:440px;color:var(--muted);font-size:14px;line-height:1.9}.hero-points{flex-wrap:wrap;gap:24px;margin-top:24px;display:flex}.hero-points>div{color:#d4cfe1;align-items:center;gap:9px;font-size:12px;display:flex}.point-icon{width:26px;height:26px;color:var(--gold);background:#f2c14e1a;border-radius:8px;place-items:center;font-size:17px;display:grid}.hero-decoration{aspect-ratio:1;place-items:center;width:300px;min-width:240px;display:grid;position:relative}.orbit{aspect-ratio:1;border:1px solid #b7a0ff26;border-radius:50%;width:88%;position:absolute}.orbit-one{transform:rotate(-24deg)scaleY(.7)}.orbit-two{transform:rotate(40deg)scaleY(.7)}.hero-gift{background:linear-gradient(145deg,#332354,#201833);border:1px solid #f2c14e59;border-radius:38px;place-items:center;width:150px;height:150px;font-size:75px;animation:4s ease-in-out infinite gift-float;display:grid;transform:rotate(-8deg);box-shadow:0 0 70px #9b7aff33}.float-star{color:var(--gold);position:absolute}.star-one{font-size:25px;top:24%;left:14%}.star-two{color:var(--purple-bright);font-size:30px;bottom:23%;right:10%}.star-three{font-size:15px;top:17%;right:19%}@keyframes gift-float{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-9px)rotate(-4deg)}}.game-section{padding:27px 0 65px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.section-heading h2,.how-section h2{letter-spacing:-1px;margin:9px 0 0;font-size:clamp(23px,3vw,30px)}.demo-badge{color:var(--gold);letter-spacing:1px;border:1px solid #f2c14e40;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:800}.tab-switcher{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.game-tab{text-align:left;color:var(--muted);border:1px solid var(--border);cursor:pointer;background:#ffffff06;border-radius:15px;align-items:center;gap:14px;padding:17px;transition:all .2s;display:flex}.game-tab:hover{border-color:#b7a0ff73}.game-tab.active{color:var(--text);border-color:var(--purple);background:#9b7aff1a;box-shadow:inset 0 0 22px #9b7aff0a}.tab-icon{width:44px;height:44px;color:var(--gold);background:#f2c14e1a;border-radius:12px;flex-shrink:0;place-items:center;font-size:23px;display:grid}.special-icon{color:var(--purple-bright);background:#9b7aff1f}.game-tab strong,.game-tab small{display:block}.game-tab strong{margin-bottom:6px;font-size:13px}.game-tab small{color:var(--muted);font-size:11px}.game-card{border:1px solid var(--border);background:radial-gradient(at 75%,#7046c61f,#0000 45%),linear-gradient(145deg,#1c1630,#151123);border-radius:22px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:20px;min-height:480px;padding:36px;display:grid;box-shadow:0 25px 80px #0000001f}.game-info{max-width:400px}.game-info h3{letter-spacing:-1px;margin:12px 0;font-size:29px}.game-info>p{color:var(--muted);margin:0 0 25px;font-size:13px;line-height:1.9}.turn-counter{border:1px solid var(--border);background:#ffffff06;border-radius:13px;align-items:center;gap:12px;padding:15px;display:flex}.counter-icon{width:38px;height:38px;color:var(--purple-bright);background:#9b7aff24;border-radius:10px;place-items:center;font-size:23px;display:grid}.turn-counter>div:nth-child(2){gap:5px;min-width:0;display:grid}.turn-counter strong{font-size:12px}.turn-counter span{color:var(--muted);font-size:10px}.counter-status{white-space:nowrap;background:#6ee7a017;border-radius:7px;margin-left:auto;padding:6px 8px;color:#9bf0b6!important}.counter-status.used{background:#f2c14e1a;color:#f3d78e!important}.order-entry{gap:9px;display:grid}.order-entry label,.login-modal label{color:#e6e0f3;font-size:12px;font-weight:700}.order-entry input,.login-modal input{width:100%;min-height:46px;color:var(--text);font:inherit;background:#100d20;border:1px solid #b7a0ff3b;border-radius:11px;outline:none;padding:0 14px;font-size:13px;transition:border-color .2s,box-shadow .2s}.order-entry input:focus,.login-modal input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #9b7aff1a}.order-entry input::placeholder,.login-modal input::placeholder{color:#6e6784}.order-entry small{color:var(--muted);font-size:10px}.notice-message{color:#f3d78e;background:#f2c14e12;border:1px solid #f2c14e40;border-radius:9px;margin-top:12px;padding:10px 12px;font-size:12px;line-height:1.6}.button-primary{color:#21152e;background:linear-gradient(100deg,#f5d57b,#eab74b);box-shadow:0 6px 22px #f2c14e1a}.button-primary:hover:not(:disabled){background:#ffe39a}.spin-action{width:100%;min-height:49px;margin-top:20px;font-size:14px}.spin-action span{font-size:18px}.safe-note{color:#8f88a4;align-items:start;gap:7px;margin-top:14px;font-size:10px;line-height:1.7;display:flex}.safe-note span{color:#86dca6}.wheel-area{flex-direction:column;justify-content:center;align-items:center;min-width:0;padding-top:8px;display:flex;position:relative}.wheel-glow{aspect-ratio:1;filter:blur(40px);background:#8f64ff26;border-radius:50%;width:80%;position:absolute}.wheel-pointer{z-index:4;filter:drop-shadow(0 3px 3px #00000080);border-top:34px solid #fff1bd;border-left:15px solid #0000;border-right:15px solid #0000;width:0;height:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.wheel{aspect-ratio:1;will-change:transform;border:8px solid #d7bd75;border-radius:50%;flex-shrink:0;width:min(100%,365px);transition:transform 4.5s cubic-bezier(.12,.72,.08,1);position:relative;box-shadow:0 0 0 5px #3a2a58,0 0 0 7px #f2c14e66,0 15px 50px #0006}.wheel-segment{transform-origin:50%;color:#fff;pointer-events:none;flex-direction:column;align-items:center;padding-top:13%;display:flex;position:absolute;inset:0}.wheel-segment span{filter:drop-shadow(0 2px 2px #0003);font-size:clamp(15px,2vw,23px)}.wheel-segment small{color:#fff;text-align:center;max-width:83px;margin-top:5px;font-size:clamp(7px,.85vw,10px);font-weight:800;line-height:1.3}.wheel-center{z-index:2;aspect-ratio:1;color:#f6d982;background:#24183d;border:4px solid #e9cc7a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:22%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #30234a,0 3px 12px #00000059}.wheel-center>span{font-size:20px}.wheel-center strong{letter-spacing:1px;font-size:8px}.wheel-center small{letter-spacing:2px;margin-top:2px;font-size:6px}.wheel-caption{color:#c8b6ff;letter-spacing:3px;align-items:center;gap:12px;margin-top:27px;font-size:10px;font-weight:800;display:flex}.wheel-caption span{color:var(--gold)}.how-section{text-align:center;padding:32px 0 70px}.how-section h2{margin-bottom:30px}.steps-grid{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.step-card{border:1px solid var(--border);background:#ffffff06;border-radius:17px;padding:25px;position:relative}.step-number{color:#8673b8;letter-spacing:2px;font-size:11px;font-weight:800}.step-emoji{margin:23px 0 13px;font-size:30px}.step-card h3{margin:0 0 9px;font-size:16px}.step-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:25px 0 30px;display:flex}.footer .brand{font-size:18px}.footer .brand-icon{width:26px;height:26px;font-size:15px}.footer>span{color:var(--muted);font-size:10px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07050fc7;place-items:center;padding:20px;animation:.2s fade-in;display:grid;position:fixed;inset:0;overflow-y:auto}.login-modal,.winner-modal{background:radial-gradient(at 50% 0,#7046c629,#0000 45%),#1b1530;border:1px solid #b7a0ff33;border-radius:23px;width:min(100%,430px);padding:36px;animation:.25s modal-in;position:relative;box-shadow:0 30px 100px #00000080}.modal-close{border:1px solid var(--border);width:34px;height:34px;color:var(--muted);cursor:pointer;background:#ffffff0a;border-radius:10px;font-size:23px;position:absolute;top:14px;right:16px}.modal-symbol{color:#24163e;background:var(--gold);border-radius:14px;place-items:center;width:47px;height:47px;margin-bottom:25px;font-size:28px;display:grid}.login-modal h2,.winner-modal h2{letter-spacing:-1px;margin:12px 0;font-size:27px}.login-modal>p,.winner-description{color:var(--muted);font-size:13px;line-height:1.8}.login-modal form{gap:12px;margin-top:25px;display:grid}.login-modal form .button{margin-top:5px}.modal-footnote{color:#89819e;text-align:center;margin-top:20px;font-size:10px;line-height:1.7;display:block}.winner-modal{text-align:center}.winner-confetti{color:var(--gold);letter-spacing:12px;margin:5px 0 8px;font-size:25px}.winner-trophy{background:#f2c14e17;border:1px solid #f2c14e4d;border-radius:25px;place-items:center;width:84px;height:84px;margin:0 auto 20px;font-size:43px;display:grid}.winner-prize{color:var(--gold);background:#f2c14e12;border:1px solid #f2c14e4d;border-radius:12px;margin:18px 0;padding:17px;font-size:18px;font-weight:800}.winner-details{text-align:left;background:#ffffff09;border-radius:12px;gap:12px;padding:16px;display:grid}.winner-details>div{gap:6px;display:grid}.winner-details span{color:var(--muted);font-size:10px}.winner-details strong{overflow-wrap:anywhere;font-size:12px}.screenshot-reminder{text-align:left;background:#9b7aff14;border-radius:11px;align-items:start;gap:10px;margin:16px 0;padding:13px;display:flex}.screenshot-reminder>span{font-size:20px}.screenshot-reminder p{color:#c6bddb;margin:0;font-size:11px;line-height:1.8}.winner-modal>.button{width:100%}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.admin-page{background:var(--bg);min-height:100vh}.admin-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:22px max(24px,50% - 560px);display:flex}.admin-content{width:min(1120px,100% - 48px);margin:55px auto}.admin-content h1{margin:12px 0;font-size:clamp(28px,4vw,40px)}.muted{color:var(--muted);font-size:12px;line-height:1.8}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0;display:grid}.stat-card,.admin-panel{border:1px solid var(--border);background:var(--panel);border-radius:16px;padding:23px}.stat-card{gap:12px;display:grid}.stat-card>span{color:var(--muted);font-size:12px}.stat-card strong{font-size:32px}.stat-card small{color:#9188a8;font-size:10px}.admin-panel h2{margin:0 0 20px;font-size:18px}.prize-row{border-top:1px solid var(--border);align-items:center;gap:12px;padding:14px 0;font-size:13px;display:flex}.prize-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.prize-row-name{flex:1}.prize-row .muted{font-size:10px}@media (width>=1500px){.hero,.game-section,.how-section,.footer{width:min(1120px,100% - 64px)}}@media (width<=900px){.topbar{gap:14px;width:calc(100% - 32px)}.top-nav{display:none}.hero,.game-section,.how-section,.footer{width:calc(100% - 32px)}.hero{gap:10px}.hero-decoration{width:230px;min-width:180px}.hero-gift{width:120px;height:120px;font-size:60px}.game-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;padding:25px}.wheel{width:min(100%,310px)}.wheel-segment small{max-width:70px;font-size:8px}.wheel-center>span{font-size:15px}.wheel-center strong{font-size:6px}}@media (width<=600px){.topbar{min-height:68px}.brand{font-size:20px}.brand-icon{width:28px;height:28px}.account-area{gap:8px}.account-area>.button{min-height:38px;padding:0 11px;font-size:11px}.admin-link{padding-left:0;font-size:0}.admin-link span{font-size:17px}.phone-label{text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:10px;overflow:hidden}.hero{min-height:0;padding:40px 0 25px}.hero h1{letter-spacing:-2px;margin-top:20px;font-size:clamp(36px,9vw,47px)}.hero-copy>p{font-size:12px}.hero-decoration{display:none}.hero-points{gap:12px;margin-top:18px}.hero-points>div{gap:6px;font-size:10px}.section-heading{align-items:center}.section-heading h2{font-size:23px}.demo-badge{font-size:8px}.game-section{padding-top:25px;padding-bottom:35px}.tab-switcher{grid-template-columns:1fr;gap:9px}.game-tab{padding:12px}.tab-icon{width:38px;height:38px}.game-card{grid-template-columns:minmax(0,1fr);gap:28px;padding:23px 17px}.game-info{max-width:none}.game-info h3{font-size:25px}.game-info>p{margin-bottom:20px}.wheel-area{grid-row:1;padding-top:12px}.wheel{width:min(100%,310px)}.wheel-pointer{border-top-width:29px;border-left-width:13px;border-right-width:13px;top:2px}.wheel-caption{margin-top:24px}.steps-grid{grid-template-columns:minmax(0,1fr);gap:11px}.step-card{grid-template-columns:40px 44px minmax(0,1fr);align-items:center;gap:10px;padding:17px;display:grid}.step-number,.step-emoji{margin:0}.step-emoji{font-size:27px}.step-card h3{margin:0 0 5px;font-size:14px}.step-card p{font-size:11px}.step-card>h3,.step-card>p{grid-column:3}.step-card>.step-number,.step-card>.step-emoji{grid-row:1/span 2}.how-section{padding:25px 0 40px}.footer{text-align:center;justify-content:center}.footer>span{width:100%}.login-modal,.winner-modal{padding:30px 22px}.stats-grid{grid-template-columns:1fr;gap:10px}.admin-header{padding:18px 16px}.admin-header .button{padding:0 10px;font-size:11px}.admin-content{width:calc(100% - 32px);margin-top:35px}.prize-row{flex-wrap:wrap}.prize-row .muted{width:100%;padding-left:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}