:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f5f7;color-scheme:dark;background:#101113;--bg: #101113;--surface: #191c20;--edge: #282c32;--muted: #a4aab5;--blue: #197ef2;--accent: #419bff;--top: max(env(safe-area-inset-top), var(--telegram-top, 0px));--bottom: max(env(safe-area-inset-bottom), var(--telegram-bottom, 0px));--left: max(env(safe-area-inset-left), var(--telegram-left, 0px));--right: max(env(safe-area-inset-right), var(--telegram-right, 0px))}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0;color:inherit;font-weight:600}button:disabled{cursor:default;opacity:.68}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}p{line-height:1.45}.app{height:var(--telegram-height, 100dvh);display:grid;grid-template-rows:minmax(0,1fr) auto;padding:var(--top) var(--right) 0 var(--left);overflow:hidden}.content{overflow:auto;overscroll-behavior-y:contain}.account,.spin-controls,.inner-page{width:min(calc(100% - 28px),452px);margin-inline:auto}.account{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:55px;margin-top:16px;padding:8px 9px 8px 14px;background:var(--surface);border:1px solid var(--edge);border-radius:15px}.username{font-weight:680;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.balance{display:grid;grid-template-columns:auto 34px;align-items:center;column-gap:10px;border-radius:12px;background:#22262b;padding:4px 4px 4px 10px;white-space:nowrap}.balance-caption{color:var(--muted);font-size:10px}.balance strong{grid-column:1;grid-row:2}.add{grid-column:2;grid-row:1 / 3;border-radius:50%;display:grid;place-items:center;height:34px;background:var(--blue)}.reel{--card-width: clamp(85px, 29vw, 126px);--card-height: clamp(111px, 35vw, 154px);height:clamp(183px,53vw,246px);height:clamp(183px,min(53vw,28dvh),246px);position:relative;overflow:hidden;isolation:isolate;max-width:540px;margin:8px auto 10px}.reel-track{position:absolute;left:-25%;bottom:9px;width:150%;height:calc(var(--card-height) + 21px);border-bottom:1px solid #252c35;border-radius:0 0 50% 50%;background:#0b0e11}.reel-card{position:absolute;bottom:20px;left:calc(50% - var(--card-width) / 2);width:var(--card-width);height:var(--card-height);background:#191d22;border:1.5px solid #333943;border-radius:15px;display:grid;place-items:center;grid-template-rows:minmax(0,1fr) auto auto;padding:10px 4px;gap:3px}.reel-card.selected{border-color:#268cff;background:#19222d}.pointer{position:absolute;z-index:8;left:50%;bottom:calc(var(--card-height) + 15px);translate:-50%;width:25px;height:25px;background:#f5f6f8;clip-path:path("M 4 0 H 21 Q 25 0 24 4 L 15 22 Q 12.5 27 10 22 L 1 4 Q 0 0 4 0 Z")}.gift-art{color:#839bb4;display:grid;place-items:center;min-width:0;min-height:0}.selected .gift-art,.progress-gift{color:#59a9ff}.gift-art img{display:block;width:76px;height:76px;max-width:100%;object-fit:contain}.reel-card .gift-art{width:100%;height:100%}.reel-card .gift-art img{width:85%;height:100%;max-height:85px}.gift-name{font-size:13px;color:#c8d0da}.gift-value{font-size:16px;font-weight:680}.spin-controls{display:grid;gap:14px;padding-bottom:16px}.segments,.prices{display:grid;gap:7px}.segments{grid-template-columns:1fr 1fr;background:var(--surface);border-radius:15px;padding:6px}.segments button{min-height:42px;background:transparent;color:var(--muted);border-radius:11px;font-size:clamp(12px,3.65vw,15px);padding:0 4px}.segments button[aria-pressed=true]{background:#515e71;color:#fff}.prices{display:flex;min-width:0;overflow-x:auto;margin-top:4px;padding-bottom:5px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#47566b transparent}.prices button{flex:0 0 max(78px,calc((100% - 21px)/4));scroll-snap-align:start;min-height:44px;border-radius:12px;background:#22262b;white-space:nowrap;padding:0 2px}.prices button[aria-pressed=true],.primary{background:var(--blue);color:#fff}.primary,.secondary{min-height:44px;border-radius:12px;padding:8px 10px;display:flex;align-items:center;justify-content:center;gap:8px}.secondary{background:#25303e;color:#d9e0eb}.progress-caption{color:var(--muted);display:flex;justify-content:center;align-items:center;gap:7px;margin:3px 0 4px;font-size:13px}.progress{min-height:63px;display:flex;align-items:center;justify-content:space-evenly;gap:4px;background:#16191d;border:1px solid var(--edge);border-radius:15px}.progress span{display:grid;place-items:center;width:clamp(28px,9vw,38px);aspect-ratio:1;border:1px solid #394656;border-radius:50%;color:var(--muted)}.progress span.next{border-color:#3987d7;color:#fff}.progress span.done{background:#215c9a;border-color:#276bb2;color:#fff}.navigation{background:#171a1e;border-top:1px solid var(--edge);padding:5px max(8px,calc((100% - 480px)/2)) calc(5px + var(--bottom));display:grid;grid-template-columns:repeat(3,1fr)}.navigation button{display:grid;justify-items:center;align-content:center;min-height:51px;gap:4px;background:transparent;color:var(--muted);font-size:12px;font-weight:500}.navigation button[aria-current]{color:var(--accent)}.inner-page{padding:23px 0}h1{margin:0 0 8px;font-size:26px}h2{font-size:18px;margin:20px 0 12px}.muted{color:var(--muted)}.panel{background:var(--surface);border:1px solid var(--edge);border-radius:14px;padding:14px}.stats,.inventory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.stats .panel{display:grid;gap:5px}.stats strong{font-size:22px}.stats span{color:var(--muted);font-size:13px}.share-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;margin:8px 0}.share-row input{border:1px solid var(--edge);background:var(--surface);border-radius:10px;padding:0 10px;text-overflow:ellipsis}.inner-page>.primary,.dialog-body>.primary{width:100%}.inventory-card,.result-card{display:grid;justify-items:center;gap:6px;text-align:center}.inventory-card .muted{font-size:12px}.empty{display:grid;gap:10px;justify-items:center;color:var(--muted)}dialog{padding:0;width:min(calc(100% - 32px),420px);max-height:calc(100% - var(--top) - var(--bottom) - 26px);margin:auto;border:1px solid #373c45;border-radius:19px;background:#1c2026;color:inherit}dialog::backdrop{background:#000a}.dialog-body{padding:18px;position:relative}.dialog-body h2{margin:0 44px 15px 0}.dismiss{position:absolute;right:7px;top:7px;background:transparent;color:var(--muted)}.icon-button{min-height:44px;min-width:44px;display:grid;place-items:center}.pointer{transform-origin:50% 10%}.prize-reveal{position:relative}.confetti{position:absolute;inset:0;pointer-events:none}.confetti i{position:absolute;left:50%;top:48%;width:6px;height:10px;border-radius:2px;animation:confetti-burst 1.25s var(--delay) both}.confetti i:nth-child(3n){width:5px;height:5px;border-radius:50%}@media(prefers-reduced-motion:no-preference){.prize-reveal .gift-art{animation:prize-pop .42s both}}@media(prefers-reduced-motion:reduce){.confetti{display:none}}@keyframes prize-pop{0%{opacity:0;transform:translateY(8px) scale(.72)}65%{opacity:1;transform:translateY(-4px) scale(1.16)}to{opacity:1;transform:none}}@keyframes confetti-burst{0%{opacity:0;transform:translateZ(0) scale(.35);animation-timing-function:cubic-bezier(.12,.65,.3,1)}6%{opacity:1}42%{transform:translate3d(var(--x),var(--y),0) rotate(var(--turn));animation-timing-function:cubic-bezier(.4,0,.86,.55)}75%{opacity:1}to{opacity:0;transform:translate3d(var(--x),var(--fall),0) rotate(var(--turn)) scale(.65)}}.win-dialog{width:min(calc(100% - 24px),318px);border-color:#74869d80;background:#1d232dd6}.win-dialog::backdrop{background:#0005}.win-dialog .dialog-body{padding:14px;text-align:center}.win-dialog h2{margin:2px 36px 10px;font-size:16px}.win-dialog .result-card{background:#0f141c52;padding:10px}.win-dialog .dismiss{top:2px;right:3px}.win-dialog .muted{margin:9px 0;font-size:12px}.result-actions{display:flex;flex-wrap:wrap;gap:8px}.result-actions button{flex:1 0 auto;font-size:13px}.navigation{position:relative;isolation:isolate}.navigation:before{content:"";position:absolute;z-index:-1;left:max(8px,calc((100% - 480px)/2));top:5px;width:min(calc((100% - 16px) / 3),160px);height:48px;border-radius:12px;background:radial-gradient(ellipse at center,#3390ec25,transparent 72%);transform:translate(var(--nav-offset, 100%))}.navigation[data-active=referral]{--nav-offset: 0%}.navigation[data-active=inventory]{--nav-offset: 200%}.segments{position:relative;isolation:isolate}.segments:before{content:"";position:absolute;z-index:-1;inset:6px auto 6px 6px;width:calc((100% - 19px)/2);border-radius:11px;background:#515e71}.segments[data-mode=demo]:before{transform:translate(calc(100% + 7px))}.segments button[aria-pressed=true]{background:transparent}@media(prefers-reduced-motion:no-preference){:root{--settle: cubic-bezier(.2,.75,.25,1);--spring: cubic-bezier(.2,.9,.28,1.35)}button{transition:scale .18s var(--spring),background-color .18s,color .18s,opacity .18s,filter .18s}button:not(:disabled):active{scale:.94;filter:brightness(1.16)}.navigation button:not(:disabled):active{scale:.89}.add svg{transition:rotate .26s var(--spring)}.add:active svg{rotate:90deg}.segments:before,.navigation:before{transition:transform .34s var(--spring)}.navigation button[aria-current] svg{animation:icon-hop .4s var(--settle) both}.prices button[aria-pressed=true]{animation:control-pop .29s var(--spring) both}.balance strong{transform-origin:left center;animation:control-pop .4s var(--spring) both}.account,.spin-page .reel,.spin-controls>*,.inner-page>*,.stats .panel,.inventory-card{animation:interface-enter .35s var(--settle) both;animation-delay:var(--entrance-delay, 0ms)}.spin-page .reel{--entrance-delay: 35ms}.spin-controls>.segments{--entrance-delay: 65ms}.spin-controls>.prices,.inner-page>:nth-child(2){--entrance-delay: 95ms}.spin-controls>.primary,.inner-page>:nth-child(3){--entrance-delay: .12s}.spin-controls>.secondary,.inner-page>:nth-child(4){--entrance-delay: 145ms}.spin-controls>.progress-caption,.inner-page>:nth-child(5){--entrance-delay: 165ms}.spin-controls>.progress,.inner-page>:nth-child(n+6){--entrance-delay: .19s}.inventory-card:nth-child(3n+2),.stats .panel:nth-child(2){--entrance-delay: 55ms}.inventory-card:nth-child(3n){--entrance-delay: 105ms}.inventory-card .gift-art{transition:transform .25s var(--spring)}.inventory-card:active .gift-art{transform:translateY(-4px) rotate(-9deg)}.progress span{transition:background-color .2s,border-color .2s,color .2s}.progress .done svg{animation:control-pop .33s var(--spring) both}.progress .next{animation:step-ready .4s var(--settle) both}.progress:has(.next:nth-child(5)) .progress-gift{animation:icon-hop .54s var(--settle) both}.spin-controls[aria-busy=true]>button{filter:saturate(.72)}dialog[open]{animation:dialog-enter .33s var(--spring) both}dialog[open]::backdrop{animation:backdrop-enter .24s ease-out both}.dialog-body [role=status]{animation:interface-enter .25s var(--settle) both}}@media(hover:hover)and (prefers-reduced-motion:no-preference){button:not(:disabled):hover{filter:brightness(1.12)}.inventory-card:hover .gift-art{transform:translateY(-4px) rotate(-7deg)}}@keyframes interface-enter{0%{opacity:0;translate:0 9px}to{opacity:1;translate:none}}@keyframes dialog-enter{0%{opacity:0;transform:translateY(14px) scale(.95)}to{opacity:1;transform:none}}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes icon-hop{0%{transform:translateY(3px) scale(.88) rotate(-8deg)}55%{transform:translateY(-3px) scale(1.12) rotate(4deg)}to{transform:none}}@keyframes control-pop{0%{transform:scale(.88)}to{transform:none}}@keyframes step-ready{0%{transform:scale(.88);box-shadow:0 0 #3390ec70}to{transform:none;box-shadow:0 0 0 6px transparent}}.content{display:flex;flex-direction:column}.content>*{flex-shrink:0}.spin-page{flex-grow:1;display:flex;flex-direction:column}.spin-page .reel{width:100%;flex-shrink:0}.spin-reward{width:min(calc(100% - 28px),452px);margin:auto auto 0;padding:8px 0 16px}.spin-reward .progress-caption{margin-bottom:9px}.brand{width:min(calc(100% - 28px),452px);margin:14px auto 0;display:flex;align-items:center;gap:8px;font-size:21px}.brand svg{color:var(--accent)}.account{margin-top:9px}.account-profile{display:flex;align-items:center;gap:8px;min-width:0}.account-avatar{flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#223345;color:#8ec8ff}.account-avatar img{width:100%;height:100%;object-fit:cover}.top-up-options{display:grid;gap:9px}.top-up-option{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:12px;background:var(--surface);border:1px solid var(--edge);border-radius:12px;text-align:left}.top-up-option svg{color:var(--accent)}.top-up-option strong{display:block;font-size:14px}.top-up-option strong+span{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:4px}.top-up-link{grid-template-columns:22px minmax(0,1fr) 17px;background:#2b2040;border-color:#63448b}.top-up-link svg{color:#c398ff}@media(prefers-reduced-motion:no-preference){.brand,.top-up-option{animation:interface-enter .35s var(--settle) both}.top-up-option:nth-child(2){animation-delay:45ms}.top-up-option:nth-child(3){animation-delay:90ms}}.prize-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.prize-grid .gift-art img{width:54px;height:54px}.result-card .gift-art{position:relative}.gift-motion{position:absolute;inset:0}.gift-poster-hidden{visibility:hidden}.tariff-description{display:grid;gap:3px;margin:0;padding:9px 12px;border:1px solid var(--edge);border-radius:12px;color:var(--muted);font-size:13px}.tariff-description strong{color:#e1e9f3}.referral-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.referral-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:54px;padding:8px 13px;border:1px solid var(--edge);border-radius:12px;background:var(--surface)}.referral-row>strong{font-size:14px;overflow-wrap:anywhere}.referral-deposit{display:grid;gap:2px;text-align:right}.referral-deposit span{color:var(--muted);font-size:11px}.referral-deposit b{font-size:14px;font-variant-numeric:tabular-nums}.inventory-card{position:relative}.inventory-count{position:absolute;top:6px;right:6px;padding:2px 6px;border-radius:7px;background:#25374e;color:#d4e8ff;font-size:12px}.inventory-toolbar{display:grid;gap:10px}.inventory-sort{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border-radius:14px;background:var(--surface);border:1px solid var(--edge)}.inventory-sort button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:5px;font-size:12px;background:transparent;color:var(--muted);border-radius:10px}.inventory-sort button[aria-pressed=true]{background:#243e59;color:#d7ecff}.inventory-sort svg{flex-shrink:0}.inventory-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 12px}.inventory-summary p{margin:0;font-size:14px}.inventory-summary button{flex-shrink:0;white-space:nowrap;font-size:13px}.gift-top-up{margin:0}.gift-top-up summary{cursor:pointer;list-style:none}.gift-top-up summary::-webkit-details-marker{display:none}.gift-top-up summary:focus-visible{outline:2px solid var(--accent)}.gift-top-up p{margin:8px 4px 4px;font-size:13px}.promo-field{display:grid;gap:6px;margin-top:5px}.promo-field label{font-size:14px;font-weight:600}.promo-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.promo-controls input{min-width:0;padding-inline:10px;border:1px solid var(--edge);border-radius:12px;background:var(--surface);color:inherit}.promo-field p{margin:0;font-size:12px}.spin-quantity{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 6px 4px 12px;border-radius:14px;background:var(--surface)}.spin-quantity:has(details[open]){position:relative;z-index:2}.spin-quantity details{position:relative}.spin-quantity summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:66px;min-height:44px;padding:0 10px;border:1px solid var(--edge);border-radius:10px;background:#22262b;cursor:pointer;list-style:none}.spin-quantity summary::-webkit-details-marker{display:none}.spin-quantity summary:focus-visible{outline:2px solid var(--accent)}.spin-quantity details[open] summary svg{rotate:180deg}.quantity-options{position:absolute;z-index:10;top:calc(100% + 5px);right:0;width:88px;max-height:176px;overflow-y:auto;padding:4px;border:1px solid var(--edge);border-radius:12px;background:#1c2026}.quantity-options button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;padding-inline:10px;border-radius:8px;background:transparent}.quantity-options button[aria-pressed=true]{background:#243e59;color:#d7ecff}