:root{--bg:#050b12;--panel:#081621;--panel2:#0c2030;--line:#17445b;--cyan:#61efff;--cyan2:#12b9d7;--text:#f5f8fb;--muted:#8ca5b6;--gold:#d5a24c;--danger:#ef5b5b;--ok:#42d28f;--nav-h:72px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;max-width:100%;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:'Exo 2',system-ui,sans-serif}body{min-height:100vh;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 18px);background:radial-gradient(circle at 25% -10%,rgba(22,185,215,.14),transparent 30%),linear-gradient(180deg,#06131e,#04090f 55%,#071019)}button,input{font:inherit}button{cursor:pointer}.topbar{height:64px;position:sticky;top:0;z-index:80;display:flex;align-items:center;justify-content:space-between;padding:0 max(14px,calc((100% - 1240px)/2));background:rgba(4,12,20,.94);border-bottom:1px solid rgba(62,206,235,.18);backdrop-filter:blur(10px)}.brand{border:0;background:none;color:#fff;display:flex;gap:7px;align-items:center}.brand b{font:700 16px 'Orbitron',sans-serif;letter-spacing:.04em}.brand span{filter:drop-shadow(0 0 6px rgba(73,222,255,.55))}.top-actions{display:flex;gap:8px;align-items:center}.ghost-btn,.cart-btn,.icon-btn{border:1px solid var(--line);background:#081824;color:#ddecf4;border-radius:12px;padding:9px 12px}.cart-btn{color:var(--cyan);min-width:52px}.view{display:none;width:min(1240px,calc(100% - 28px));margin:0 auto}.view.active{display:block}.hero{margin:22px 0;min-height:290px;border:1px solid #13526c;border-radius:22px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;padding:36px clamp(22px,5vw,64px);overflow:hidden;background:radial-gradient(circle at 78% 50%,rgba(21,177,217,.26),transparent 28%),linear-gradient(135deg,#071b29,#06121d 60%,#08293c);box-shadow:0 20px 50px rgba(0,0,0,.24)}.hero h1{font:700 clamp(32px,5vw,65px)/1.02 'Orbitron',sans-serif;margin:8px 0 14px;max-width:700px;text-shadow:0 0 24px rgba(46,213,247,.22)}.hero p{max-width:650px;color:#b0c4d1;font-size:16px;line-height:1.6}.eyebrow{font:700 10px 'Orbitron',sans-serif;letter-spacing:.14em;color:#60e6f5}.hero-actions,.profile-actions,.checkout-grid{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.primary-btn,.secondary-btn,.danger-btn{border-radius:12px;padding:11px 16px;font-weight:700;border:1px solid transparent}.primary-btn{background:linear-gradient(180deg,#73f0fb,#25bdd6);color:#04202a;border-color:#a9f8ff}.secondary-btn{background:#0b2131;color:#daf6fa;border-color:#24617a}.danger-btn{background:#42191d;color:#ffd7d7;border-color:#78343a}.hero-gem{font-size:150px;text-align:center;filter:drop-shadow(0 0 28px rgba(44,218,252,.28))}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.category-card{min-width:0;text-align:left;display:grid;grid-template-columns:auto 1fr;grid-template-areas:'icon title' 'icon sub';gap:4px 12px;padding:20px;border-radius:18px;color:#fff;border:1px solid rgba(255,255,255,.1);overflow:hidden}.category-card span{grid-area:icon;font-size:25px}.category-card b{grid-area:title;font:700 14px 'Orbitron',sans-serif}.category-card small{grid-area:sub;color:#b9c9d5;white-space:normal}.category-card.blue{background:linear-gradient(135deg,#0c3554,#092238)}.category-card.navy{background:linear-gradient(135deg,#172c53,#12213b)}.category-card.purple{background:linear-gradient(135deg,#45245f,#2b183d)}.category-card.gold{background:linear-gradient(135deg,#5b3518,#34200f)}.panel{border:1px solid rgba(53,150,190,.25);border-radius:22px;background:linear-gradient(180deg,rgba(7,23,35,.97),rgba(4,14,23,.97));padding:24px;margin:20px 0;min-width:0}.compact-panel{margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.panel h2{font:700 clamp(23px,3vw,34px) 'Orbitron',sans-serif;margin:5px 0}.panel h3{font:600 16px 'Orbitron',sans-serif}.panel-head p{margin:5px 0;color:var(--muted)}.category-tabs{display:flex;gap:7px;overflow-x:auto;padding:3px 0 12px;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button{white-space:nowrap;border:1px solid #163b50;background:#071724;color:#91acba;border-radius:999px;padding:9px 13px}.category-tabs button.active{color:#03212b;background:#62e8f5;border-color:#9bf5fc;font-weight:700}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.game-list{display:grid;gap:10px}.game-card{min-width:0;border:1px solid #12394f;background:#091a27;border-radius:18px;padding:14px}.game-card-head{display:flex;align-items:center;gap:12px;min-width:0}.game-logo{width:56px;height:56px;flex:0 0 56px;border-radius:14px;background:#06121c;object-fit:cover;border:1px solid rgba(83,211,238,.2)}.game-info{min-width:0;flex:1}.game-info b{display:block;font:700 14px 'Orbitron',sans-serif;overflow-wrap:anywhere}.game-info small{display:block;color:var(--muted);margin-top:4px}.game-actions{display:flex;gap:8px;align-items:center}.plus-btn{width:42px;height:42px;border:1px solid #17617c;border-radius:13px;background:#0a2a3c;color:#70effa;font-size:24px}.package-list{display:grid;gap:7px;margin-top:12px}.package-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:11px 12px;background:#071521;border:1px solid #102f40;border-radius:12px}.package-name{min-width:0;color:#dfeaf0;overflow-wrap:anywhere}.package-price{font-weight:700;color:#f2d18d;white-space:nowrap}.add-btn{border:1px solid #1a6782;background:#0b293a;color:#bdf7ff;border-radius:9px;padding:7px 10px}.balance-card{padding:24px;border-radius:18px;background:linear-gradient(135deg,#0c3851,#0a2638);border:1px solid #1d718f}.balance-card span,.balance-card small{display:block;color:#a7c5d5}.balance-card strong{display:block;font:700 38px 'Orbitron',sans-serif;color:#72effb;margin:6px 0}.topup-box{margin:18px 0;padding:18px;border:1px solid #123b50;border-radius:16px;background:#071722}.topup-box label,.small-modal label{display:grid;gap:7px;color:#c8d8e2}.input-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:8px}input{width:100%;min-width:0;border:1px solid #1b5068;background:#06131e;color:#fff;border-radius:11px;padding:11px 12px;outline:none}input:focus{border-color:#55d9eb}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.record-list{display:grid;gap:9px}.record{border:1px solid #123648;background:#071721;border-radius:13px;padding:13px;min-width:0}.record-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.record b{overflow-wrap:anywhere}.record small{color:#92a9b7}.record-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px;color:#a8bcc8;font-size:12px}.status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700;background:#112b3a;color:#b9d6e3}.status.ok{background:#0d3829;color:#84efbd}.status.warn{background:#423117;color:#f3d58e}.status.bad{background:#431d22;color:#ffb4ba}.profile-card{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #123c51;border-radius:16px;background:#071824}.avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#0a354c;color:#6cecf8;font:700 15px 'Orbitron',sans-serif}.profile-card span{display:block;color:var(--muted);margin-top:4px}.admin-tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:14px}.admin-tabs button{border:1px solid #174259;background:#071824;color:#a4bac7;padding:9px 12px;border-radius:10px;white-space:nowrap}.admin-tabs button.active{background:#16445b;color:#fff}.admin-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.admin-actions button{border:1px solid #24546a;background:#0c2635;color:#e2f2f8;border-radius:9px;padding:7px 9px}.bottom-nav{position:fixed;z-index:90;bottom:0;left:50%;transform:translateX(-50%);width:min(760px,calc(100% - 20px));height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding:7px 8px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #123a4f;border-bottom:0;border-radius:24px 24px 0 0;background:rgba(5,16,25,.97);box-shadow:0 -14px 35px rgba(0,0,0,.32)}.bottom-nav button{min-width:0;border:0;background:none;color:#738b9c;border-radius:16px;display:grid;place-items:center;align-content:center;gap:4px;font-size:11px;font-weight:700}.bottom-nav button span{font-size:20px}.bottom-nav button.active{background:#0b3349;color:#78eff9}.floating-whatsapp{position:fixed;right:16px;bottom:calc(var(--nav-h) + 18px);z-index:75;width:56px;height:56px;border:0;border-radius:50%;background:#35d267;font-size:25px;box-shadow:0 12px 28px rgba(0,0,0,.28)}.modal{position:fixed;z-index:120;inset:0;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(0,5,9,.78)}.modal.open{display:flex}.modal-card{position:relative;width:min(620px,100%);max-height:90vh;overflow:auto;padding:22px;border-radius:20px;background:#071721;border:1px solid #19526a;box-shadow:0 25px 70px rgba(0,0,0,.55)}.small-modal{width:min(430px,100%)}.modal-card h2{font:700 25px 'Orbitron',sans-serif;margin:7px 0}.modal-card>p{color:#a5bac7}.small-modal label{margin:12px 0}.modal-close{position:absolute;right:12px;top:12px;border:1px solid #184257;background:#0b1c28;color:#fff;width:36px;height:36px;border-radius:50%;font-size:21px}.full{width:100%}.cart-total{display:flex;justify-content:space-between;gap:10px;margin:14px 0;padding:14px;border-radius:13px;background:#0b2636}.cart-total strong{color:#f2d18d}.security-note{font-size:12px;line-height:1.5;color:#91a9b6}.notice{margin-top:12px;border:1px solid #1c536a;background:#0a2230;border-radius:11px;padding:10px;color:#cde5ed;overflow-wrap:anywhere}.notice.error{border-color:#6a2931;background:#2d1519;color:#ffc2c6}.notice.success{border-color:#256447;background:#102f23;color:#a5efca}.hidden{display:none!important}.qr-box{width:min(260px,76vw);margin:16px auto;padding:10px;border-radius:14px;background:#fff}.qr-box img{display:block;width:100%;height:auto}.skeleton-area:empty:before{content:'Cargando…';display:block;color:#7f9aaa;padding:20px;text-align:center}.auth-required{padding:28px;text-align:center;color:#9db3c0}.auth-required b{display:block;color:#fff;margin-bottom:8px}
@media(max-width:900px){.category-grid,.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr}.hero-gem{display:none}}
@media(max-width:620px){:root{--nav-h:68px}.topbar{height:58px;padding:0 10px}.brand b{font-size:12px}.ghost-btn{font-size:11px;padding:8px}.view{width:calc(100% - 16px)}.hero{margin:10px 0 14px;min-height:0;padding:24px 18px;border-radius:18px}.hero h1{font-size:32px}.hero p{font-size:13px}.hero-actions{display:grid;grid-template-columns:1fr}.category-grid{grid-template-columns:1fr 1fr;gap:7px}.category-card{padding:13px 10px;border-radius:14px;grid-template-columns:auto 1fr;gap:2px 7px}.category-card span{font-size:19px}.category-card b{font-size:10px}.category-card small{font-size:10px}.panel{padding:13px 10px;border-radius:16px;margin:12px 0}.panel h2{font-size:22px}.panel-head{align-items:flex-start}.catalog-heading{display:grid}.cart-inline{width:100%;border:1px solid #17617c;background:#0a293a;color:#dff9fc;border-radius:12px;padding:10px}.game-grid{grid-template-columns:1fr}.game-card{padding:11px;border-radius:14px}.game-logo{width:48px;height:48px;flex-basis:48px}.game-info b{font-size:12px}.package-row{grid-template-columns:minmax(0,1fr) auto;gap:7px}.package-price{font-size:12px}.add-btn{grid-column:2}.split-grid{grid-template-columns:1fr}.input-row{grid-template-columns:1fr}.checkout-grid{display:grid;grid-template-columns:1fr}.bottom-nav{width:calc(100% - 12px);border-radius:20px 20px 0 0}.bottom-nav button{font-size:9px}.bottom-nav button span{font-size:18px}.floating-whatsapp{right:10px;width:50px;height:50px;font-size:22px}.record-top{gap:6px}.top-actions{gap:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* OFFICIAL PLAY STORE ICONS */
.game-logo{width:64px;height:64px;flex:0 0 64px;border-radius:16px;object-fit:cover;background:#07131d;border:1px solid rgba(255,255,255,.10);box-shadow:0 5px 14px rgba(0,0,0,.28)}
@media(max-width:620px){.game-logo{width:54px;height:54px;flex-basis:54px;border-radius:14px}}