@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,400,0,0');
:root{color-scheme:dark;--bg:#080a0f;--surface:#0e1118;--card:#151922;--card2:#1a1f2b;--line:rgba(255,255,255,.08);--line-strong:rgba(255,255,255,.14);--text:#f8fafc;--muted:#8b95a7;--subtle:#6d7481;--purple:#7257ff;--blue:#3977ff;--green:#22c55e;--amber:#f5b942;--red:#ef4444;--radius:18px;--shadow:0 18px 50px rgba(0,0,0,.28);font-family:'DM Sans',Inter,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-width:320px;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #958bff;outline-offset:2px}a{color:inherit;text-decoration:none}.material-symbols-rounded{font-family:'Material Symbols Rounded';font-weight:normal;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-flex;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}.app-shell{min-height:100vh}.topbar{height:76px;border-bottom:1px solid var(--line);background:rgba(9,11,16,.9);backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}.topbar-inner{max-width:1280px;height:100%;margin:auto;padding:0 30px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:19px;font-weight:800;letter-spacing:-.7px;white-space:nowrap}.brand-mark{width:32px;height:32px;border-radius:11px;background:linear-gradient(140deg,#9184ff,#6454df 58%,#5145c7);display:grid;place-items:center;box-shadow:0 5px 18px #6757e64d;color:white;flex:none} .brand{background:none;border:0;padding:0;color:var(--text)}.brand-mark .material-symbols-rounded{font-size:19px}.desktop-nav{display:flex;align-items:center;gap:27px;height:100%;flex:1}.nav-link{height:100%;border:0;background:none;color:#9da3b0;font-weight:600;padding:0;position:relative;transition:color .18s}.nav-link:hover,.nav-link.active{color:white}.nav-link.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--purple);border-radius:2px}.top-actions{display:flex;align-items:center;gap:10px}.icon-button,.balance-pill,.button,.chip,.tab,.select-button{border:1px solid var(--line);background:#151922;color:var(--text);border-radius:12px;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}.icon-button{width:40px;height:40px;display:grid;place-items:center;padding:0;color:#aeb4c1}.icon-button:hover,.select-button:hover{background:#1c2130;border-color:var(--line-strong);color:white}.balance-pill{height:40px;padding:0 13px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.balance-pill .material-symbols-rounded{font-size:17px;color:#b8aaff}.button{padding:11px 16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.button:hover{background:#1c2130;border-color:var(--line-strong);transform:translateY(-1px)}.button:active{transform:translateY(0) scale(.985)}.button.primary{background:linear-gradient(115deg,#7868f2,#6555e3);border-color:transparent;box-shadow:0 6px 22px #6655e43d;color:#fff}.button.primary:hover{box-shadow:0 8px 26px #6655e459;filter:brightness(1.07)}.button.blue{background:linear-gradient(115deg,#4f8cff,#3976e6);border-color:transparent}.button.ghost{background:transparent;border-color:transparent;color:var(--muted)}.button.ghost:hover{background:#ffffff0a;color:#fff}.button.small{padding:8px 12px;font-size:12px;border-radius:10px}.button.full{width:100%}.mobile-menu-button{display:none}.header-search{height:40px;max-width:280px;min-width:180px;flex:1;border:1px solid var(--line);background:#0e1118;border-radius:12px;display:flex;align-items:center;gap:8px;padding:0 11px;color:var(--muted)}.header-search input{min-width:0;width:100%;background:none;border:0;outline:none;color:white;font-size:12px}.notification-dot{position:absolute;width:6px;height:6px;background:#f5b942;border-radius:50%;right:8px;top:8px}.icon-button{position:relative}.profile-short{border:0;background:none;color:var(--muted);display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700}.avatar.mini{width:30px;height:30px;font-size:11px}.home-page{padding-top:25px}.welcome-row{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:17px}.welcome-kicker{font-size:13px;color:#c6cad3;font-weight:700}.welcome-row h1{font-family:Manrope,sans-serif;font-size:26px;letter-spacing:-.8px;margin:4px 0}.welcome-row p{font-size:11px;color:var(--muted);margin:0}.mini-wallet{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#11151d;border-radius:13px;padding:12px 14px;color:var(--muted);font-size:10px}.mini-wallet strong{font-size:12px;color:#fff}.home-search{margin-bottom:17px;max-width:650px}.home-feature{height:242px;position:relative;overflow:hidden;border-radius:20px;border:1px solid var(--line);background:#151922}.home-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%}.feature-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080a0ff2,#0b0d14df 38%,#0c101744 76%,#0c10171a),linear-gradient(0deg,#080a0f86,transparent 65%)}.feature-copy{position:absolute;left:30px;top:50%;transform:translateY(-50%);max-width:430px}.feature-copy h2{font:800 27px Manrope,sans-serif;letter-spacing:-.7px;margin:9px 0 3px}.feature-copy p{font-size:11px;color:#bec4cf;margin:0 0 13px}.feature-copy .button{height:42px}.carousel-dots{position:absolute;bottom:16px;left:30px;display:flex;gap:6px}.dot{width:7px;height:7px;border:0;border-radius:50%;padding:0;background:#ffffff70}.dot.active{width:20px;border-radius:5px;background:#fff}.carousel-next{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:37px;height:37px;border:1px solid #ffffff44;background:#0c0e15a8;border-radius:50%;display:grid;place-items:center}.home-popular{grid-template-columns:repeat(6,minmax(0,1fr))}.home-popular .game-cover{height:110px}.home-popular .game-card-copy{display:flex;flex-direction:column;gap:4px}.home-popular .game-card-copy strong{font-size:11px}.home-popular .game-card-copy small{font-size:9px;color:var(--muted)}.all-games-preview{grid-template-columns:repeat(6,minmax(0,1fr))}.all-games-preview .game-cover{height:95px}.buy-again-strip{border:1px solid #3977ff38;border-radius:17px;background:linear-gradient(110deg,#14213b,#151922 67%);padding:18px 21px;display:flex;align-items:center;justify-content:space-between;gap:15px}.buy-again-strip h2{font-size:16px;margin:6px 0 1px}.buy-again-strip p{color:var(--muted);font-size:10px;margin:0}.home-page .trust-strip{margin-top:27px}.game-brand-icon{width:42px;height:42px;border-radius:13px;background:#3977ff24;color:#9bbcff;display:grid;place-items:center;flex:none}.game-brand-icon.small{width:35px;height:35px;border-radius:11px}.game-hero{min-height:230px}.back-button{border:0;background:transparent;color:#d6d9e2;padding:5px 0;display:flex;align-items:center;gap:6px;font-size:11px;margin-bottom:13px}.game-hero-content{max-width:630px}.game-description{max-width:450px}.input-action{display:flex;gap:8px}.input-action input{flex:1;min-width:0}.verify-button{min-width:108px;background:#17233a!important;border-color:#3977ff55!important;color:#afcaff!important}.verify-button.loading{opacity:.7}.saved-account{width:100%;border:1px solid #3977ff44;background:#101a2b;border-radius:12px;display:flex;align-items:center;gap:11px;padding:10px;margin-bottom:13px;text-align:left}.saved-account>span:nth-child(2){flex:1}.saved-account small{font-size:9px;color:var(--muted);display:block}.saved-account strong{font-size:11px;display:flex;align-items:center;gap:4px}.saved-account strong .material-symbols-rounded{color:#50d58c;font-size:15px}.saved-account>span:last-child{font-size:10px;color:#abc6ff;font-weight:700}.account-confirm-note{display:flex;align-items:center;gap:8px;color:#aeb8c9;font-size:10px;padding:1px 4px}.account-confirm-note .material-symbols-rounded{color:#f5b942}.selected-check{position:absolute;right:9px;bottom:8px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#3977ff;color:white}.selected-check .material-symbols-rounded{font-size:13px}.summary-head{display:flex;align-items:center;justify-content:space-between}.summary-head h2{font-size:15px;margin:0}.summary-head>span{font-size:9px;color:#9db5db;display:flex;align-items:center;gap:4px}.summary-head>span .material-symbols-rounded{font-size:14px;color:#60a5fa}.confirm-product{display:flex;align-items:center;gap:11px;padding:12px;border-radius:12px;background:#0e1118;margin:6px 0 13px}.confirm-product strong,.confirm-product small{display:block}.confirm-product strong{font-size:12px}.confirm-product small{color:var(--muted);font-size:10px;margin-top:3px}.confirm-total{display:flex;justify-content:space-between;align-items:center;font-size:12px;border-top:1px solid var(--line);padding-top:12px}.confirm-total strong{font-size:17px}.prototype-notice{padding:9px;background:#f5b94212;border-radius:9px;color:#f2cc79;font-size:9px}.id-guide{display:grid;gap:12px}.guide-step{display:flex;gap:10px;align-items:flex-start}.guide-step>span{width:23px;height:23px;border-radius:50%;background:#3977ff22;color:#a8c6ff;display:grid;place-items:center;font-size:10px;font-weight:800;flex:none}.guide-step p{margin:2px 0;font-size:11px}.order-game-icon{width:34px;height:34px;border-radius:11px;background:#3977ff20;color:#adcaff;display:grid;place-items:center;flex:none}.order-card{width:100%;text-align:left;cursor:pointer}.support-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.support-actions .category-card{min-height:60px;padding:11px;font-size:10px}.support-actions .category-card .category-icon{width:31px;height:31px}.bottom-nav{display:none}.main{max-width:1320px;margin:0 auto;padding:0 30px 96px}.page{padding-top:30px;animation:page-in .24s ease-out}@keyframes page-in{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}.crumb{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;margin-bottom:22px}.crumb button{border:0;background:none;padding:0;color:inherit}.crumb button:hover{color:#fff}.eyebrow{font-size:11px;line-height:1.1;text-transform:uppercase;letter-spacing:1.5px;font-weight:800;color:#aaa0ff}.hero{min-height:398px;border:1px solid var(--line);border-radius:24px;position:relative;overflow:hidden;background:#11141b;margin-top:8px;display:flex;align-items:center}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,#10131bf5 0%,#11141be8 35%,#11141b6e 70%,#11141b12 100%),linear-gradient(0deg,#11141b7a,transparent 50%),url('https://images.unsplash.com/photo-1542751371-adc38448a05e?auto=format&fit=crop&w=1800&q=85') center 48%/cover;transform:scale(1.01)}.hero-content{position:relative;z-index:1;padding:52px 58px;max-width:665px}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(38px,4.2vw,58px);line-height:1.06;letter-spacing:-2.5px;margin:17px 0 16px;font-weight:800;max-width:520px} .hero h1 span{white-space:nowrap}.hero h1 span{color:#9b90ff}.hero-copy{color:#b3b9c5;font-size:15px;max-width:440px;margin:0 0 25px;line-height:1.7}.hero-actions{display:flex;gap:10px;margin-bottom:28px}.hero-assurances{display:flex;gap:18px;align-items:center;color:#c0c5d0;font-size:12px}.assurance{display:flex;align-items:center;gap:7px}.assurance .material-symbols-rounded{color:#a99eff;font-size:17px}.hero-art-chip{position:absolute;right:8%;bottom:12%;z-index:2;border:1px solid #ffffff20;background:#171a21b8;backdrop-filter:blur(15px);border-radius:15px;padding:13px 16px;display:flex;gap:11px;align-items:center;box-shadow:var(--shadow)}.hero-art-chip strong{display:block;font-size:12px}.hero-art-chip small{color:var(--muted);font-size:11px}.game-icon{width:42px;height:42px;border-radius:12px;object-fit:cover;background:#272c38;flex:none}.game-icon.large{width:54px;height:54px;border-radius:15px}.section{margin-top:47px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head h2{font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.65px;margin:0 0 3px}.section-head p{margin:0;color:var(--muted);font-size:12px}.text-link{border:0;background:none;color:#afa5ff;font-weight:700;font-size:12px;display:inline-flex;align-items:center;gap:5px;padding:7px 0}.text-link:hover{color:white}.game-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.game-card{padding:0;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:var(--card);text-align:left;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;min-width:0}.game-card:hover{transform:translateY(-4px);border-color:#ffffff27;box-shadow:0 14px 35px #0005}.game-cover{height:134px;position:relative;overflow:hidden;background:#202531}.game-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}.game-card:hover .game-cover img{transform:scale(1.06)}.game-cover:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(0deg,#151922,transparent)}.cover-tag{position:absolute;top:10px;left:10px;z-index:1;border-radius:7px;padding:4px 7px;background:#0a0c10b8;border:1px solid #ffffff24;color:#f6f6fb;font-size:9px;font-weight:700}.game-card-copy{padding:12px 13px 14px}.game-title-line{display:flex;align-items:center;gap:9px}.game-title-line .game-icon{width:31px;height:31px;border-radius:9px}.game-title-line strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-card-meta{display:flex;justify-content:space-between;align-items:center;margin:10px 0 0 40px;color:var(--muted);font-size:10px}.game-card-meta b{color:#e3e5ec;font-size:11px;font-variant-numeric:tabular-nums}.live-dot{width:6px;height:6px;border-radius:50%;background:#35cf7c;display:inline-block;margin-right:5px}.recent-row{display:flex;gap:12px;overflow:auto;scrollbar-width:none;padding-bottom:3px}.recent-row::-webkit-scrollbar{display:none}.recent-item{min-width:193px;border:1px solid var(--line);background:var(--card);border-radius:15px;padding:12px;display:flex;align-items:center;gap:11px;text-align:left}.recent-item:hover{border-color:#ffffff24;background:#191e29}.recent-item strong{font-size:12px;display:block}.recent-item small{font-size:10px;color:var(--muted)}.offer-banner{border-radius:20px;min-height:152px;padding:27px 32px;border:1px solid #8877ff38;background:radial-gradient(ellipse at 82% 42%,#725df64c,transparent 35%),linear-gradient(112deg,#18162b,#151922 70%);display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;overflow:hidden}.offer-banner:after{content:'✦';font-size:130px;color:#a296ff1b;position:absolute;right:24%;top:-30px;transform:rotate(15deg)}.offer-banner h3{font-family:Manrope,sans-serif;font-size:21px;margin:8px 0 4px;letter-spacing:-.5px}.offer-banner p{color:var(--muted);margin:0;font-size:12px}.offer-code{position:relative;z-index:1;background:#11141c;border:1px dashed #8274f776;border-radius:11px;padding:11px 15px;color:#c6bcff;font-size:12px;font-weight:800;letter-spacing:1px;white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;min-height:80px;padding:17px;display:flex;align-items:center;gap:12px;text-align:left;transition:.18s}.category-card:hover{background:var(--card);border-color:var(--line-strong);transform:translateY(-2px)}.category-icon{width:39px;height:39px;border-radius:12px;background:#7162e925;color:#a89eff;display:grid;place-items:center}.category-card strong{display:block;font-size:13px}.category-card small{color:var(--muted);font-size:10px}.trust-strip{border:1px solid var(--line);border-radius:18px;background:#11141b85;padding:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.trust-item{display:flex;gap:12px;align-items:center}.trust-item .category-icon{flex:none;background:#1a2030}.trust-item strong{font-size:12px;display:block}.trust-item small{font-size:10px;color:var(--muted)}.catalog-toolbar{display:flex;gap:12px;align-items:center;margin:22px 0 16px}.searchbox{height:46px;border-radius:13px;background:var(--surface);border:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 14px;min-width:210px;flex:1;color:var(--muted)}.searchbox:focus-within{border-color:#8578f0}.searchbox .material-symbols-rounded{font-size:19px}.searchbox input{width:100%;background:none;border:0;outline:0;color:white;font-size:13px}.searchbox input::placeholder{color:#767d8a}.select-button{height:44px;padding:0 13px;display:flex;align-items:center;gap:9px;font-size:12px}.tab-row{display:flex;gap:7px;overflow:auto;scrollbar-width:none}.tab{padding:8px 13px;color:var(--muted);font-weight:700;font-size:11px;white-space:nowrap}.tab:hover{color:white}.tab.active{background:#7868f21e;border-color:#7868f260;color:#c2baff}.catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:18px}.catalog-grid .game-cover{height:150px}.empty-state{padding:56px 20px;text-align:center;border:1px dashed var(--line-strong);border-radius:18px;color:var(--muted);margin-top:18px}.empty-state .material-symbols-rounded{font-size:34px;color:#727985}.empty-state h3{color:#fff;margin:12px 0 4px}.empty-state p{margin:0 0 15px}.game-hero{border-radius:21px;overflow:hidden;position:relative;min-height:220px;display:flex;align-items:end;padding:25px;background:#171b24;border:1px solid var(--line)}.game-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#0d1018f2,#10131bb8 56%,#10131b35),linear-gradient(0deg,#0e1118c9,transparent 80%);z-index:0}.game-hero-image{position:absolute;right:0;top:0;width:54%;height:100%;object-fit:cover;object-position:center 42%;z-index:-1;opacity:.8;mask-image:linear-gradient(90deg,transparent,#000 30%)}.game-hero-content{position:relative;z-index:1}.game-brand-row{display:flex;align-items:center;gap:15px}.game-brand-row h1{font-family:Manrope,sans-serif;font-size:29px;letter-spacing:-1px;margin:0}.game-description{font-size:12px;color:#c2c6d0;margin:9px 0 13px;max-width:510px}.game-badges{display:flex;gap:8px;flex-wrap:wrap}.trust-badge{font-size:10px;color:#d3d6df;display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:8px;background:#ffffff0b;border:1px solid #ffffff12}.trust-badge .material-symbols-rounded{font-size:14px;color:#a89cff}.product-layout{display:grid;grid-template-columns:minmax(0,1fr) 342px;gap:21px;align-items:start;margin-top:22px}.steps-column{display:flex;flex-direction:column;gap:15px}.flow-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:21px}.flow-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}.step-number{width:27px;height:27px;border-radius:9px;background:#7868f21e;border:1px solid #7868f243;color:#b6adff;display:grid;place-items:center;font-weight:800;font-size:11px;flex:none}.flow-title h2{font-size:15px;margin:0;font-weight:700;letter-spacing:-.2px}.flow-title p{font-size:10px;color:var(--muted);margin:2px 0 0}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field label{font-size:11px;font-weight:700;color:#d8dbe3}.field input,.field select,.field textarea{height:43px;border-radius:10px;background:#0c0f15;border:1px solid var(--line);padding:0 12px;color:#f5f6fb;outline:none;min-width:0}.field textarea{height:110px;resize:vertical;padding:11px}.field input::placeholder,.field textarea::placeholder{color:#626a77}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8578f0}.field-note{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px}.field-note button{color:#afa5ff;background:none;border:0;padding:0;font-size:10px;font-weight:700}.helper-row{display:flex;justify-content:space-between;align-items:center;margin-top:11px}.verify-status{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px}.verified{color:#51d48a!important}.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.product-option{border:1px solid var(--line);border-radius:12px;background:#0f1219;padding:12px;text-align:left;position:relative;transition:.18s;min-width:0}.product-option:hover{border-color:#ffffff2c;background:#151a24;transform:translateY(-1px)}.product-option.selected{border-color:#8b7cff;background:linear-gradient(145deg,#7868f225,#191b28 72%);box-shadow:0 0 0 1px #7868f226}.product-option strong{font-size:13px;display:block}.product-option small{color:var(--muted);font-size:9px;display:block;margin-top:3px}.product-price{font-size:12px;font-weight:800;margin-top:9px;display:block;font-variant-numeric:tabular-nums}.discount{color:#5dd890;font-size:9px;font-weight:700;margin-left:4px}.popular-label{position:absolute;top:-7px;right:8px;border-radius:5px;padding:2px 5px;background:#7665ed;color:white;font-size:8px;font-weight:800}.payment-list{display:grid;gap:8px}.payment-option{min-height:54px;display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid var(--line);background:#0f1219;border-radius:12px;cursor:pointer;transition:.18s}.payment-option:hover{background:#151a24}.payment-option.selected{border-color:#8b7cff;background:#7868f218}.payment-logo{width:31px;height:31px;border-radius:9px;background:#202536;display:grid;place-items:center;color:#c8c0ff}.payment-logo .material-symbols-rounded{font-size:17px}.payment-info{flex:1}.payment-info strong{display:block;font-size:11px}.payment-info small{display:block;color:var(--muted);font-size:9px}.payment-fee{font-size:9px;color:var(--muted)}.radio{width:16px;height:16px;border-radius:50%;border:1px solid #69707d;display:grid;place-items:center}.selected .radio{border-color:#988bff}.selected .radio:after{content:'';width:8px;height:8px;border-radius:50%;background:#988bff}.checkline{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:10px;margin-top:13px;cursor:pointer}.checkline input{accent-color:#7868f2;margin:1px 0 0}.summary-card{position:sticky;top:94px;background:#12151d;border:1px solid var(--line);border-radius:18px;overflow:hidden}.summary-head{padding:18px 18px 14px;border-bottom:1px solid var(--line)}.summary-head h3{font-size:14px;margin:0}.summary-head p{font-size:10px;color:var(--muted);margin:4px 0 0}.summary-body{padding:15px 18px}.summary-game{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--line)}.summary-game strong{display:block;font-size:11px}.summary-game small{display:block;font-size:9px;color:var(--muted)}.summary-lines{display:grid;gap:10px;padding:13px 0}.summary-line{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:10px}.summary-line strong{color:#e5e7ed;font-size:10px;text-align:right}.summary-line.total{padding-top:12px;border-top:1px solid var(--line);align-items:center}.summary-line.total span{color:#f2f3f7;font-size:12px;font-weight:700}.summary-line.total strong{font-size:19px;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.summary-disclaimer{font-size:9px;color:#777f8d;line-height:1.5;margin:11px 0}.summary-trust{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:var(--muted);margin-top:11px}.summary-trust .material-symbols-rounded{font-size:13px;color:#a79cff}.sticky-pay{display:none}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:7px 0 22px}.page-heading h1{font-family:Manrope,sans-serif;font-size:29px;letter-spacing:-1.15px;margin:0 0 5px}.page-heading p{color:var(--muted);margin:0;font-size:12px}.subnav{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:19px 0 18px;overflow:auto}.subnav button{white-space:nowrap;padding:11px 12px;border:0;background:none;color:var(--muted);font-size:11px;font-weight:700;border-bottom:2px solid transparent}.subnav button.active{color:white;border-bottom-color:#8c7eff}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface)}table{border-collapse:collapse;width:100%;min-width:720px;text-align:left}th{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#747c89;font-weight:800;padding:13px 15px;border-bottom:1px solid var(--line)}td{font-size:11px;color:#d9dce4;padding:13px 15px;border-bottom:1px solid #ffffff08}tr:last-child td{border-bottom:0}tbody tr:hover{background:#ffffff04}.order-game-cell{display:flex;align-items:center;gap:9px;font-weight:700}.order-game-cell .game-icon{width:30px;height:30px;border-radius:9px}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.status{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:800;white-space:nowrap}.status:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.status.completed{color:#49d78c;background:#22c55e16}.status.processing{color:#82aaff;background:#4f8cff17}.status.pending{color:#f6bd5b;background:#f59e0b16}.status.failed{color:#ff7474;background:#ef444417}.status.refunded{color:#c1a2ff;background:#8e67ed1b}.order-list{display:grid;gap:10px}.order-card{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface);cursor:pointer;transition:.18s}.order-card:hover{border-color:#ffffff24;background:#151922}.order-card-main{flex:1;min-width:0}.order-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.order-card-top strong{font-size:12px}.order-card-meta{font-size:10px;color:var(--muted);margin-top:4px}.order-card-amount{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.wallet-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:16px}.wallet-card{border-radius:19px;border:1px solid #ffffff16;background:radial-gradient(ellipse at 87% 10%,#8273ff42,transparent 37%),linear-gradient(130deg,#242144,#161925 60%);padding:25px;min-height:184px;position:relative;overflow:hidden}.wallet-card:after{content:'';position:absolute;width:185px;height:185px;border:1px solid #ffffff0b;border-radius:50%;right:-55px;bottom:-92px;box-shadow:0 0 0 25px #ffffff05,0 0 0 52px #ffffff04}.wallet-card-label{color:#c2bddf;font-size:11px}.wallet-balance{font-family:Manrope,sans-serif;font-size:35px;letter-spacing:-1.7px;margin:10px 0 5px;font-weight:800;font-variant-numeric:tabular-nums}.wallet-card small{color:#a9a8bc;font-size:10px}.wallet-card .button{position:absolute;right:20px;bottom:20px;z-index:1}.wallet-side-note{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);display:flex;flex-direction:column;justify-content:center}.wallet-side-note h3{font-size:14px;margin:0 0 6px}.wallet-side-note p{font-size:11px;color:var(--muted);margin:0 0 15px;max-width:330px}.transaction{display:flex;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid var(--line)}.transaction:last-child{border:0}.transaction-icon{width:37px;height:37px;border-radius:12px;background:#1b2130;color:#b9adff;display:grid;place-items:center}.transaction-copy{flex:1}.transaction-copy strong{font-size:11px;display:block}.transaction-copy small{color:var(--muted);font-size:9px}.transaction-amount{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.transaction-amount.positive{color:#54d78e}.profile-layout{display:grid;grid-template-columns:250px 1fr;gap:17px}.profile-menu,.profile-panel{border:1px solid var(--line);background:var(--surface);border-radius:17px;padding:16px}.profile-person{display:flex;gap:11px;align-items:center;padding:5px 5px 16px;border-bottom:1px solid var(--line);margin-bottom:10px}.avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(140deg,#8e81ff,#3b64ba);display:grid;place-items:center;font-weight:800}.profile-person strong{font-size:12px;display:block}.profile-person small{font-size:9px;color:var(--muted)}.profile-menu-list{display:grid;gap:4px}.profile-menu-list button{text-align:left;border:0;background:transparent;color:var(--muted);padding:10px;border-radius:9px;font-size:11px;display:flex;align-items:center;gap:10px}.profile-menu-list button.active,.profile-menu-list button:hover{background:#ffffff09;color:white}.profile-panel h2{font-size:15px;margin:2px 0 15px}.profile-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:20px}.stat-box{border:1px solid var(--line);background:#0e1117;border-radius:13px;padding:13px}.stat-box small{font-size:9px;color:var(--muted)}.stat-box strong{font-family:Manrope,sans-serif;display:block;font-size:19px;margin-top:4px;font-variant-numeric:tabular-nums}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.profile-actions{display:flex;justify-content:flex-end;margin-top:17px}.support-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:16px}.support-card{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:20px}.support-search{margin:17px 0 20px}.faq-list{display:grid;gap:8px}.faq-item{border:1px solid var(--line);background:#0e1117;border-radius:11px;overflow:hidden}.faq-question{width:100%;border:0;background:none;text-align:left;padding:13px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700}.faq-answer{padding:0 13px 13px;color:var(--muted);font-size:10px;line-height:1.6;display:none}.faq-item.open .faq-answer{display:block}.support-contact{background:radial-gradient(ellipse at 100% 0%,#7667ed2c,transparent 50%),#11141b}.support-contact .contact-row{display:flex;align-items:flex-start;gap:11px;margin:17px 0}.support-contact .contact-row strong{display:block;font-size:11px}.support-contact .contact-row small{font-size:10px;color:var(--muted)}.notification-list{display:grid;gap:9px}.notification{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:14px;display:flex;align-items:flex-start;gap:12px;position:relative}.notification.unread{background:#14172a;border-color:#8275f638}.notification.unread:before{content:'';position:absolute;left:0;top:17px;bottom:17px;width:2px;background:#897aff;border-radius:2px}.notification h3{font-size:11px;margin:0 0 4px}.notification p{font-size:10px;color:var(--muted);margin:0}.notification time{font-size:9px;color:#747c89;white-space:nowrap;margin-left:auto}.notification .category-icon{width:34px;height:34px;flex:none}.process-layout{max-width:760px;margin:28px auto}.process-banner{text-align:center;padding:35px 20px 25px;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 0%,#7464f42b,transparent 55%),var(--surface);border-radius:20px}.process-symbol{width:56px;height:56px;margin:0 auto 15px;border-radius:18px;background:#7868f225;color:#a99fff;display:grid;place-items:center}.process-symbol .material-symbols-rounded{font-size:29px}.process-banner h1{font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.7px;margin:0 0 7px}.process-banner p{color:var(--muted);font-size:11px;margin:0}.timeline{padding:22px 26px;border:1px solid var(--line);border-radius:17px;background:var(--surface);margin-top:13px}.timeline-step{display:flex;gap:12px;position:relative;min-height:56px}.timeline-step:not(:last-child):before{content:'';position:absolute;left:12px;top:25px;bottom:0;width:1px;background:var(--line-strong)}.timeline-step.done:not(:last-child):before{background:#36c67e66}.timeline-marker{width:25px;height:25px;border-radius:50%;border:1px solid #3b414e;background:#151923;display:grid;place-items:center;color:#727987;z-index:1;flex:none}.timeline-step.done .timeline-marker{color:#42d087;border-color:#43c98255;background:#22c55e17}.timeline-step.current .timeline-marker{border-color:#9184ff;color:#bdb3ff;box-shadow:0 0 0 4px #7868f21a}.timeline-step.error .timeline-marker{color:#ff7474;border-color:#ef444466;background:#ef44441c}.failure-banner .process-symbol{background:#ef44441c;color:#ff7474}.failure-banner{background:radial-gradient(ellipse at 50% 0%,#ef44441e,transparent 56%),var(--surface)}.timeline-marker .material-symbols-rounded{font-size:14px}.timeline-copy{padding:3px 0 15px}.timeline-copy strong{font-size:11px;display:block}.timeline-copy small{font-size:9px;color:var(--muted)}.order-details-card{padding:17px;border:1px solid var(--line);border-radius:17px;background:var(--surface);margin-top:13px}.order-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.detail-item small{display:block;font-size:9px;color:var(--muted);margin-bottom:4px}.detail-item strong{font-size:11px;display:block}.success-banner .process-symbol{background:#22c55e1c;color:#59dc92}.success-banner{background:radial-gradient(ellipse at 50% 0%,#22c55e1e,transparent 56%),var(--surface)}.success-banner h1{font-size:27px}.process-actions{display:flex;justify-content:center;gap:9px;margin:16px 0}.auth-layout{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1fr 1fr;max-width:1000px;margin:auto;align-items:center;padding:35px 0}.auth-art{height:480px;border-radius:22px;position:relative;overflow:hidden;background:linear-gradient(0deg,#10131af2 2%,#10131a15 75%),url('https://images.unsplash.com/photo-1593305841991-05c297ba4575?auto=format&fit=crop&w=1000&q=80') center/cover;border:1px solid var(--line)}.auth-art-copy{position:absolute;left:28px;bottom:25px;right:28px}.auth-art-copy h2{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-.8px;margin:9px 0}.auth-art-copy p{color:#c0c5d0;font-size:11px;margin:0}.auth-box{max-width:385px;margin:auto;width:100%;padding:28px}.auth-box h1{font-family:Manrope,sans-serif;font-size:27px;margin:0 0 5px;letter-spacing:-1px}.auth-box>p{font-size:11px;color:var(--muted);margin:0 0 23px}.auth-fields{display:grid;gap:13px}.auth-divider{display:flex;align-items:center;gap:11px;margin:16px 0;color:#737b89;font-size:9px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--line);flex:1}.auth-switch{text-align:center;font-size:10px;color:var(--muted);margin-top:17px}.auth-switch button{color:#b2aaff;border:0;background:none;font-weight:700}.modal-backdrop{position:fixed;inset:0;z-index:70;overflow-y:auto;background:#05060ae0;backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px;animation:fade .15s}@keyframes fade{from{opacity:0}to{opacity:1}}.modal{width:min(100%,450px);border:1px solid var(--line-strong);border-radius:20px;background:#141821;box-shadow:var(--shadow);padding:22px;animation:modal-in .2s}@keyframes modal-in{from{transform:translateY(7px) scale(.99);opacity:.6}to{transform:none;opacity:1}}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.modal-head h2{font-size:16px;margin:0}.modal-copy{font-size:11px;color:var(--muted);line-height:1.65}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.toast-region{position:fixed;z-index:90;right:20px;bottom:20px;display:grid;gap:8px}.toast{background:#1b202b;border:1px solid var(--line-strong);border-radius:12px;padding:12px 15px;box-shadow:var(--shadow);font-size:11px;display:flex;align-items:center;gap:9px;animation:toast-in .2s ease}.toast .material-symbols-rounded{color:#5ad991}.toast.error .material-symbols-rounded{color:#ff7070}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.bottom-nav{display:none}.footer{margin-top:60px;border-top:1px solid var(--line);padding:25px 0 10px;display:flex;align-items:center;justify-content:space-between;color:#777f8d;font-size:10px}.footer-links{display:flex;gap:17px}.footer-links button{border:0;background:none;color:inherit;font-size:10px}.footer-links button:hover{color:white}.skeleton{height:202px;border-radius:17px;background:linear-gradient(100deg,#151922 20%,#202532 40%,#151922 60%);background-size:200% 100%;animation:shimmer 1.3s infinite}.skeleton-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}@keyframes shimmer{to{background-position:-200% 0}}.not-found{text-align:center;padding:90px 10px}.floating-help{position:fixed;right:22px;bottom:20px;width:46px;height:46px;z-index:20;background:#7868f2;border-radius:15px;border:0;box-shadow:0 8px 26px #6757e650;display:grid;place-items:center;color:white}.floating-help:hover{transform:translateY(-2px)}
@media(max-width:1100px) and (min-width:851px){.topbar-inner,.main{padding-left:22px;padding-right:22px}.desktop-nav{gap:17px}.topbar-inner{gap:23px}.game-grid,.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.game-cover{height:126px}.product-layout{grid-template-columns:minmax(0,1.6fr) minmax(290px,.9fr)}.hero-content{padding-left:42px}.hero-art-chip{right:4%}}@media(min-width:851px){.bottom-nav{display:none!important}.topbar{height:76px}.main{padding:0 30px 96px}.header-search{display:flex}.desktop-nav{display:flex}.mobile-menu-button{display:none}.home-page{padding-top:25px}.home-feature{height:242px}.home-popular{grid-template-columns:repeat(6,minmax(0,1fr))}.all-games-preview{grid-template-columns:repeat(6,minmax(0,1fr))}.product-layout{grid-template-columns:minmax(0,1.75fr) minmax(300px,.9fr)}.steps-column{min-width:0}.product-option{min-height:92px}.summary-card{position:sticky;top:92px;display:block}.summary-head{display:flex}.summary-body{display:block}.summary-pay{display:flex}.sticky-pay{display:none}.game-hero{min-height:230px}.game-hero-image{width:55%;opacity:.85}.profile-layout{grid-template-columns:250px 1fr}.wallet-grid{grid-template-columns:1fr 1.5fr}.support-grid{grid-template-columns:1.25fr .8fr}}@media(min-width:851px){.home-page .home-feature{height:238px}.home-page .welcome-row{margin-bottom:14px}.home-page .section{margin-top:30px}.home-popular .game-cover{height:104px}.all-games-preview .game-cover{height:88px}}@media(min-width:1101px){.home-popular{grid-template-columns:repeat(6,minmax(0,1fr))}.all-games-preview{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:850px){.desktop-nav,.header-search{display:none}.topbar-inner{gap:15px}.mobile-menu-button{display:grid}.top-actions{margin-left:auto}.top-actions .balance-pill{display:none}.topbar-inner .button.primary{padding:10px 12px}.main{padding:0 20px 100px}.hero{min-height:375px}.hero-content{padding:42px;max-width:550px}.hero h1{font-size:48px}.hero-art-chip{display:none}.game-grid,.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,1fr)}.product-layout{grid-template-columns:1fr}.summary-card{position:static}.summary-card{display:grid;grid-template-columns:1fr 1fr}.summary-head{grid-column:1/-1}.summary-body{grid-column:1}.summary-card>.summary-cta-wrap{grid-column:2;grid-row:2;align-self:end;padding:15px 16px 18px 0}.summary-card .summary-disclaimer{font-size:8px}.support-grid{grid-template-columns:1fr 1fr}.auth-layout{max-width:720px}.auth-art{height:400px}.auth-box{padding:20px}.profile-layout{grid-template-columns:210px 1fr}}
@media(max-width:600px){body{font-size:13px}.topbar-inner .profile-short{display:none}.topbar-inner .top-actions{gap:6px}.home-page{padding-top:19px}.welcome-row{display:block;margin-bottom:13px}.welcome-kicker{font-size:12px}.welcome-row h1{font-size:19px;letter-spacing:-.45px;margin:5px 0 0;max-width:310px}.welcome-row p,.mini-wallet{display:none}.home-search{height:48px;margin:0 0 13px}.home-feature{height:164px;border-radius:16px}.feature-copy{left:16px;max-width:240px}.feature-copy h2{font-size:19px;margin:5px 0 2px}.feature-copy p{font-size:9px;line-height:1.4;max-width:210px;margin-bottom:8px}.feature-copy .button{height:35px;padding:7px 11px;font-size:10px}.carousel-dots{left:17px;bottom:10px}.carousel-next{width:30px;height:30px;right:9px}.home-page .section{margin-top:23px}.home-page .section-head{margin-bottom:10px}.home-page .section-head h2{font-size:16px}.home-page .section-head p{font-size:9px}.home-popular,.all-games-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-popular .game-cover{height:78px}.all-games-preview .game-cover{height:74px}.home-popular .game-card,.all-games-preview .game-card{border-radius:12px}.home-popular .game-card-copy,.all-games-preview .game-card-copy{padding:8px}.home-popular .game-card-copy strong,.all-games-preview .game-card-copy strong{font-size:9px;line-height:1.25}.home-popular .game-card-copy small,.all-games-preview .game-card-copy small{font-size:8px}.game-cover .cover-tag{font-size:7px;padding:2px 4px;top:5px;left:5px}.buy-again-strip{padding:13px;border-radius:14px;align-items:flex-start}.buy-again-strip h2{font-size:12px;max-width:190px}.buy-again-strip p{font-size:8px}.buy-again-strip .button{font-size:9px;padding:8px}.home-page .trust-strip{display:none}.product-page{padding-top:13px}.product-page>.crumb{display:none}.game-hero{min-height:160px;border-radius:15px;padding:14px}.home-page{padding-top:19px}.welcome-row{display:block;margin-bottom:13px}.welcome-row h1{font-size:19px;max-width:320px}.welcome-row p,.mini-wallet{display:none}.home-search{height:48px;margin:0 0 13px}.home-feature{height:164px;border-radius:16px}.feature-copy{left:16px;max-width:240px}.feature-copy h2{font-size:19px;margin:5px 0}.feature-copy p{font-size:9px;max-width:210px;margin-bottom:8px}.feature-copy .button{height:36px;padding:7px 11px;font-size:10px}.carousel-dots{left:17px;bottom:10px}.home-popular,.all-games-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-popular .game-cover{height:78px}.all-games-preview .game-cover{height:74px}.home-popular .game-card-copy,.all-games-preview .game-card-copy{padding:8px}.home-popular .game-card-copy strong,.all-games-preview .game-card-copy strong{font-size:9px}.home-popular .game-card-copy small,.all-games-preview .game-card-copy small{font-size:8px}.buy-again-strip{padding:12px}.support-actions{grid-template-columns:1fr 1fr}.support-actions .category-card{font-size:8px}.summary-pay{font-size:10px}.game-hero-image{width:100%;opacity:.45}.back-button{margin-bottom:8px;font-size:10px}.game-brand-row{gap:9px}.game-brand-icon{width:36px;height:36px}.game-brand-row h1{font-size:19px}.game-description{font-size:9px;margin:3px 0 8px}.game-badges{gap:5px}.trust-badge{font-size:8px;padding:4px 6px}.trust-badge .material-symbols-rounded{font-size:11px}.product-layout{gap:10px;margin-top:10px}.steps-column{gap:9px}.flow-card{padding:13px;border-radius:14px}.flow-title{margin-bottom:11px}.flow-title h2{font-size:12px}.flow-title p{font-size:8px}.field-row{grid-template-columns:1fr;gap:9px}.field label{font-size:10px}.input-action input,.field input{height:43px;font-size:11px}.verify-button{min-width:98px;font-size:10px}.field-note{font-size:8px}.helper-row{margin-top:7px}.helper-row .text-link,.verify-status{font-size:8px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-option{padding:12px 10px;min-height:70px;border-radius:11px}.product-option strong{font-size:11px}.product-option small{font-size:8px}.product-price{font-size:10px;margin-top:6px}.popular-label{font-size:7px}.payment-option{min-height:49px;padding:8px;gap:8px}.payment-info strong{font-size:9px}.payment-info small,.payment-fee{font-size:8px}.payment-logo{width:29px;height:29px}.account-confirm-note{font-size:8px}.summary-card{position:static;display:block;border-radius:14px}.summary-head{padding:13px 14px}.summary-body{padding:12px 14px}.summary-card .summary-trust{display:none}.summary-line{font-size:9px}.summary-line strong{font-size:9px}.summary-line.total strong{font-size:17px}.summary-disclaimer{font-size:8px}.summary-pay{display:none}.summary-cta-wrap{display:none}.sticky-pay{display:block;position:fixed;z-index:32;left:0;right:0;bottom:64px;padding:9px 16px calc(9px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#0b0e14f5;backdrop-filter:blur(14px)}.sticky-pay .button{height:46px;width:100%;font-size:12px}.main:has(.product-layout){padding-bottom:170px}.profile-layout,.wallet-grid,.support-grid{grid-template-columns:1fr}.profile-menu{padding:9px}.profile-menu-list{grid-template-columns:repeat(3,1fr)}.profile-menu-list button{font-size:8px;justify-content:center;flex-direction:column;gap:4px;padding:7px 2px}.profile-menu-list button .material-symbols-rounded{font-size:16px}.profile-panel{padding:13px}.support-actions{grid-template-columns:1fr 1fr}.support-actions .category-card{font-size:8px}.wallet-card{padding:19px}.wallet-card .wallet-balance{font-size:27px}.page-heading h1{font-size:22px}.order-card{gap:8px;padding:11px}.order-card-main{min-width:0}.order-card-top strong{font-size:9px}.order-card-meta{font-size:8px}.order-card-amount{font-size:9px}.order-game-icon{width:29px;height:29px}.process-banner{padding:23px 14px}.process-banner h1{font-size:18px}.process-banner p{font-size:9px}.notification{padding:10px;gap:8px}.notification h3{font-size:9px}.notification p,.notification time{font-size:8px}.footer{font-size:8px;margin-top:30px}.floating-help{display:none}.toast-region{bottom:75px}}@media(max-width:850px){.topbar{height:62px}.topbar-inner{padding:0 15px;gap:10px}.brand{font-size:17px;gap:8px}.brand-mark{width:30px;height:30px}.top-actions{gap:7px}.top-actions .icon-button{width:37px;height:37px}.topbar-inner .button.primary{font-size:11px;padding:9px 10px;height:37px}.top-actions .profile-icon{display:none}.main{padding:0 15px 98px}.page{padding-top:20px}.hero{margin-top:5px;border-radius:20px;min-height:405px;align-items:end}.hero-photo{background:linear-gradient(0deg,#10131bf7 0%,#10131bcf 44%,#11141b18 100%),url('https://images.unsplash.com/photo-1542751371-adc38448a05e?auto=format&fit=crop&w=950&q=82') center 37%/cover}.hero-content{padding:28px 22px 24px}.hero h1{font-size:39px;letter-spacing:-1.8px;margin:11px 0}.hero-copy{font-size:12px;line-height:1.55;margin-bottom:17px}.hero-actions{margin-bottom:17px}.hero-actions .button{flex:1;padding:11px 10px;font-size:11px}.hero-assurances{gap:12px;font-size:9px;flex-wrap:wrap}.assurance .material-symbols-rounded{font-size:15px}.section{margin-top:32px}.section-head{margin-bottom:14px}.section-head h2{font-size:18px}.section-head p{font-size:10px}.section-head .text-link{font-size:10px}.game-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-cover{height:118px}.catalog-grid .game-cover{height:130px}.game-card{border-radius:14px}.game-card-copy{padding:10px}.game-title-line{gap:7px}.game-title-line .game-icon{width:29px;height:29px}.game-title-line strong{font-size:11px}.game-card-meta{margin:8px 0 0 36px;font-size:9px}.game-card-meta b{font-size:10px}.cover-tag{font-size:8px;top:8px;left:8px}.recent-item{min-width:168px;padding:10px}.recent-item strong{font-size:11px}.offer-banner{min-height:145px;padding:21px;border-radius:17px;display:block}.offer-banner h3{font-size:18px;max-width:210px}.offer-banner p{font-size:10px;max-width:210px}.offer-code{display:inline-flex;margin-top:13px;padding:8px 11px;font-size:10px}.offer-banner:after{right:8%;top:6px}.category-grid{gap:8px}.category-card{padding:12px;min-height:68px;border-radius:13px;gap:9px}.category-icon{width:34px;height:34px;border-radius:10px}.category-card strong{font-size:11px}.category-card small{font-size:9px}.trust-strip{grid-template-columns:1fr;gap:13px;padding:17px}.trust-item strong{font-size:11px}.trust-item small{font-size:9px}.footer{margin-top:35px;display:block;text-align:center;line-height:2}.footer-links{justify-content:center;margin-top:6px}.floating-help{display:none}.bottom-nav{display:flex;position:fixed;z-index:31;bottom:0;left:0;right:0;padding:7px 8px calc(7px + env(safe-area-inset-bottom));height:64px;background:#11141bf2;border-top:1px solid var(--line);backdrop-filter:blur(18px);justify-content:space-around}.bottom-nav button{border:0;background:none;color:#777f8d;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:3px;font-size:8px;min-width:53px}.bottom-nav button .material-symbols-rounded{font-size:20px}.bottom-nav button.active{color:#b1a7ff}.page-heading{margin-bottom:16px}.page-heading h1{font-size:24px}.page-heading p{font-size:10px}.page-heading>.button{font-size:10px;padding:9px 10px}.catalog-toolbar{margin:16px 0 12px;gap:8px;flex-wrap:wrap}.searchbox{height:43px;min-width:100%;order:0}.catalog-toolbar .select-button{height:38px;font-size:10px}.catalog-toolbar .tab-row{order:1;width:100%}.tab{padding:7px 11px;font-size:10px}.game-hero{min-height:200px;padding:18px;border-radius:17px}.game-brand-row{gap:11px}.game-icon.large{width:47px;height:47px;border-radius:13px}.game-brand-row h1{font-size:23px}.game-description{font-size:10px;max-width:290px}.game-badges{gap:5px}.trust-badge{font-size:8px;padding:5px 6px}.trust-badge .material-symbols-rounded{font-size:12px}.product-layout{gap:12px;margin-top:13px}.steps-column{gap:10px}.flow-card{padding:15px;border-radius:15px}.flow-title{margin-bottom:12px;gap:9px}.flow-title h2{font-size:13px}.flow-title p{font-size:9px}.step-number{width:24px;height:24px;border-radius:8px}.field-row{grid-template-columns:1fr;gap:10px}.field label{font-size:10px}.field input,.field select{height:42px;font-size:12px}.helper-row{align-items:flex-start}.field-note,.field-note button,.verify-status{font-size:9px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-option{padding:10px}.product-option strong{font-size:11px}.product-option small{font-size:8px}.product-price{font-size:11px;margin-top:7px}.payment-list{gap:7px}.payment-option{min-height:49px;padding:8px 9px}.payment-info strong{font-size:10px}.payment-info small,.payment-fee{font-size:8px}.payment-logo{width:29px;height:29px}.summary-card{display:block;border-radius:15px}.summary-head{padding:14px 15px 11px}.summary-body{padding:13px 15px}.summary-card>.summary-cta-wrap{display:none}.summary-game{padding-bottom:11px}.summary-line{font-size:9px}.summary-line strong{font-size:9px}.summary-line.total strong{font-size:17px}.summary-disclaimer{font-size:8px}.sticky-pay{display:block;position:fixed;bottom:64px;left:0;right:0;padding:10px 15px calc(10px + env(safe-area-inset-bottom));z-index:27;border-top:1px solid var(--line);background:#0d1015f5;backdrop-filter:blur(15px)}.sticky-pay .button{width:100%;height:46px;font-size:12px}.main:has(.product-layout){padding-bottom:180px}.main:has(.process-layout){padding-bottom:30px}.subnav{margin:13px 0}.subnav button{font-size:10px;padding:10px 8px}.table-wrap{margin:0 -2px}.wallet-grid{grid-template-columns:1fr;gap:10px}.wallet-card{min-height:164px;padding:20px}.wallet-balance{font-size:31px}.wallet-side-note{padding:16px}.profile-layout{grid-template-columns:1fr;gap:10px}.profile-menu{padding:10px}.profile-person{padding:4px 4px 12px}.profile-menu-list{grid-template-columns:repeat(3,1fr)}.profile-menu-list button{font-size:9px;justify-content:center;flex-direction:column;gap:4px;padding:8px 2px}.profile-menu-list button .material-symbols-rounded{font-size:17px}.profile-panel{padding:14px}.profile-stat-grid{gap:6px}.stat-box{padding:10px}.stat-box small{font-size:8px}.stat-box strong{font-size:16px}.profile-fields{grid-template-columns:1fr;gap:10px}.support-grid{grid-template-columns:1fr;gap:10px}.support-card{padding:15px}.support-card h2{font-size:14px!important}.notification{padding:11px;gap:9px}.notification time{font-size:8px}.notification h3{font-size:10px}.notification p{font-size:9px}.notification .category-icon{width:31px;height:31px}.process-layout{margin:15px auto}.process-banner{padding:25px 15px 21px;border-radius:17px}.process-banner h1{font-size:20px}.process-banner p{font-size:10px}.timeline{padding:18px}.order-details-grid{gap:12px 8px}.detail-item strong{font-size:10px}.process-actions{flex-wrap:wrap}.process-actions .button{flex:1;font-size:10px}.auth-layout{display:block;padding:30px 0}.auth-art{display:none}.auth-box{max-width:420px;padding:16px 4px}.auth-box h1{font-size:25px}.toast-region{left:12px;right:12px;bottom:75px}.toast{font-size:10px}.modal{padding:18px}.modal-head h2{font-size:14px}}
@media(min-width:1500px){.topbar-inner,.main{max-width:1380px}.game-grid,.catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:600px){.home-page .home-popular,.home-page .all-games-preview{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* =====================================================================
   NEXA v2 — RESPONSIVE LAYER (design audit, 2026-10)
   Three deliberate layouts on one codebase:
     PHONE   ≤ 599px   bottom tab bar, single column, sticky pay bar
     TABLET  600–1023  top nav (no bottom bar), 2-column checkout ≥ 720px
     PC      ≥ 1024px  full header with search, 2-column order page
   Type floor: captions 11px, secondary 12–13px, body 14–15px.
   Everything below overrides earlier rules by source order only.
   ===================================================================== */
:root{--fs-cap:11px;--fs-sec:12px;--fs-label:13px;--fs-body:14px;--tap:40px}
@media(min-width:600px){:root{--fs-sec:13px;--fs-body:15px}}

/* ---------- Shared fixes (all devices) ---------- */
.game-card-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.game-card-copy strong{overflow-wrap:anywhere}
.game-brand-icon.has-art,.order-game-icon.has-art{padding:0;overflow:hidden;background:var(--card2)}
.game-brand-icon.has-art img,.order-game-icon.has-art img{width:100%;height:100%;object-fit:cover;display:block}
.game-brand-row .game-brand-icon.has-art{width:64px;height:64px;border-radius:18px;box-shadow:0 8px 24px #0006}
.product-price{font-variant-numeric:tabular-nums;font-weight:700}
.product-option:not(.selected) .product-price{color:var(--muted)}

/* Type floor — captions */
.popular-label,.cover-tag,.game-cover .cover-tag,.discount,.status,th,.auth-divider,
.summary-disclaimer,.summary-card .summary-disclaimer,.prototype-notice,.notification time,
.trust-badge,.order-card-meta,.summary-trust,.payment-fee{font-size:var(--fs-cap)}
/* Type floor — secondary text */
.mini-wallet,.home-popular .game-card-copy small,.all-games-preview .game-card-copy small,.game-card-copy small,
.buy-again-strip p,.saved-account small,.saved-account>span:last-child,.account-confirm-note,.summary-head>span,
.confirm-product small,.guide-step>span,.support-actions .category-card,.game-card-meta,.recent-item small,
.category-card small,.trust-item small,.flow-title p,.field-note,.field-note button,.verify-status,
.helper-row .text-link,.product-option small,.payment-info small,.checkline,.summary-head p,.summary-game small,
.summary-line,.summary-line strong,.wallet-card small,.transaction-copy small,.profile-person small,.stat-box small,
.faq-answer,.support-contact .contact-row small,.notification p,.timeline-copy small,.detail-item small,.auth-switch,
.footer,.footer-links button,.feature-copy p,.home-page .section-head p,.section-head p,.hero-assurances,
.offer-banner p,.page-heading p,.process-banner p,.game-description,.auth-box>p,.welcome-row p,
.order-card-amount,.notification h3+p{font-size:var(--fs-sec)}
/* Type floor — labels, controls, card titles */
.field label,.tab,.toast,.back-button,.verify-button,.summary-pay,.profile-menu-list button,.subnav button,
.process-actions .button,.feature-copy .button,.buy-again-strip .button,.page-heading>.button,
.catalog-toolbar .select-button,.section-head .text-link,.payment-info strong,.order-card-top strong,
.notification h3,.detail-item strong,.home-popular .game-card-copy strong,.all-games-preview .game-card-copy strong,
.game-card-copy strong,.product-price,.sticky-pay .button,.offer-code{font-size:var(--fs-label)}
.field input,.field select,.field textarea,.searchbox input{font-size:16px} /* 16px stops iOS zoom-on-focus */

/* Touch targets */
.text-link,.footer-links button,.crumb button,.tab,.back-button{min-height:36px}
.footer-links button{padding:8px 4px}
.auth-box .text-link{min-height:40px;padding:0 6px}
.carousel-dots .dot{position:relative}
.carousel-dots .dot::after{content:"";position:absolute;inset:-14px -6px}
.icon-button{min-width:var(--tap);min-height:var(--tap)}

/* Drawer menu (hamburger) */
.drawer-backdrop{position:fixed;inset:0;z-index:90;background:#04060ab3;backdrop-filter:blur(4px);opacity:0;transition:opacity .2s}
.drawer-backdrop.open{opacity:1}
.drawer{position:absolute;top:0;bottom:0;left:0;width:min(320px,86vw);background:var(--surface);border-right:1px solid var(--line-strong);
  padding:calc(14px + env(safe-area-inset-top)) 14px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;
  transform:translateX(-102%);transition:transform .22s ease;overflow-y:auto}
.drawer-backdrop.open .drawer{transform:none}
.drawer-head{display:flex;align-items:center;justify-content:space-between}
.drawer-user{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--text);text-align:left}
.drawer-user strong{display:block;font-size:15px}.drawer-user small{color:var(--muted);font-size:13px}
.drawer-list{display:grid;gap:2px}
.drawer-list button,.drawer-logout{display:flex;align-items:center;gap:14px;min-height:48px;padding:0 12px;border:0;border-radius:12px;background:transparent;color:var(--muted);font:600 15px/1 Manrope,system-ui,sans-serif;text-align:left}
.drawer-list button.active,.drawer-list button:hover{background:#ffffff0d;color:var(--text)}
.drawer-list button.active .material-symbols-rounded{color:#b8aaff}
.drawer-count{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--purple);color:#fff;font-size:12px;display:grid;place-items:center}
.drawer-logout{margin-top:auto;color:#ff8a8a}
@media(prefers-reduced-motion:reduce){.drawer,.drawer-backdrop{transition:none}}

/* ---------- PHONE (≤ 599px) ---------- */
@media(max-width:599px){
  body{font-size:var(--fs-body)}
  .home-search kbd,.searchbox kbd{display:none}
  .bottom-nav button{font-size:11px;gap:3px}
  .bottom-nav button .material-symbols-rounded{font-size:22px}
  .welcome-row h1{font-size:22px;max-width:none}
  .feature-copy h2{font-size:21px}
  .feature-copy p{font-size:12px;max-width:230px}
  .feature-copy .button{height:40px;padding:0 14px}
  .home-page .section-head h2,.section-head h2{font-size:18px}
  .home-popular,.home-page .home-popular{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .home-popular .game-cover{height:96px}
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .catalog-grid .game-cover{height:112px}
  .game-card-copy,.home-popular .game-card-copy{padding:10px 11px 12px}
  .tab{height:38px;padding:0 14px}
  .page-heading h1{font-size:26px}
  .game-brand-row h1{font-size:24px}
  .game-brand-row .game-brand-icon.has-art{width:52px;height:52px;border-radius:15px}
  .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-option{min-height:88px}
  .payment-option{min-height:58px}
  .input-action{gap:8px}
  .verify-button{min-width:104px}
  .process-banner h1{font-size:22px}
  .order-details-grid{gap:14px}
  .profile-menu-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profile-menu-list button{min-height:44px}
  .notification{gap:12px}
  .auth-box{padding:8px 2px}
  .auth-box h1{font-size:26px}
  .modal{width:calc(100vw - 32px)}
}

/* ---------- TABLET (600–1023px): its own layout ---------- */
@media(min-width:600px) and (max-width:1023px){
  body{font-size:var(--fs-body)}
  /* Header: real navigation instead of hamburger + bottom bar */
  .topbar{height:68px}
  .topbar-inner{padding:0 24px;gap:18px}
  .mobile-menu-button{display:none}
  .desktop-nav{display:flex;gap:4px}
  .desktop-nav .nav-link{padding:0 12px;height:40px;border-radius:12px;font-size:14px}
  .desktop-nav .nav-link.active{background:#ffffff0d}
  .header-search{display:none}
  .top-actions{margin-left:auto;gap:8px}
  .top-actions .balance-pill{display:flex}
  .profile-short span:last-child{display:none}
  .bottom-nav{display:none!important}
  .floating-help{display:grid;right:24px;bottom:24px}
  .main{padding:0 24px 64px}
  .home-search kbd,.searchbox kbd{display:none}
  /* Home + catalog */
  .welcome-row h1{font-size:28px}
  .home-feature{height:260px;border-radius:22px}
  .feature-copy h2{font-size:30px}
  .feature-copy p{font-size:14px;max-width:360px}
  .feature-copy .button{height:44px;padding:0 18px;font-size:14px}
  .home-popular,.home-page .home-popular,.game-grid,.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .home-popular .game-cover,.catalog-grid .game-cover{height:140px}
  .game-card-copy,.home-popular .game-card-copy{padding:12px 14px 14px}
  .trust-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tab{height:40px;padding:0 16px}
  /* Checkout */
  .game-hero{min-height:200px}
  .game-hero-image{width:60%;opacity:.8}
  .game-brand-row h1{font-size:30px}
  .products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .product-option{min-height:92px}
  /* Order page */
  .process-layout{max-width:none}
  /* Profile / wallet / support */
  .wallet-grid{grid-template-columns:1fr 1fr}
  .support-grid{grid-template-columns:1.3fr 1fr}
  .profile-layout{grid-template-columns:220px 1fr}
  .profile-menu-list{grid-template-columns:1fr}
  .profile-menu-list button{min-height:44px}
  .auth-box{max-width:440px;margin:40px auto;padding:32px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}
}
/* Tablet checkout: form + sticky summary side by side when there is room */
@media(min-width:720px) and (max-width:1023px){
  .product-layout{grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:16px}
  .summary-card{position:sticky;top:84px;display:block}
  .summary-card>*{grid-column:auto!important;grid-row:auto!important}
  .summary-head{display:flex}
  .summary-body{display:block}
  .summary-pay{display:flex}
  .summary-card .summary-cta-wrap{padding:0}
  .sticky-pay{display:none!important}
}
/* Narrow tablet: single column checkout, pay bar pinned to the bottom (no tab bar here) */
@media(min-width:600px) and (max-width:719px){
  .sticky-pay{display:block;bottom:0;padding:12px 24px calc(12px + env(safe-area-inset-bottom))}
  .main:has(.sticky-pay){padding-bottom:96px}
  .floating-help{bottom:96px}
}
/* Order page as two columns on tablet + PC */
@media(min-width:768px){
  .process-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:16px;align-items:start}
  .process-layout>.process-banner{grid-column:1/-1}
  .process-layout>.timeline{grid-column:1;margin:0}
  .process-layout>.order-details-card{grid-column:2;grid-row:2;margin:0}
  .process-layout>.process-actions,.process-layout>.button{grid-column:1/-1}
}

/* ---------- PC (≥ 1024px) ---------- */
@media(min-width:1024px){
  .home-search kbd{display:inline-flex}
  .process-layout{max-width:1040px}
  .auth-box{max-width:440px;margin:56px auto;padding:36px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}
  .game-hero{min-height:220px}
  .game-brand-row{max-width:640px}
  .home-feature{height:280px}
  .feature-copy h2{font-size:34px}
  .feature-copy p{font-size:14px}
}
@media(min-width:1024px) and (max-width:1279px){
  .catalog-grid,.home-popular{grid-template-columns:repeat(3,minmax(0,1fr))}
  .catalog-grid .game-cover,.home-popular .game-cover{height:150px}
}
@media(min-width:1280px){
  .catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .catalog-grid .game-cover{height:160px}
}

/* ---------- v2 polish after first review pass ---------- */
.payment-info{text-align:left;min-width:0}
.avatar{color:#fff;text-shadow:0 1px 2px #0005}
.avatar.mini{font-size:13px}
.profile-menu-list button{flex-direction:row;justify-content:flex-start;gap:12px;padding:0 12px;min-height:44px}
.profile-menu-list button .material-symbols-rounded{font-size:20px}
@media(max-width:599px){
  .profile-menu-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
  .profile-menu-list button{padding:0 10px;gap:8px}
  .order-card-top{flex-direction:column;align-items:flex-start;gap:5px}
  .order-card-amount{font-size:13px;white-space:nowrap}
  .profile-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stat-box strong{font-size:15px;overflow-wrap:anywhere}
  .tab-row{margin-right:-15px;padding-right:15px;mask-image:linear-gradient(90deg,#000 85%,transparent)}
}
.flow-card .field>input,.flow-card .field>select{width:100%;box-sizing:border-box}

/* ---------- Mega Donat brand ---------- */
.brand-name{font-family:Manrope,system-ui,sans-serif;font-weight:800;letter-spacing:-.4px;white-space:nowrap}
.brand-name b{font-weight:800;color:#b8aaff;margin-left:3px}
.profile-logout{margin:12px 16px;width:calc(100% - 32px)}
.service-state{margin:64px auto;max-width:420px}
.service-state .material-symbols-rounded{font-size:40px}
.legal-text{max-height:60vh;overflow:auto;font-size:14px;line-height:1.6;color:var(--muted)}
.legal-text h3{color:var(--text);font-size:15px;margin:16px 0 6px}
@media(max-width:380px){.brand-name{font-size:16px}}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:0 0 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.auth-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:700 14px Manrope,system-ui,sans-serif;cursor:pointer}
.auth-tabs button.active{background:var(--card2);color:var(--text)}
.auth-tabs .material-symbols-rounded{font-size:19px}
.otp-input{letter-spacing:.5em;font-variant-numeric:tabular-nums;text-align:center;font-size:22px!important;font-weight:700}
.otp-sent{font-size:14px;color:var(--muted);margin:0 0 14px}
.otp-sent b{color:var(--text)}
.auth-note{display:block;text-align:center;margin-top:12px}
.auth-box .field+.button,.auth-box .field+.button.full{margin-top:14px}
.auth-note .text-link{min-height:0;padding:0 2px;display:inline}
.footer-links{flex-wrap:wrap;justify-content:center;gap:2px 16px}
@media(max-width:599px){.footer{text-align:center}.footer>span{display:block;margin-bottom:6px}}
.tg-box{display:grid;gap:14px}
.tg-steps{margin:0;padding:14px 16px 14px 34px;border:1px solid var(--line);border-radius:14px;background:var(--surface);display:grid;gap:8px;font-size:14px;color:var(--muted)}
.tg-steps b{color:var(--text)}
.tg-button{background:linear-gradient(135deg,#2aabee,#229ed9)!important;border-color:transparent!important;color:#fff!important}
.tg-wait{display:flex;gap:12px;align-items:center;padding:14px 16px;border:1px solid #2aabee55;border-radius:14px;background:#2aabee14}
.tg-wait .material-symbols-rounded{font-size:26px;color:#5cc3f5;animation:md-spin 1s linear infinite}
.tg-wait strong{display:block;font-size:15px}.tg-wait small{color:var(--muted);font-size:13px}
@keyframes md-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.tg-wait .material-symbols-rounded{animation:none}}

/* ---- v3: announcement bar, support conversation, contacts ---- */
.announce{max-width:1280px;margin:12px auto 0;padding:10px 12px 10px 16px;display:flex;align-items:center;gap:10px;border:1px solid #7257ff44;background:linear-gradient(90deg,#7257ff1f,#3977ff12);border-radius:14px;font-weight:600;width:calc(100% - 32px)}
.announce.warn{border-color:#f5b94255;background:#f5b9421a}
.announce>span:not(.material-symbols-rounded){flex:1;min-width:0}
.announce a{color:#b8aaff;font-weight:800;white-space:nowrap}
.announce .icon-button{width:32px;height:32px;min-width:32px}
.ticket-list{display:grid;gap:8px}
.ticket-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--card)}
.ticket-row.fresh{border-color:#7257ff88;background:#7257ff14}
.ticket-copy{flex:1;min-width:0;display:grid;gap:2px}
.ticket-copy small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.muted-note{color:var(--muted)}
.thread-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}
.thread-head small{color:var(--muted);width:100%}
.thread{display:grid;gap:8px;max-height:46vh;overflow:auto;padding-right:4px}
.msg{padding:10px 12px;border-radius:14px;background:var(--card);border:1px solid var(--line);max-width:92%}
.msg.me{justify-self:end;background:#7257ff1c;border-color:#7257ff40}
.msg small{color:var(--muted);font-size:11px}
.msg p{margin:4px 0 0;white-space:pre-wrap;word-break:break-word}
.contact-list{display:grid;gap:8px;width:100%;margin:6px 0}
.ct-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--card);text-align:left}
.ct-row span:last-child{display:grid}
.ct-row small{color:var(--muted);font-size:11px}
.promo-row{display:flex;gap:8px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
.promo-row input{flex:1;min-width:0;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text);padding:0 12px;text-transform:uppercase}
.promo-applied{display:flex;align-items:center;gap:6px;flex:1;color:#49d78c}
/* ---- card-to-card top-up ---- */
.ct-box{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:12px 14px;margin-bottom:10px}
.ct-box>small{color:var(--muted);font-weight:700;font-size:12px}
.ct-big{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}
.ct-big strong{font:800 20px Manrope,system-ui,sans-serif;letter-spacing:.01em;word-break:break-all}
.ct-hint{display:flex;gap:6px;align-items:flex-start;color:var(--muted);font-size:12px;margin:8px 0 0;line-height:1.45}
.ct-hint .material-symbols-rounded{font-size:16px;flex:none;color:#b8aaff}
.ct-timer{display:flex;align-items:center;gap:8px;margin:4px 0 0;color:var(--muted)}
.ct-timer b{color:var(--text);font-variant-numeric:tabular-nums}
.ct-state{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;border:1px solid var(--line)}
.ct-state .material-symbols-rounded{font-size:28px}
.ct-state.ok{border-color:#22c55e55;background:#22c55e12}.ct-state.ok .material-symbols-rounded{color:#49d78c}
.ct-state.bad{border-color:#ef444455;background:#ef444412}.ct-state.bad .material-symbols-rounded{color:#ff7474}
.ct-state p{margin:4px 0 0;color:var(--muted)}
.quick-amounts{display:flex;flex-wrap:wrap;gap:8px}
.chip-btn{height:36px;padding:0 12px;border-radius:18px;border:1px solid var(--line-strong);background:var(--card);font-weight:700;font-size:12px}
.chip-btn:hover{border-color:#8578f0}
.wallet-side-note.ct-pending{border-color:#7257ff66;background:#7257ff12}
.wallet-side-note.ct-pending h3{display:flex;align-items:center;gap:8px}
.ct-big strong{color:var(--text)}
.ct-big strong.mono{font-size:17px;white-space:nowrap;word-break:normal;letter-spacing:.02em}
.wallet-card small{display:block;padding-right:190px}
@media(max-width:600px){.wallet-card small{padding-right:0;margin-bottom:58px}}
.legal-text mark{background:#f5b94233;color:#f8c96a;border-radius:4px;padding:0 3px}
.legal-text .legal-meta{color:var(--muted);font-size:12px}
/* ---- reviews, cashback, referral, id help ---- */
.stars{display:inline-flex;gap:1px;color:#ffffff26;font-size:14px;line-height:1;vertical-align:-1px}
.stars i{font-style:normal}.stars i.on{color:#f5b942}
.rating-line{display:inline-flex;align-items:center;gap:6px;margin-top:6px;color:var(--muted);font-size:13px}
.rating-line b{color:var(--text)}
.review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.review-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:14px;display:grid;gap:8px}
.review-card p{margin:0;line-height:1.5}
.review-card small{color:var(--muted);font-size:12px}
.review-box{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;border:1px solid #f5b94240;background:#f5b9420d;border-radius:18px;padding:16px;margin:12px 0}
.review-box>div:first-child{flex:1;min-width:200px}
.review-box p{margin:4px 0 0;color:var(--muted)}
.review-box.done{border-color:#22c55e40;background:#22c55e0d}
.review-box textarea{flex-basis:100%;border-radius:12px;background:#0c0f15;border:1px solid var(--line);color:var(--text);padding:10px 12px;font:inherit;resize:vertical}
.star-pick{display:flex;gap:4px}
.star-pick button{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:#ffffff30;font-size:22px;line-height:1}
.star-pick button.on{color:#f5b942;border-color:#f5b94266}
.summary-line.cashback span{display:flex;align-items:center;gap:6px}
.summary-line.cashback strong{color:#49d78c}
.ref-link{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.ref-link input{flex:1;min-width:200px;height:40px;border-radius:12px;border:1px solid var(--line);background:#0c0f15;color:var(--text);padding:0 12px}
.id-help-img{width:100%;border-radius:14px;display:block;border:1px solid var(--line)}
.id-help-text{white-space:pre-wrap;line-height:1.55}
.lang-switch{height:36px;min-width:42px;padding:0 10px;border-radius:12px;border:1px solid var(--line-strong);background:var(--card);font:800 12px Manrope,system-ui,sans-serif;letter-spacing:.04em;color:var(--text)}
.lang-switch:hover{border-color:#8578f0}