:root{--bg: var(--tg-bg-color, #ffffff);--bg2: var(--tg-secondary-bg-color, #f2f3f5);--text: var(--tg-text-color, #111111);--hint: var(--tg-hint-color, #8a8f98);--link: var(--tg-link-color, #2481cc);--accent: var(--tg-button-color, #ff5c8a);--accent-text: var(--tg-button-text-color, #ffffff);--card: var(--tg-section-bg-color, var(--bg2));--danger: var(--tg-destructive-text-color, #e53935);--radius: 22px;--logo-font: "Caveat Brush", "Comic Sans MS", cursive;color-scheme:light dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;overscroll-behavior-y:none}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3{margin:0 0 12px}.header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;padding:8px 12px;background:var(--bg)}.logo{font-family:var(--logo-font);font-size:34px;text-align:center;line-height:1;transform:rotate(-3deg);letter-spacing:.5px;background:linear-gradient(90deg,#ff5c8a,#ffb13b 50%,#4d96ff);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-user-select:none;user-select:none}.icon-btn{position:relative;width:44px;height:44px;border:0;border-radius:14px;background:var(--bg2);font-size:20px;display:grid;place-items:center}.icon-btn.small{width:32px;height:32px;font-size:14px}.icon-btn.big{width:52px;height:52px}.burger,.burger:before,.burger:after{display:block;width:20px;height:2.5px;border-radius:2px;background:var(--text);position:relative;content:""}.burger:before{position:absolute;top:-6px}.burger:after{position:absolute;top:6px}.counter{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--accent);color:var(--accent-text);font-size:12px;font-weight:700;display:grid;place-items:center}.drawer-backdrop{position:fixed;inset:0;z-index:50;background:#00000059;animation:fade .15s}.drawer{position:absolute;inset:0 auto 0 0;width:78%;max-width:320px;background:var(--bg);padding:24px 16px;display:flex;flex-direction:column;gap:4px;animation:slide .2s ease-out}.drawer-logo{text-align:left;margin-bottom:20px}.drawer-item{border:0;background:none;text-align:left;padding:14px 12px;border-radius:14px;font-size:18px}.drawer-item:active{background:var(--bg2)}@keyframes fade{0%{opacity:0}}@keyframes slide{0%{transform:translate(-100%)}}.app{min-height:100vh}.screen{padding:8px 16px 32px}.screen.center,.center{display:flex;flex-direction:column;align-items:center;gap:14px}.center-text{text-align:center}.with-bottom-bar{padding-bottom:110px}.screen-title{font-size:26px}.muted{color:var(--hint)}.small{font-size:13px}.card{background:var(--card);border-radius:var(--radius);padding:16px;margin-bottom:12px;border:0;width:100%;text-align:left}.card.warn{background:#fff3cd;color:#5c4400}.big-emoji{font-size:64px}.btn{border:0;border-radius:18px;padding:15px 22px;background:var(--accent);color:var(--accent-text);font-weight:700;font-size:17px;transition:transform .1s,opacity .2s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45}.btn.secondary{background:var(--bg2);color:var(--text)}.btn.wide{width:100%}.btn.grow{flex:1}.btn.small{padding:10px 16px;font-size:15px}.btn.big{font-size:22px;padding:18px}.link{border:0;background:none;color:var(--link);padding:4px 0}.loader{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center}.spinner{width:42px;height:42px;border-radius:50%;border:4px solid var(--bg2);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.terms-card{margin-top:16px;text-align:center}.terms-card p{line-height:1.45}.check{display:flex;gap:12px;align-items:center;width:100%;padding:12px 4px;font-size:16px}.check input{width:24px;height:24px;accent-color:var(--accent);flex-shrink:0}.prize-banner{width:100%;display:flex;gap:12px;align-items:center;border:0;text-align:left;border-radius:var(--radius);padding:12px 16px;margin-bottom:8px;background:linear-gradient(90deg,#ffe066,#ffb13b);color:#3a2500}.prize-banner small{display:block;opacity:.8}.prize-emoji{font-size:28px}.section{margin:18px 0 8px}.section-title{font-size:20px;font-weight:700}.h-scroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;margin:0 -16px;padding:2px 16px 8px;scrollbar-width:none}.h-scroll::-webkit-scrollbar{display:none}.pack-card{position:relative;flex:0 0 calc((100vw - 56px)*.4);max-width:220px;scroll-snap-align:start}.carousel{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--bg2);aspect-ratio:1}.carousel-track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.carousel-track::-webkit-scrollbar{display:none}.carousel-track img,.carousel-empty{flex:0 0 100%;width:100%;height:100%;object-fit:contain;scroll-snap-align:center;scroll-snap-stop:always;-webkit-user-select:none;user-select:none}.carousel-empty{display:grid;place-items:center;font-size:40px}.dots{position:absolute;bottom:6px;left:0;right:0;display:flex;justify-content:center;gap:4px;pointer-events:none}.dot{width:6px;height:6px;border-radius:3px;background:#00000040;transition:width .2s}.dot.active{width:14px;background:var(--accent)}.pack-caption{padding:6px 4px 0}.pack-title{font-weight:600;font-size:15px;line-height:1.2}.pack-price{color:var(--hint);font-size:14px;margin-top:2px}.badge{position:absolute;z-index:2;top:8px;right:8px;padding:3px 8px;border-radius:10px;font-size:11px;font-weight:700;color:#fff;transform:rotate(4deg)}.badge.new{background:#2ec4b6}.badge.hit{background:#ff5c5c}.badge.anime{background:#9b5de5}.badge.live{right:auto;left:8px;background:#111c}.pack-heading{font-size:22px;line-height:1.25}.preview-strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;margin:0 -16px 12px;padding:0 16px;scrollbar-width:none}.preview-strip img{flex:0 0 62%;aspect-ratio:1;object-fit:contain;background:var(--bg2);border-radius:var(--radius);scroll-snap-align:center}.pack-desc{line-height:1.45;margin:8px 0}.bottom-bar{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;gap:10px;align-items:center;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--bg);box-shadow:0 -6px 20px #0000000f}.price-big{font-weight:700;font-size:20px;white-space:nowrap}.screen .btn.secondary.wide{margin-top:10px}.photo-frame{position:relative;width:72vw;max-width:320px;aspect-ratio:3/4;border-radius:var(--radius);border:3px dashed var(--hint);display:grid;place-items:center;font-size:56px;color:var(--hint);overflow:hidden}.photo-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo-frame.ok{border:3px solid #2ec4b6}.photo-frame.bad{border:3px solid var(--danger)}.photo-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#00000073;color:#fff;font-size:18px}.ok-text{color:#2ec4b6;font-weight:600}.bad-text{color:var(--danger);text-align:center}.cart-list{margin-bottom:12px}.cart-row,.list-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;background:var(--card);border-radius:18px;margin-bottom:8px}.cart-right{display:flex;gap:10px;align-items:center;white-space:nowrap}.select{width:100%;margin-top:8px;padding:12px;border-radius:14px;border:0;background:var(--bg);color:var(--text);font:inherit}.totals .row{display:flex;justify-content:space-between;padding:4px 0}.totals .accent{color:#2ec4b6}.totals .total{font-weight:700;font-size:20px;border-top:1px solid rgba(128,128,128,.2);margin-top:6px;padding-top:10px}.outline-title{font-family:Rubik Mono One,Rubik,sans-serif;font-size:30px;text-align:center;color:transparent;-webkit-text-stroke:1.6px var(--text);letter-spacing:1px;margin-top:8px}.wheel-sub{margin:-6px 0 14px}.wheel-wrap{position:relative;width:min(90vw,380px);aspect-ratio:1;margin:8px auto 18px}.wheel-rotor{width:100%;height:100%;transition-property:transform;transition-timing-function:cubic-bezier(.08,.82,.12,1)}.wheel-svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 10px 22px rgba(0,0,0,.35))}.wheel-rim{fill:#1d1a2e;stroke:#ffc94a;stroke-width:4}.wheel-big{font-size:22px;font-weight:900;fill:#fff;paint-order:stroke;stroke:#00000047;stroke-width:3px;letter-spacing:.5px}.wheel-small{font-size:10.5px;font-weight:700;fill:#fff;opacity:.95;text-transform:uppercase;letter-spacing:.6px}.wheel-icon{font-size:17px}.sector path{transition:filter .3s}.won .sector:not(.win) path{filter:saturate(.35) brightness(.7)}.sector.win path{animation:win-pulse .7s ease-in-out infinite alternate}@keyframes win-pulse{to{filter:brightness(1.35)}}.bulb{fill:#fff6c9;filter:drop-shadow(0 0 3px #ffd84d)}.idle .bulb.b,.spinning .bulb.a{animation:bulb .9s steps(1) infinite}.idle .bulb.a,.spinning .bulb.b{animation:bulb .9s steps(1) infinite .45s}.spinning .bulb{animation-duration:.25s!important}.won .bulb{animation:bulb .3s steps(1) infinite}@keyframes bulb{50%{fill:#6b5a1a;filter:none}}.wheel-hub{position:absolute;left:50%;top:50%;width:21%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:4px solid #fff;background:radial-gradient(circle at 45% 38%,#fff6c9 0,#ffc94a 55%,#d98a00);color:#5a3200;font-weight:900;font-size:13px;letter-spacing:.5px;box-shadow:0 4px 10px #00000059;z-index:2;padding:0}.wheel-hub:disabled{cursor:default}.won .wheel-hub{font-size:26px}.wheel-pointer{position:absolute;top:-18px;left:50%;width:44px;margin-left:-22px;z-index:3;transform-origin:50% 30%;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}.spinning .wheel-pointer{animation:pointer-tick .12s ease-in-out infinite alternate}@keyframes pointer-tick{to{transform:rotate(-14deg)}}.win-label{font-size:24px;font-weight:900;margin-bottom:12px;animation:pop .5s cubic-bezier(.2,1.6,.4,1)}@keyframes pop{0%{transform:scale(.3);opacity:0}}.confetti{position:absolute;inset:0;pointer-events:none}.confetti span{position:absolute;left:50%;top:50%;font-size:22px;opacity:0;animation:confetti 1.4s ease-out forwards}@keyframes confetti{0%{transform:translate(-50%,-50%) scale(.4);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--rot)) scale(1);opacity:0}}.prize-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.text-page{line-height:1.5}.text-page ul{padding-left:20px}.odds{width:100%;border-collapse:collapse}.odds td{padding:8px 4px;border-bottom:1px solid rgba(128,128,128,.15)}.odds td:last-child{text-align:right}.free-banner{display:flex;gap:12px;align-items:center;width:100%;padding:14px 16px;margin-bottom:18px;border-radius:var(--radius);background:linear-gradient(120deg,#7b5cff,#ff5c8a);color:#fff}.free-banner small{display:block;opacity:.9;margin-top:2px}.pick-box{margin-bottom:14px}.pick-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pick-count{font-weight:800;color:var(--accent)}.pick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pick{position:relative;padding:0;border:3px solid transparent;border-radius:18px;background:var(--bg2);aspect-ratio:1;overflow:hidden;transition:transform .12s,border-color .12s}.pick img{width:100%;height:100%;object-fit:contain}.pick.on{border-color:var(--accent);transform:scale(.95)}.pick-mark{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--accent-text);font-weight:800;display:grid;place-items:center}.row-btns{display:flex;gap:10px;margin:8px 0}.row-btns .grow{flex:1}.sub-gate{text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center;margin:8px 0}.promo-card .row{display:flex;justify-content:space-between;align-items:center}.promo-form{display:flex;gap:8px}.promo-form .input{flex:1;min-width:0;padding:12px 14px;border-radius:14px;border:1px solid var(--hint);background:var(--bg);color:var(--text);font:inherit;text-transform:uppercase}.link-btn{background:none;border:0;padding:0;color:var(--link);font-weight:600}.drawer-sep{height:1px;background:var(--bg2);margin:8px 12px}.aud-banner{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;justify-content:space-between;padding:12px 14px;margin-bottom:16px;border-radius:16px;background:var(--bg2);font-size:15px}.aud-switch{width:100%;text-align:center;font-size:16px;font-weight:600;border:0;cursor:pointer}.friends-hero{text-align:center}.diamonds-balance{display:flex;justify-content:center;align-items:center;gap:8px;font-size:40px;margin-bottom:6px}.ref-link{margin:12px 0;padding:10px 12px;border-radius:12px;background:var(--bg2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;word-break:break-all}.support-text{width:100%;resize:vertical;margin:12px 0;font:inherit}.input{padding:12px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--hint) 45%,transparent);background:var(--bg);color:var(--text);font:inherit;outline:none}.input:focus{border-color:var(--accent)}.card .select{background:var(--bg)}.bundle-hint{font-weight:600;text-align:center;background:linear-gradient(90deg,#ff5c8a22,#ffb13b22)}.cashback-note{display:block;font-size:12px;font-weight:500;color:var(--hint)}.progress-box{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:110px}.progress{width:110px;height:6px;border-radius:3px;background:var(--bg);overflow:hidden}.progress>div{height:100%;border-radius:3px;background:linear-gradient(90deg,#ff5c8a,#ffb13b);transition:width .4s}.suggest-card{display:flex;flex-direction:column;gap:4px;text-align:center;border:0;cursor:pointer}.suggest-card small{color:var(--hint);font-size:13px}
