:root{--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;--font-num: "SF Pro Display", var(--font);--radius-xs: 8px;--radius-sm: 12px;--radius: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--tap: 44px;--nav-h: 64px;--maxw: 560px;--ease: cubic-bezier(.22, .61, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-1: .12s;--dur-2: .2s;--dur-3: .32s;--z-nav: 40;--z-sheet: 70;--z-overlay: 80;--z-toast: 100}:root,:root[data-theme=dark]{color-scheme:dark;--bg: #07090b;--bg-elev: #0c0f13;--surface: #12161a;--surface-2: #191e24;--surface-3: #222932;--text: #f2f6f4;--text-dim: #8d99a3;--text-faint: #5a646d;--border: #1f262d;--border-soft: #171d23;--border-accent: color-mix(in srgb, var(--accent) 32%, transparent);--border-accent-strong: color-mix(in srgb, var(--accent) 60%, transparent);--accent: #28e07a;--accent-2: #16b862;--accent-contrast: #04120a;--accent-soft: color-mix(in srgb, var(--accent) 14%, transparent);--accent-softer: color-mix(in srgb, var(--accent) 7%, transparent);--accent-grad: linear-gradient(135deg, #3ef58c 0%, #18c96b 100%);--accent-glow: 0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent), 0 8px 28px -10px color-mix(in srgb, var(--accent) 55%, transparent);--danger: #ff5a5f;--danger-soft: color-mix(in srgb, var(--danger) 16%, transparent);--warn: #ffb020;--warn-soft: color-mix(in srgb, var(--warn) 16%, transparent);--info: #4aa8ff;--promo: #a97bff;--promo-soft: color-mix(in srgb, var(--promo) 18%, transparent);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .4);--shadow: 0 12px 40px -12px rgba(0, 0, 0, .7);--shadow-lg: 0 26px 70px -20px rgba(0, 0, 0, .8);--overlay: rgba(4, 6, 8, .72);--skeleton: linear-gradient(100deg, var(--surface-2) 30%, var(--surface-3) 50%, var(--surface-2) 70%)}:root[data-theme=light]{color-scheme:light;--bg: #f4f6f5;--bg-elev: #ffffff;--surface: #ffffff;--surface-2: #eef1f0;--surface-3: #e3e8e6;--text: #0e1512;--text-dim: #5c6a64;--text-faint: #93a09a;--border: #e2e7e5;--border-soft: #eceff0;--border-accent: color-mix(in srgb, var(--accent) 40%, transparent);--border-accent-strong: color-mix(in srgb, var(--accent) 70%, transparent);--accent: #0f9d52;--accent-2: #0a7d40;--accent-contrast: #ffffff;--accent-soft: color-mix(in srgb, var(--accent) 10%, transparent);--accent-softer: color-mix(in srgb, var(--accent) 5%, transparent);--accent-grad: linear-gradient(135deg, #17b65f 0%, #0f9d52 100%);--accent-glow: 0 6px 20px -8px color-mix(in srgb, var(--accent) 45%, transparent);--danger: #d92d3a;--danger-soft: color-mix(in srgb, var(--danger) 10%, transparent);--warn: #b47500;--warn-soft: color-mix(in srgb, var(--warn) 12%, transparent);--info: #1a72d0;--promo: #7a3fe0;--promo-soft: color-mix(in srgb, var(--promo) 12%, transparent);--shadow-sm: 0 2px 10px rgba(14, 21, 18, .07);--shadow: 0 14px 40px -14px rgba(14, 21, 18, .18);--shadow-lg: 0 26px 70px -22px rgba(14, 21, 18, .24);--overlay: rgba(14, 21, 18, .42);--skeleton: linear-gradient(100deg, var(--surface-2) 30%, #f7f9f8 50%, var(--surface-2) 70%)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:15px;line-height:1.45;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}h1,h2,h3,h4,p{margin:0}button{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}input,textarea,select{font:inherit;color:inherit}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.app-shell{min-height:100%;display:flex;flex-direction:column;background:var(--bg)}:root{--inset-top: calc(var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px));--inset-bottom: max( calc(var(--tg-safe-area-inset-bottom, 0px) + var(--tg-content-safe-area-inset-bottom, 0px)), env(safe-area-inset-bottom, 0px) );--inset-left: max(var(--tg-safe-area-inset-left, 0px), env(safe-area-inset-left, 0px));--inset-right: max(var(--tg-safe-area-inset-right, 0px), env(safe-area-inset-right, 0px))}:root[data-fullscreen="1"]{--inset-top: max( calc(var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px)), 64px )}.app-main{flex:1 1 auto;width:100%;max-width:var(--maxw);margin:0 auto;padding-inline:calc(var(--space-4) + var(--inset-left)) calc(var(--space-4) + var(--inset-right));padding-bottom:calc(var(--nav-h) + var(--inset-bottom) + var(--space-8))}.page{padding-top:var(--space-4);animation:page-in var(--dur-3) var(--ease-out)}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.section{margin-top:var(--space-6)}.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.section__title{font-size:17px;font-weight:800;letter-spacing:-.01em}.section__toggle{display:flex;align-items:center;gap:var(--space-2);background:none;border:0;padding:0;color:inherit;cursor:pointer;min-height:32px}.section__chev{display:grid;place-items:center;color:var(--text-faint);transform:rotate(90deg);transition:transform var(--dur-2) var(--ease)}.section__chev--open{transform:rotate(-90deg)}.muted{color:var(--text-dim)}.tiny{font-size:12px}.topbar{position:sticky;top:var(--inset-top);z-index:30;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;margin-top:var(--inset-top);background:linear-gradient(var(--bg) 72%,transparent);backdrop-filter:blur(12px)}.topbar__brand{font-size:19px;font-weight:900;letter-spacing:-.02em}.topbar__brand span{color:var(--accent)}.balance{display:inline-flex;align-items:center;gap:10px;padding:5px 5px 5px 16px;border:1px solid var(--border-accent);border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-sm)}.balance__value{font-weight:800;font-size:15px;line-height:1;white-space:nowrap}.balance__plus{flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--accent-grad);color:var(--accent-contrast);cursor:pointer;transition:transform var(--dur-1) var(--ease)}.balance__plus:active{transform:scale(.9)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.card--accent{border-color:var(--border-accent);background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--accent-grad) border-box}.card--selected{border-color:var(--border-accent-strong);box-shadow:var(--accent-glow)}.list{display:flex;flex-direction:column;gap:var(--space-2)}.row{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:left;cursor:pointer;transition:transform var(--dur-1) var(--ease),border-color var(--dur-2) var(--ease)}.row:active{transform:scale(.99)}.row--disabled{opacity:.5;cursor:default}.stepper{display:inline-flex;align-items:center;gap:var(--space-2);flex:0 0 auto}.stepper__btn{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;transition:transform var(--dur-1) var(--ease),opacity var(--dur-2) var(--ease)}.stepper__btn:active{transform:scale(.94)}.stepper__btn:disabled{opacity:.4;cursor:default;transform:none}.stepper__value{min-width:24px;text-align:center;font-weight:900;font-size:16px}.row--static{cursor:default}.row--static:active,.row--disabled:active{transform:none}.row__icon{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--accent)}.row__body{flex:1 1 auto;min-width:0}.row__title{display:block;font-weight:700;font-size:15px;line-height:1.3}.row__hint{display:block;margin-top:2px;color:var(--text-dim);font-size:13px;line-height:1.35}.row__chev{color:var(--text-faint);flex:0 0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-5);border:1px solid transparent;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-weight:700;cursor:pointer;transition:transform var(--dur-1) var(--ease),opacity var(--dur-2) var(--ease)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--accent-grad);color:var(--accent-contrast);box-shadow:var(--accent-glow)}.btn--ghost{background:transparent;border-color:var(--border)}.btn--danger{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.btn--block{width:100%}.btn--sm{min-height:34px;padding:0 var(--space-3);font-size:13px;border-radius:var(--radius-xs)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-pill);font-size:11px;font-weight:800;letter-spacing:.01em;background:var(--surface-2);color:var(--text-dim);white-space:nowrap}.badge--accent{background:var(--accent-soft);color:var(--accent)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.badge--warn{background:var(--warn-soft);color:var(--warn)}.badge--promo{background:var(--promo-soft);color:var(--promo)}.badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.input{width:100%;min-height:var(--tap);padding:0 var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;transition:border-color var(--dur-2) var(--ease)}.input:focus{border-color:var(--border-accent-strong)}.input::placeholder{color:var(--text-faint)}textarea.input{padding:var(--space-3) var(--space-4);min-height:92px;resize:vertical}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:12px;font-weight:700;color:var(--text-dim)}.chips{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;padding:7px 14px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-dim);font-size:13px;font-weight:700;cursor:pointer;transition:color var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease)}.chip--on{color:var(--accent);border-color:var(--border-accent-strong);background:var(--accent-softer)}.games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.gamecard{position:relative;display:block;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface);cursor:pointer;padding:0;text-align:left;transition:transform var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease)}.gamecard:active{transform:scale(.985)}.gamecard__art{position:relative;aspect-ratio:3 / 4;background:var(--surface-2);overflow:hidden}.gamecard__art img{width:100%;height:100%;object-fit:cover;display:block}.gamecard__art--empty{display:grid;place-items:center;color:var(--text-faint)}.gamecard__art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,transparent 38%,rgba(0,0,0,.55) 100%);pointer-events:none}.gamecard__badges{position:absolute;top:var(--space-2);left:var(--space-2);right:var(--space-2);display:flex;flex-direction:column;align-items:flex-start;gap:4px;z-index:1}.gamecard__badges .badge{backdrop-filter:blur(8px);max-width:100%;overflow:hidden;text-overflow:ellipsis}.gamecard__body{padding:var(--space-3)}.gamecard__title{font-weight:800;font-size:14px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gamecard__price{margin-top:6px;display:flex;align-items:center;gap:5px;color:var(--accent);font-weight:800;font-size:14px}.gamecard__fav{position:absolute;bottom:var(--space-2);right:var(--space-2);z-index:2;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:#00000073;backdrop-filter:blur(6px);color:#fff;cursor:pointer}.gamecard__fav--on{color:var(--accent)}.carousel{display:grid;grid-auto-flow:column;grid-auto-columns:42%;gap:var(--space-3);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--space-2);scrollbar-width:none;margin:0 calc(var(--space-4) * -1);padding-inline:var(--space-4)}.carousel::-webkit-scrollbar{display:none}.carousel>*{scroll-snap-align:start}.plans{display:flex;flex-direction:column;gap:var(--space-3)}.plan{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);cursor:pointer;transition:border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.plan--deal{border-color:var(--border-accent-strong)}.plan--on{border-color:var(--accent);box-shadow:var(--accent-glow)}.plan__ribbon{position:absolute;top:-11px;left:50%;transform:translate(-50%);padding:3px 14px;border-radius:var(--radius-pill);background:var(--accent-grad);color:var(--accent-contrast);font-size:11px;font-weight:900;letter-spacing:.02em;white-space:nowrap}.plan__duration{font-size:17px;font-weight:800}.plan__prices{display:flex;align-items:baseline;gap:var(--space-2)}.plan__was{color:var(--text-faint);text-decoration:line-through;font-size:13px}.plan__now{font-size:19px;font-weight:900;color:var(--accent)}.plan__check{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--border);display:grid;place-items:center;color:transparent;flex:0 0 auto}.plan--on .plan__check{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.cred{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-2);border-radius:var(--radius-sm)}.cred__label{font-size:11px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.cred__value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;word-break:break-all}.countdown{font-size:34px;font-weight:900;letter-spacing:-.02em;color:var(--accent)}.countdown--soon{color:var(--warn)}.skeleton{border-radius:var(--radius-sm);background:var(--skeleton);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8) var(--space-6);text-align:center}.screen__title{font-size:20px;font-weight:800}.screen__text{color:var(--text-dim);max-width:34ch}.spinner{width:30px;height:30px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{padding:var(--space-10) var(--space-4);text-align:center;color:var(--text-dim)}.empty__glyph{color:var(--text-faint);margin-bottom:var(--space-3)}.toast{position:fixed;left:50%;bottom:calc(var(--nav-h) + var(--inset-bottom) + var(--space-4));transform:translate(-50%);z-index:var(--z-toast);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--surface-3);border:1px solid var(--border-accent);box-shadow:var(--shadow);font-weight:700;font-size:14px;animation:toast-in var(--dur-3) var(--ease-spring);max-width:calc(100vw - var(--space-8));text-align:center}.toast--error{border-color:color-mix(in srgb,var(--danger) 50%,transparent);color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.cg-hs{position:fixed;inset:0;z-index:var(--z-overlay);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:var(--space-4);padding-top:calc(var(--inset-top,0px) + var(--space-4));padding-bottom:calc(var(--space-6) + var(--inset-bottom,env(safe-area-inset-bottom,0px)));background:var(--overlay);backdrop-filter:blur(6px);animation:cg-hs-fade var(--dur-2) var(--ease)}@keyframes cg-hs-fade{0%{opacity:0}to{opacity:1}}.cg-hs__close{margin-bottom:var(--space-4);width:40px;height:40px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);color:var(--text);cursor:pointer;transition:transform var(--dur-1) var(--ease);flex:0 0 auto}.cg-hs__close:active{transform:scale(.9)}.cg-hs__card{width:100%;max-width:var(--maxw);background:var(--surface);border:1px solid var(--border-accent);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-3) var(--space-4) var(--space-5);animation:cg-hs-rise var(--dur-3) var(--ease-out)}@keyframes cg-hs-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.cg-hs__art{position:relative;width:100%;aspect-ratio:4/3;border-radius:var(--radius-lg);overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,var(--accent-soft),var(--surface-2));display:grid;place-items:center;margin-bottom:var(--space-5)}.cg-hs__art img,.cg-hs__art svg{max-width:100%;max-height:100%;display:block}.cg-hs__title{font-size:26px;line-height:1.15;font-weight:900;letter-spacing:-.02em;text-align:center;margin-bottom:var(--space-3)}.cg-hs__text{color:var(--text-dim);text-align:center;font-size:15px;line-height:1.5;margin-bottom:var(--space-5)}.cg-hs__secondary{display:block;width:100%;margin-top:var(--space-3);background:none;border:0;color:var(--text-dim);font-weight:700;font-size:14px;padding:var(--space-2);cursor:pointer}.cg-hs{justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain}.cg-hs>:first-child{margin-top:auto}.cg-hs__card{flex:0 0 auto}.cg-gift__steps{margin:var(--space-3) 0 0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:13px;line-height:1.4;color:var(--text-dim)}.cg-gift__steps li::marker{color:var(--accent);font-weight:800}.cg-gift__price{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:14px;color:var(--accent)}