:root{color:#f7f9ff;font-synthesis:none;background:#070a12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#070a12;margin:0}button,input{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}.app{background:linear-gradient(#070a12 0%,#080c15 100%);max-width:760px;min-height:100vh;margin:auto;padding-bottom:92px;position:relative;overflow:hidden}.ambient{pointer-events:none;filter:blur(90px);opacity:.16;z-index:0;border-radius:50%;position:fixed}.ambient-one{background:#176bff;width:240px;height:240px;top:-100px;right:-80px}.ambient-two{background:#633dff;width:260px;height:260px;bottom:100px;left:-160px}.topbar{z-index:3;justify-content:space-between;align-items:center;height:76px;padding:16px 18px;display:flex;position:relative}.brand{align-items:center;gap:11px;display:flex}.brand-mark{background:linear-gradient(135deg,#087fff,#4055ff);border-radius:12px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 10px 28px #006aff33}.brand-name{letter-spacing:-.4px;font-size:17px;font-weight:800}.brand-sub{color:#7d879b;margin-top:1px;font-size:10px}.icon-btn,.cart-head{background:#111725;border:1px solid #1e2a40;border-radius:13px;place-items:center;min-width:40px;height:40px;display:grid}.cart-head{position:relative}.cart-head span{background:#087fff;border:2px solid #070a12;border-radius:9px;place-items:center;min-width:17px;height:17px;font-size:9px;font-weight:800;display:grid;position:absolute;top:-5px;right:-4px}.content{z-index:1;padding:0 18px;position:relative}.welcome{justify-content:space-between;align-items:center;padding:16px 2px 20px;display:flex}.eyebrow{color:#6f7c94;letter-spacing:1.8px;font-size:9px;font-weight:800}.welcome h1{letter-spacing:-1.5px;margin:7px 0 8px;font-size:31px;line-height:1.05}.welcome h1 span{color:#648cff}.welcome p{color:#8993a6;max-width:280px;margin:0;font-size:12px;line-height:1.5}.avatar,.profile-avatar{background:linear-gradient(145deg,#1e2e55,#0d5cff);border:1px solid #315aa4;place-items:center;font-weight:800;display:grid}.avatar{border-radius:15px;width:42px;height:42px}.hero{cursor:pointer;background:#101624;border:1px solid #1c2d49;border-radius:24px;height:290px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0004}.hero img,.detail-cover img{object-fit:cover;width:100%;height:100%}.hero-shade{background:linear-gradient(90deg,#05070ddd 0%,#05070d66 45%,#05070d05 100%),linear-gradient(#0000 45%,#05070dcc 100%);position:absolute;inset:0}.hero-info{position:absolute;bottom:20px;left:20px}.hero-info h2{letter-spacing:-1px;margin:8px 0 3px;font-size:27px}.hero-info p{color:#c0c7d4;margin:0 0 9px;font-size:11px}.hero-info strong{font-size:18px}.hero-arrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff18;border:1px solid #fff2;border-radius:13px;padding:10px;position:absolute;top:50%;right:17px}.pill{color:#b5bfd0;background:#151c2b;border:1px solid #253149;border-radius:8px;padding:6px 9px;font-size:9px;font-weight:700;display:inline-flex}.pill.blue{color:#65a1ff;background:#0c61e822;border-color:#176bff55}.quick-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0 25px;display:grid}.quick{background:#0e131f;border:1px solid #182337;border-radius:16px;flex-direction:column;align-items:center;gap:7px;padding:12px 6px;display:flex}.quick span{color:#5795ff;background:#111e35;border-radius:10px;place-items:center;width:31px;height:31px;display:grid}.quick svg{width:16px;height:16px}.quick b{color:#aab3c3;font-size:10px}.section-title{justify-content:space-between;align-items:center;margin:0 0 11px;display:flex}.section-title h3{letter-spacing:-.5px;margin:0;font-size:18px}.section-title button{color:#5795ff;align-items:center;gap:2px;font-size:10px;display:flex}.horizontal-games{scrollbar-width:none;gap:11px;padding-bottom:10px;display:flex;overflow:auto}.horizontal-games::-webkit-scrollbar{display:none}.game-card{text-align:left;flex:0 0 145px;width:145px}.cover{background:#111722;border:1px solid #1b2a43;border-radius:17px;height:184px;position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%}.platform-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070a12cc;border-radius:7px;padding:5px 7px;font-size:8px;font-weight:800;position:absolute;top:8px;left:8px}.game-title{white-space:nowrap;text-overflow:ellipsis;margin:8px 2px 4px;font-size:11px;font-weight:700;overflow:hidden}.game-price{margin:0 2px;font-size:13px;font-weight:800}.compact-list{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.compact-game,.catalog-item{text-align:left;background:#0e131f;border:1px solid #182337;border-radius:17px;align-items:center;gap:12px;width:100%;padding:9px;display:flex}.compact-game img{object-fit:cover;border-radius:11px;width:57px;height:67px}.compact-info{flex-direction:column;flex:1;gap:3px;display:flex}.compact-info b{font-size:12px}.compact-info span{color:#707c91;font-size:9px}.compact-info strong{font-size:12px}.trust-card{background:linear-gradient(120deg,#0e1a2d,#0c121e);border:1px solid #18345d;border-radius:17px;align-items:center;gap:11px;margin-bottom:18px;padding:14px;display:flex}.trust-icon{color:#5795ff;background:#087fff18;border-radius:12px;place-items:center;width:37px;height:37px;display:grid}.trust-icon svg{width:18px}.trust-card b{font-size:11px}.trust-card p{color:#768197;margin:3px 0 0;font-size:9px;line-height:1.4}.search{color:#718097;background:#0e131f;border:1px solid #1a273b;border-radius:15px;align-items:center;gap:9px;height:48px;padding:0 14px;display:flex}.search input{color:#fff;background:0 0;border:0;outline:0;flex:1;font-size:12px}.search input::placeholder{color:#68748a}.filters{gap:7px;margin:11px 0 17px;display:flex}.filters button{color:#8490a3;background:#0e131f;border:1px solid #1a273b;border-radius:10px;padding:8px 14px;font-size:10px;font-weight:700}.filters button.active{color:#fff;background:#087fff;border-color:#087fff;box-shadow:0 8px 24px #087fff33}.catalog-meta{color:#667288;justify-content:space-between;margin-bottom:9px;font-size:9px;display:flex}.catalog-list{flex-direction:column;gap:8px;display:flex}.catalog-item{padding:8px}.catalog-main{text-align:left;flex:1;align-items:center;gap:11px;display:flex}.catalog-main img{object-fit:cover;border-radius:11px;width:58px;height:68px}.catalog-main div{flex-direction:column;gap:4px;min-width:0;display:flex}.catalog-main b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.catalog-main span{color:#68758a;font-size:9px}.catalog-main strong{font-size:12px}.add-btn{color:#4c94ff;background:#0c1d36;border:1px solid #164e8d;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.loading{text-align:center;color:#758197;padding:60px;font-size:12px}.game-page{padding:0 0 24px}.game-page .detail-cover{border-radius:0 0 27px 27px;height:370px;position:relative;overflow:hidden}.detail-overlay{background:linear-gradient(#0000 35%,#070a12 100%);position:absolute;inset:0}.detail-content{margin-top:-25px;padding:0 18px;position:relative}.detail-pills{gap:6px;display:flex}.detail-content h1{letter-spacing:-1.3px;margin:11px 0 6px;font-size:30px}.rating{color:#ffc94d;font-size:11px}.rating span{color:#748095;margin-left:5px}.price-box{background:#0e1625;border:1px solid #1b365c;border-radius:18px;margin:17px 0 20px;padding:15px;position:relative}.price-box span{color:#718097;font-size:9px;display:block}.price-box strong{margin-top:3px;font-size:24px;display:block}.price-box em{color:#74dba7;background:#123528;border-radius:8px;padding:6px 8px;font-size:9px;font-style:normal;font-weight:800;position:absolute;top:15px;right:13px}.price-box p{color:#68768c;margin:8px 0 0;font-size:9px}.detail-content h3{margin:0 0 7px;font-size:14px}.description{color:#8792a6;margin-bottom:22px;font-size:11px;line-height:1.6}.primary{background:linear-gradient(135deg,#087fff,#2164ff);border-radius:15px;justify-content:center;align-items:center;gap:8px;height:51px;font-size:12px;font-weight:800;display:flex;box-shadow:0 13px 35px #087fff33}.primary:disabled{opacity:.55}.wide{width:100%}.cart-items{flex-direction:column;gap:8px;display:flex}.cart-item{background:#0e131f;border:1px solid #182337;border-radius:17px;align-items:center;gap:10px;padding:9px;display:flex}.cart-item>img{object-fit:cover;cursor:pointer;border-radius:11px;width:64px;height:76px}.cart-item-info{flex:1;min-width:0}.cart-item-info>b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.cart-item-info>span{color:#68758a;margin:3px 0;font-size:8px;display:block}.cart-item-info>strong{font-size:12px}.qty{align-items:center;gap:10px;margin-top:6px;display:flex}.qty button{background:#171e2c;border:1px solid #263248;border-radius:8px;place-items:center;width:24px;height:24px;display:grid}.qty b{font-size:10px}.delete{color:#59657a;padding:8px}.summary{background:#0e131f;border:1px solid #182337;border-radius:17px;margin:18px 0 13px;padding:15px}.summary>div{color:#7b8799;justify-content:space-between;margin-bottom:9px;font-size:10px;display:flex}.summary .total{color:#fff;align-items:center;margin:0}.summary .total strong{font-size:21px}.empty{text-align:center;padding:100px 25px}.empty-icon{color:#4d8fff;background:#0e1625;border:1px solid #1a2d48;border-radius:20px;place-items:center;width:64px;height:64px;margin:auto;display:grid}.empty h2{margin:15px 0 6px;font-size:20px}.empty p{color:#6f7b90;font-size:11px;line-height:1.5}.checkout-total{background:linear-gradient(135deg,#101b30,#0e131f);border:1px solid #1d3b67;border-radius:20px;margin:15px 0;padding:20px}.checkout-total span{color:#7c899e;font-size:10px}.checkout-total strong{margin-top:4px;font-size:32px;display:block}.calc{background:#0e131f;border:1px solid #182337;border-radius:17px;margin-bottom:12px;padding:15px}.calc div{color:#758196;justify-content:space-between;margin-bottom:11px;font-size:10px;display:flex}.calc div:last-child{margin:0}.calc b{color:#dfe4ed}.notice{color:#7f8ca1;background:#0b1727;border:1px solid #16355d;border-radius:15px;gap:10px;margin-bottom:18px;padding:13px;font-size:9px;line-height:1.5;display:flex}.notice svg{color:#4e96ff;flex:none;width:18px}.secure{text-align:center;color:#536075;font-size:9px}.success-page{text-align:center;padding-top:100px}.success-icon{color:#6ee2a3;background:#123c2a;border-radius:50%;place-items:center;width:70px;height:70px;margin:auto;font-size:31px;font-weight:800;display:grid}.success-page h1{margin:18px 0 8px;font-size:25px}.success-page p{color:#7b879b;margin-bottom:24px;font-size:11px;line-height:1.6}.ghost{color:#8d98aa;border:1px solid #263349;border-radius:14px;height:48px;margin-top:8px;font-size:11px}.profile-head{align-items:center;gap:13px;padding:20px 0;display:flex}.profile-avatar{border-radius:19px;width:58px;height:58px;font-size:22px}.profile-head h2{margin:0 0 4px;font-size:18px}.profile-head span{color:#6f7b90;font-size:10px}.profile-menu{background:#0e131f;border:1px solid #182337;border-radius:18px;overflow:hidden}.profile-menu button{text-align:left;border-bottom:1px solid #182337;align-items:center;gap:11px;width:100%;padding:16px;display:flex}.profile-menu button:last-child{border:0}.profile-menu svg:first-child{color:#598fff;width:17px}.profile-menu span{flex:1;font-size:11px}.profile-menu svg:last-child{color:#4d586c;width:15px}.profile-banner{background:linear-gradient(120deg,#0b1c38,#10142a);border:1px solid #1b3966;border-radius:19px;gap:12px;margin-top:15px;padding:20px;display:flex}.profile-banner>svg{color:#629aff}.profile-banner b,.profile-banner span{display:block}.profile-banner b{font-size:12px}.profile-banner span{color:#6e7b91;margin-top:4px;font-size:9px}.bottom-nav{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:min(760px,100%);height:78px;padding-bottom:env(safe-area-inset-bottom);background:#090d16ef;border-top:1px solid #192335;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#59667b;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:8px;display:flex}.bottom-nav button.active{color:#4f94ff}.bottom-nav svg{width:18px;height:18px}.nav-icon{position:relative}.nav-icon i{color:#fff;background:#087fff;border:2px solid #090d16;border-radius:8px;place-items:center;min-width:15px;height:15px;font-size:8px;font-style:normal;display:grid;position:absolute;top:-7px;right:-8px}@media (width>=600px){.app{border-left:1px solid #111a29;border-right:1px solid #111a29}.content,.topbar{padding-left:24px;padding-right:24px}}.discount-badge{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ff3b5ccc;border-radius:7px;padding:5px 7px;font-size:8px;font-weight:900;position:absolute;top:8px;right:8px}.plus-hero{background:radial-gradient(circle at 80% 10%,#176bff55,#0000 38%),linear-gradient(135deg,#10182a,#0b101b);border:1px solid #25406b;border-radius:24px;align-items:flex-start;gap:15px;margin:12px 0 24px;padding:22px;display:flex;overflow:hidden}.plus-logo{color:#111827;background:linear-gradient(135deg,#f6d36e,#d89d25);border-radius:17px;flex:0 0 52px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 12px 35px #d7a32833}.plus-logo svg{width:25px}.plus-hero h1{letter-spacing:-1px;margin:6px 0 8px;font-size:26px;line-height:1.08}.plus-hero h1 span{color:#6d9fff}.plus-hero p{color:#8793a7;margin:0;font-size:10px;line-height:1.55}.plus-tier{margin-bottom:24px}.plus-list{flex-direction:column;gap:8px;display:flex}.plus-card{background:#0e131f;border:1px solid #182337;border-radius:17px;align-items:center;gap:12px;padding:11px;display:flex}.tier-icon{border-radius:14px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid}.tier-icon svg{width:20px}.tier-icon.essential{color:#e8edf8;background:#2c3039}.tier-icon.extra{color:#fff5cf;background:#bd8c27}.tier-icon.deluxe{color:#82a8ff;background:#171f45}.plus-info{flex:1;min-width:0}.plus-info b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.plus-info span{color:#6e7b90;margin:4px 0;font-size:9px;display:block}.plus-info strong{font-size:13px}.add-btn:disabled{opacity:.35;cursor:not-allowed}