:root{--accent: #1584e8;--accent-dark: #0875dc;--accent-rgb: 21, 132, 232;--page-bg: url(/images/page-bg.jpg);--hero-bg: url(/images/sky-banner.jpg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#1e293b;background:#f5f8fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;padding:18px 0 42px;background:linear-gradient(180deg,#f7fbffeb,#f5f8fbf5 44%,#f5f8fb),var(--page-bg) center top / 100% auto no-repeat}.topbar,.campaign,.profile-strip,.commerce-panel,.policy-page,.site-footer{width:min(1168px,calc(100% - 32px));margin:0 auto}.topbar{height:44px;display:flex;align-items:center;justify-content:space-between}.brand-link,.topbar-actions,.login-button,.account-button,.category-tabs,.catalog-tools,.search-box,.product-bottom,.selected-line,.amount-row,.site-footer nav,.mobile-checkout{display:flex;align-items:center}.brand-link{gap:10px;font-size:15px;font-weight:800;color:#2b4a61}.brand-link img{width:120px;height:auto;display:block}.topbar-actions{gap:10px}.language-control{position:relative}.language-menu{position:absolute;top:44px;right:0;z-index:30;min-width:156px;display:grid;gap:4px;padding:6px;border:1px solid rgba(216,226,239,.94);border-radius:8px;background:#fffffffa;box-shadow:0 18px 42px #25415733}.language-menu button{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:6px;padding:0 10px;color:#334155;background:transparent;font-size:14px;font-weight:800;text-align:left}.language-menu button:hover,.language-menu button.active{color:var(--accent-dark);background:rgba(var(--accent-rgb),.1)}.icon-button,.login-button,.account-button,.coupon-button,.pay-button,.mobile-checkout button{border:none}.icon-button{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#ffffffdb;color:#334155;box-shadow:0 8px 20px #37546c1f}.login-button,.account-button,.pay-button,.mobile-checkout button{gap:7px;justify-content:center;min-height:36px;padding:0 18px;border-radius:999px;color:#fff;font-size:14px;font-weight:800;background:linear-gradient(180deg,var(--accent),var(--accent-dark));box-shadow:0 10px 22px rgba(var(--accent-rgb),.24)}.pay-button:disabled,.mobile-checkout button:disabled{cursor:wait;opacity:.68}.campaign{min-height:184px;margin-top:16px;padding:30px 34px;border-radius:8px;position:relative;overflow:hidden;display:flex;align-items:end;color:#fff;background:linear-gradient(90deg,#08183ac2,#1a4e7e5c 48%,#ffffff14),var(--hero-bg) center / cover no-repeat;box-shadow:0 16px 36px #1f50772e}.campaign:after{content:"";position:absolute;inset:auto 0 0;height:60px;background:linear-gradient(180deg,transparent,rgba(2,14,32,.22));pointer-events:none}.campaign-copy{position:relative;z-index:1;max-width:520px}.eyebrow{display:inline-flex;margin-bottom:10px;padding:6px 10px;border-radius:999px;color:#103356;background:#fff2b8f0;font-size:13px;font-weight:900}.campaign h1{margin:0;font-size:clamp(30px,4vw,52px);line-height:1.04;letter-spacing:0}.profile-strip{min-height:104px;margin-top:-22px;padding:22px 26px;position:relative;z-index:2;display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:16px;align-items:center;border-radius:8px;background:#fffffff5;box-shadow:0 14px 34px #25415724}.game-mark{width:56px;height:56px;display:grid;place-items:center;border-radius:8px;color:var(--accent);background:radial-gradient(circle at 62% 22%,#fff4b8 0 14%,transparent 15%),linear-gradient(145deg,#e5f7ff,#f9fbff 56%,#ffe9c0);box-shadow:inset 0 0 0 1px #0e7edc29}.game-copy{min-width:0}.game-copy strong{display:block;font-size:24px;line-height:1.2}.game-copy span{display:block;margin-top:6px;color:#64748b;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-query-form{display:flex;align-items:center;gap:10px}.role-query-form input{width:210px;height:42px;border:1px solid #dbe7f3;border-radius:999px;padding:0 16px;color:#0f172a;background:#f8fbff;font-size:14px;font-weight:800;outline:none}.role-query-form input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12)}.role-query-form .account-button:disabled{cursor:wait;opacity:.72}.commerce-panel{margin-top:34px;border-radius:8px;background:#fffffffa;box-shadow:0 14px 34px #25415724;overflow:hidden}.primary-tabs{height:72px;display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));border-bottom:1px solid #e9eef5}.primary-tabs button{position:relative;border:0;background:transparent;color:#64748b;font-size:22px;font-weight:900}.primary-tabs button.active{color:var(--accent)}.primary-tabs button.active:after{content:"";position:absolute;left:50%;bottom:0;width:42px;height:4px;border-radius:4px 4px 0 0;background:var(--accent);transform:translate(-50%)}.checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;min-height:620px}.catalog-area{padding:34px 32px 30px;border-right:1px solid #e9eef5}.category-tabs{gap:26px}.category-tabs button{position:relative;display:inline-flex;align-items:center;gap:7px;height:34px;border:0;background:transparent;color:#64748b;font-size:20px;font-weight:900}.category-tabs button.active{color:var(--accent)}.category-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:3px;border-radius:3px;background:var(--accent)}.catalog-tools{justify-content:space-between;gap:12px;margin:28px 0 22px}.search-box{width:min(360px,100%);height:42px;gap:8px;padding:0 14px;border:1px solid #dbe7f3;border-radius:999px;color:#7b8da1;background:#f8fbfe}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#1e293b}.coupon-button{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 16px;border-radius:999px;color:#2f5d77;font-weight:800;background:#ecf7ff}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.catalog-state{grid-column:1 / -1;min-height:180px;display:grid;place-items:center;align-content:center;gap:12px;border:1px dashed #d8e4ef;border-radius:8px;color:#64748b;background:#f8fbfe;font-size:14px;font-weight:800;text-align:center}.catalog-state.error strong{color:#b42318}.catalog-state button{min-height:34px;border:0;border-radius:999px;padding:0 16px;color:#fff;background:linear-gradient(180deg,var(--accent),var(--accent-dark));font-weight:900}.product-card{min-height:308px;position:relative;display:grid;grid-template-rows:1fr auto;padding:0;overflow:hidden;border:1px solid #edf2f7;border-radius:8px;text-align:left;background:#fff;box-shadow:0 12px 24px #2541571f;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.product-card:hover,.product-card:focus-visible{transform:translateY(-2px);border-color:#80c7ff;box-shadow:0 16px 32px #2566972e;outline:none}.product-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 18px 34px rgba(var(--accent-rgb),.2)}.product-art{min-height:194px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 32%,rgba(255,255,255,.85),transparent 22%),linear-gradient(145deg,#fff8da,#f2c767)}.product-glow{width:112px;height:112px;border-radius:50%;position:absolute;background:radial-gradient(circle,rgba(255,255,255,.96),rgba(255,242,162,.18) 62%,transparent 70%);box-shadow:0 0 42px #ffdb67e6}.product-object{width:94px;height:64px;position:relative;z-index:1;border-radius:8px;background:linear-gradient(135deg,#fff5c9,#fff 42%,#ffc854);box-shadow:-20px 16px 0 -8px #eea931e6,18px 14px 0 -9px #fff4bcf2,0 20px 30px #70481038;transform:rotate(-13deg)}.product-object:before,.product-object:after{content:"";position:absolute;border-radius:50%}.product-object:before{width:24px;height:24px;left:34px;top:20px;background:linear-gradient(135deg,#ffe082,#fff7d5);box-shadow:inset 0 0 0 2px #c7841c38}.product-object:after{width:160px;height:40px;left:-34px;bottom:-28px;background:#7e4e0c24;filter:blur(10px)}.product-art.pack .product-object{width:94px;height:78px;border-radius:12px 12px 8px 8px;background:linear-gradient(180deg,transparent 0 18px,rgba(99,58,19,.18) 19px 22px,transparent 23px),linear-gradient(145deg,#ff715b,#ffd071 58%,#8ed0ff);box-shadow:inset 0 -8px #48342a2e,0 18px 28px #70481033;transform:rotate(0)}.product-art.pack .product-object:before{left:31px;top:-13px;width:32px;height:24px;border-radius:16px 16px 4px 4px;background:#fff3b5;box-shadow:inset 0 -4px #dc953047}.tone-amber{background:radial-gradient(circle at 50% 32%,rgba(255,255,255,.85),transparent 22%),linear-gradient(145deg,#fff0c3,#eda13c)}.tone-rose{background:radial-gradient(circle at 50% 32%,rgba(255,255,255,.85),transparent 22%),linear-gradient(145deg,#ffe0e0,#f0877c)}.tone-sky{background:radial-gradient(circle at 50% 32%,rgba(255,255,255,.88),transparent 22%),linear-gradient(145deg,#dff5ff,#83c8ff)}.tone-mint{background:radial-gradient(circle at 50% 32%,rgba(255,255,255,.88),transparent 22%),linear-gradient(145deg,#e0fff0,#72d9aa)}.tone-violet{background:radial-gradient(circle at 50% 32%,rgba(255,255,255,.86),transparent 22%),linear-gradient(145deg,#efe4ff,#a58cf2)}.product-info{display:grid;gap:7px;padding:16px}.product-name{min-height:22px;color:#0f172a;font-size:15px;font-weight:900}.product-subtitle{min-height:36px;color:#718096;font-size:13px;line-height:1.4}.product-bottom{justify-content:space-between;gap:10px}.product-bottom strong{font-size:15px;color:#111827}.cart-chip{width:72px;height:36px;display:grid;place-items:center;border-radius:999px;color:#fff;background:linear-gradient(180deg,var(--accent),var(--accent-dark))}.product-card:not(.selected) .cart-chip{background:#d5d8dc}.bonus-ribbon{position:absolute;top:10px;left:10px;padding:5px 9px;border-radius:999px;color:#fff;background:#ff6b52;font-size:12px;font-weight:900;box-shadow:0 8px 16px #ff6b523d}.summary-area{padding:38px 26px}.summary-area h2,.payment-block h3,.rules-block h3{margin:0;color:#111827;font-size:20px;line-height:1.35}.selected-line{gap:14px;margin-top:16px}.summary-placeholder{min-height:86px;display:grid;place-items:center;margin-top:16px;border:1px dashed #d8e4ef;border-radius:8px;color:#64748b;background:#f8fbfe;font-size:14px;font-weight:800;text-align:center}.mini-art{flex:0 0 86px;width:86px;height:86px;display:grid;place-items:center;border-radius:8px;overflow:hidden}.mini-art span{width:42px;height:32px;border-radius:6px;background:linear-gradient(135deg,#fff8ce,#fff,#ffc34c);box-shadow:-9px 7px 0 -3px #eea931e6,8px 8px 0 -4px #fff4bcf2;transform:rotate(-13deg)}.mini-art.pack span{height:42px;border-radius:8px;background:linear-gradient(145deg,#ff715b,#ffd071 58%,#8ed0ff);transform:rotate(0)}.selected-line strong{display:block;font-size:16px}.selected-line p{margin:12px 0 0;padding:10px 12px;border-radius:6px;color:#667085;background:#f2f5f8;font-size:13px;line-height:1.5}.selected-line .bonus-summary{color:#075da9;background:#eef7ff;font-weight:900}.payment-block{margin-top:24px}.region-grid,.channel-grid{display:grid;gap:12px;margin-top:14px}.region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.region-grid button,.channel-grid button{border:1px solid #edf2f7;border-radius:8px;background:#fff;color:#475569;font-weight:800}.region-grid button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.region-grid span{width:28px;height:22px;display:grid;place-items:center;border-radius:999px;color:#fff;background:var(--accent);font-size:11px;font-weight:900}.region-grid button.active,.channel-grid button.active{border-color:var(--accent);color:#0f172a;background:#eef7ff;box-shadow:0 0 0 1px var(--accent)}.channel-grid{grid-template-columns:minmax(0,1fr)}.channel-grid button{min-height:66px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 16px}.payment-method-logo{width:58px;height:24px;object-fit:contain}.amount-row{justify-content:space-between;gap:12px;margin:28px 0 14px;color:#64748b}.amount-row strong{color:#111827;font-size:24px}.pay-button{width:100%;height:48px;border-radius:8px;font-size:16px}.acceptance{margin:12px 0 0;color:#7b8da1;font-size:12px;line-height:1.6}.records-view{min-height:420px;padding:38px 32px}.empty-records{min-height:300px;display:grid;place-items:center;align-content:center;gap:10px;color:#7b8da1;text-align:center}.empty-records strong{color:#334155;font-size:22px}.record-list{display:grid;gap:12px}.record-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:16px;border:1px solid #edf2f7;border-radius:8px;background:#fff}.record-item strong,.record-item span{display:block}.record-item span{margin-top:6px;color:#718096;font-size:13px}.record-item em{color:#111827;font-style:normal;font-weight:900}.status-pill{width:max-content;margin:0;padding:5px 9px;border-radius:999px;color:#0f766e!important;background:#dffaf5;font-size:12px!important;font-weight:900}.rules-block{margin:0 26px 28px;padding:22px 26px;border-radius:8px;background:#f6f8fa}.rules-block h3{margin-top:16px;font-size:16px}.rules-block h3:first-child{margin-top:0}.rules-block p{margin:6px 0 0;color:#2d3748;font-size:14px;line-height:1.65}.policy-page{margin-top:26px}.policy-back{width:max-content;display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;color:var(--accent-dark);background:rgba(var(--accent-rgb),.1);font-size:14px;font-weight:900}.policy-article{margin-top:14px;padding:34px;border:1px solid #e7eef5;border-radius:8px;background:#fffffff5;box-shadow:0 18px 48px #1f50771f}.policy-article.has-frame{padding:0;overflow:hidden}.policy-frame{display:block;width:100%;height:78vh;min-height:640px;border:0;background:#fff}.policy-article header{padding-bottom:20px;border-bottom:1px solid #edf2f7}.policy-article header p{margin:0 0 8px;color:#64748b;font-size:13px;font-weight:800}.policy-article h1{margin:0;color:#0f172a;font-size:32px;line-height:1.25}.policy-article section{padding-top:22px}.policy-article h2{margin:0;color:#163b5b;font-size:18px;line-height:1.4}.policy-article section p{margin:10px 0 0;color:#334155;font-size:15px;line-height:1.85}.site-footer{margin-top:28px;color:#64748b;text-align:center;font-size:13px}.site-footer nav{justify-content:center;gap:14px;margin-bottom:12px;color:#3d5b75;font-weight:800}.site-footer p{margin:5px 0}.mobile-checkout{display:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:18px;background:#0f172a6b}.login-modal{width:min(420px,100%);position:relative;display:grid;gap:16px;padding:28px;border-radius:8px;background:#fff;box-shadow:0 28px 80px #0f172a4d}.login-modal h2{margin:0 0 4px;font-size:24px}.login-modal label{display:grid;gap:8px;color:#475569;font-weight:800}.login-modal input,.login-modal select{width:100%;height:44px;border:1px solid #dbe7f3;border-radius:8px;padding:0 12px;color:#0f172a;background:#fff}.modal-close{width:34px;height:34px;position:absolute;top:12px;right:12px;display:grid;place-items:center;border:0;border-radius:50%;color:#475569;background:#f1f5f9}.toast{position:fixed;left:50%;bottom:30px;z-index:60;max-width:min(420px,calc(100% - 32px));margin:0;padding:12px 16px;border-radius:999px;color:#fff;background:#0f172aeb;font-size:14px;font-weight:800;text-align:center;transform:translate(-50%);box-shadow:0 16px 36px #0f172a38}@media(max-width:1020px){.checkout-grid{grid-template-columns:minmax(0,1fr)}.catalog-area{border-right:0}.summary-area{border-top:1px solid #e9eef5}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.app-shell{padding:10px 0 96px;background:linear-gradient(180deg,#f7fbffc2,#f5f8fb 58%),var(--page-bg) center top / auto 760px no-repeat}.topbar,.campaign,.profile-strip,.commerce-panel,.policy-page,.site-footer{width:min(100% - 24px,440px)}.brand-link span{display:none}.brand-link img{width:104px}.login-button{min-height:34px;padding:0 14px}.campaign{min-height:190px;margin-top:12px;padding:22px 20px;align-items:end;background-position:54% center}.campaign h1{font-size:32px}.profile-strip{min-height:82px;margin-top:-14px;padding:16px;grid-template-columns:46px minmax(0,1fr);gap:10px}.game-mark{width:46px;height:46px}.game-copy strong{font-size:18px}.game-copy span{font-size:12px}.account-button{min-height:32px;padding:0 11px;font-size:12px}.role-query-form{grid-column:1 / -1;gap:8px}.role-query-form input{width:100%;min-width:0;height:38px;font-size:13px}.account-button svg{display:none}.commerce-panel{margin-top:18px}.primary-tabs{height:60px}.primary-tabs button{font-size:18px}.catalog-area,.records-view{padding:26px 14px}.category-tabs{gap:20px;padding:0 10px}.category-tabs button{font-size:17px}.catalog-tools{margin:24px 0 18px}.coupon-button{width:42px;justify-content:center;padding:0}.coupon-button svg{flex:0 0 auto}.coupon-button{font-size:0}.product-grid{gap:14px}.product-card{min-height:252px}.product-art{min-height:148px}.product-glow{width:88px;height:88px}.product-object{width:74px;height:52px}.product-info{padding:12px}.product-name{min-height:38px;font-size:13px;line-height:1.45}.product-subtitle{min-height:34px;font-size:12px;line-height:1.35}.product-bottom{align-items:end}.product-bottom strong{font-size:13px}.cart-chip{width:52px;height:32px}.bonus-ribbon{top:8px;left:8px;padding:4px 7px;font-size:11px}.summary-area{padding:26px 16px}.summary-area .pay-button,.summary-area .acceptance{display:none}.region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-grid{grid-template-columns:minmax(0,1fr)}.amount-row strong{font-size:19px}.record-item{grid-template-columns:minmax(0,1fr)}.rules-block{margin:0 14px 18px;padding:18px 16px}.policy-article{padding:24px 18px}.policy-article.has-frame{padding:0}.policy-frame{height:calc(100vh - 174px);min-height:560px}.policy-article h1{font-size:26px}.policy-article h2{font-size:16px}.site-footer{font-size:12px}.mobile-checkout{width:min(100% - 24px,440px);min-height:68px;position:fixed;left:50%;bottom:12px;z-index:30;display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:8px;background:#fffffff5;box-shadow:0 18px 42px #25415738;transform:translate(-50%)}.mobile-checkout span{display:block;color:#718096;font-size:12px}.mobile-checkout strong{display:block;margin-top:3px;color:#111827;font-size:18px}.mobile-checkout button{min-width:116px;height:46px;border-radius:8px}}@media(max-width:390px){.product-grid{gap:10px}.product-card{min-height:236px}.product-art{min-height:136px}.product-info{padding:10px}.cart-chip{width:44px}.product-bottom strong{max-width:74px;line-height:1.25}}