.skip-link{position:fixed;left:1rem;top:-5rem;z-index:1000;background:var(--cyan);color:#041014;padding:.8rem 1rem;border-radius:10px}.skip-link:focus{top:1rem}.shell{min-height:100vh}.topbar{position:fixed;inset:0 0 auto;height:calc(var(--topbar) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 1rem 0;display:flex;align-items:center;justify-content:space-between;z-index:50;background:linear-gradient(180deg,rgba(11,7,20,.98),rgba(11,7,20,.82));backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:.7rem;min-width:0}.brand span{display:grid;line-height:1.1}.brand b{font-size:.95rem}.brand small{color:var(--muted);font-size:.68rem}.top-actions{display:flex;align-items:center;gap:.45rem}.status{font-size:.72rem;color:var(--success)}.status.offline{color:var(--danger)}.coin-button,.avatar,.icon-button,.premium-pill{border:1px solid var(--border);background:var(--panel);min-height:42px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;cursor:pointer}.coin-button{padding:0 .75rem;color:var(--gold)}.avatar{width:42px;font-weight:800;background:linear-gradient(135deg,var(--violet),var(--cyan));color:#08050f}.icon-button{width:42px}.premium-pill{padding:0 .75rem;color:#241500;background:var(--gold);font-weight:900}.bottom-nav{position:fixed;z-index:50;inset:auto 0 0;height:calc(var(--nav) + env(safe-area-inset-bottom));padding:0 .5rem env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:var(--glass);backdrop-filter:blur(20px);border-top:1px solid var(--border)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;color:var(--muted);font-size:1.05rem}.bottom-nav small{font-size:.67rem}.bottom-nav a.active{color:var(--cyan)}#app{min-height:100vh;padding-top:calc(var(--topbar) + env(safe-area-inset-top));padding-bottom:calc(var(--nav) + env(safe-area-inset-bottom))}.page,.section-block{padding:1rem;max-width:1180px;margin:auto}.page-head,.section-head,.section-actions{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:1rem 0 1.25rem}.page-head h1,.hero-copy h1,.premium-hero h1{margin:.2rem 0;font-size:clamp(2rem,8vw,4.8rem);line-height:.95}.page-head p,.hero-copy p,.premium-hero p,.muted{color:var(--muted)}.eyebrow{color:var(--cyan);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.button{border:0;border-radius:999px;padding:.85rem 1.1rem;min-height:46px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.button.primary{background:linear-gradient(135deg,var(--violet),var(--violet-2));color:white}.button.secondary{background:var(--panel);border:1px solid var(--border)}.button.gold{background:var(--gold);color:#241500}.button.danger{background:rgba(255,91,110,.15);color:#ff8795;border:1px solid rgba(255,91,110,.35)}.button:disabled{opacity:.5;cursor:not-allowed}.hero-actions,.trust-row,.badge-row,.tab-row{display:flex;flex-wrap:wrap;gap:.65rem}.chip-row{display:flex;gap:.5rem;overflow:auto;padding:.15rem 0 .6rem;scrollbar-width:none}.chip{white-space:nowrap;border:1px solid var(--border);background:var(--panel);color:var(--muted);padding:.65rem .85rem;border-radius:999px;cursor:pointer}.chip.active{background:var(--violet);color:white}.card{background:linear-gradient(160deg,var(--panel-2),var(--panel));border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.card-body{padding:1rem}.badge{display:inline-flex;border-radius:999px;padding:.35rem .55rem;font-size:.7rem;font-weight:800;background:rgba(34,211,238,.12);color:var(--cyan)}.badge.premium{background:rgba(247,183,51,.14);color:var(--gold)}.notice{border:1px solid var(--border);background:rgba(34,211,238,.08);padding:.9rem 1rem;border-radius:var(--radius-sm);color:#dffbff}.stack{display:grid;gap:1rem}.split{display:grid;gap:1rem}.grid,.spotlight-grid,.feature-grid,.step-grid,.topup-grid,.room-grid,.tournament-grid,.faq-grid{display:grid;gap:1rem}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin:1rem 0}.metric{padding:1rem;border:1px solid var(--border);background:var(--panel);border-radius:var(--radius-sm)}.metric b{display:block;font-size:1.3rem}.metric small{color:var(--muted)}.field{display:grid;gap:.4rem}.field label{font-size:.8rem;color:var(--muted)}.field input,.field select,.field textarea,.searchbar input,.voucher-card input{width:100%;min-height:48px;border-radius:12px;border:1px solid var(--border);background:#100b1e;color:var(--text);padding:0 .9rem}.field textarea{min-height:150px;padding:.9rem;resize:vertical}.searchbar{display:flex;gap:.6rem;margin:1rem 0}.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.76);display:grid;place-items:center;padding:1rem}.modal{width:min(100%,540px);max-height:92vh;overflow:auto;background:var(--night-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.2rem}.modal-wide{width:min(96vw,1100px)}.modal-head{display:flex;justify-content:space-between;align-items:center}.toast-root{position:fixed;z-index:120;right:1rem;top:calc(var(--topbar) + 1rem);display:grid;gap:.5rem}.toast{background:#211830;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:.8rem 1rem;max-width:320px}.empty{padding:3rem 1rem;text-align:center;color:var(--muted)}
.landing-hero{max-width:1180px;margin:auto;padding:2rem 1rem;display:grid;gap:2rem;min-height:70vh;align-items:center}.hero-copy p{max-width:690px;font-size:1.08rem}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1.5rem}.hero-proof span{padding:1rem;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:16px}.hero-proof b{display:block;font-size:1.5rem}.hero-proof small{color:var(--muted)}.hero-device{display:grid;place-items:center}.device-card{width:min(330px,80vw);aspect-ratio:9/16;border:1px solid rgba(255,255,255,.2);border-radius:38px;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 60% 20%,rgba(255,255,255,.22),transparent 20%),linear-gradient(145deg,#6d28d9,#0891b2 65%,#0f172a);box-shadow:var(--shadow);transform:rotate(4deg)}.device-card strong{font-size:2.5rem}.device-card small{color:#e7e3ee}.device-button{margin-top:1rem;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:white;color:#111;font-size:1.4rem}.spotlight-card{min-height:320px;padding:1.2rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--art);display:flex;align-items:end;isolation:isolate;position:relative;overflow:hidden}.spotlight-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(3,2,8,.9));z-index:-1}.spotlight-copy p{color:#ddd4e7}.feature-band{margin-top:2rem}.feature-grid article,.step-grid article{padding:1.1rem;border:1px solid var(--border);background:rgba(255,255,255,.04);border-radius:var(--radius)}.feature-grid article>span{font-size:1.6rem}.premium-banner{display:flex;align-items:center;justify-content:space-between;gap:2rem;background:linear-gradient(135deg,rgba(139,92,246,.28),rgba(247,183,51,.14));border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:2rem}.premium-price{display:grid;gap:.35rem;min-width:210px}.premium-price strong{font-size:2rem}.premium-price small{color:var(--muted)}.step-grid article b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--violet)}
.feed{height:calc(100dvh - var(--topbar) - var(--nav));overflow-y:auto;scroll-snap-type:y mandatory}.feed-slide{height:100%;scroll-snap-align:start;position:relative;padding:1rem;display:flex;align-items:end;background:var(--art);isolation:isolate}.feed-slide::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 15%,rgba(255,255,255,.18),transparent 22%),linear-gradient(180deg,rgba(0,0,0,.03) 20%,rgba(5,3,10,.88) 72%,#07040d);z-index:-1}.feed-content{width:min(100%,680px);display:grid;gap:.75rem}.feed-content h1{margin:0;font-size:clamp(2rem,10vw,4.5rem);line-height:.9}.feed-content p{margin:0;color:#ddd4e7}.game-card{position:relative;min-height:280px;background:var(--art);isolation:isolate}.game-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(4,3,8,.94));z-index:-1}.game-card-content{position:absolute;inset:auto 0 0;padding:1rem}.game-card-content h2{margin:.5rem 0}.game-card-content p{color:#ddd4e7}.game-actions{display:flex;gap:.5rem}.game-actions .button{flex:1;padding:.65rem}.game-stage{aspect-ratio:16/9;background:#050308;border-radius:var(--radius);border:1px solid var(--border);display:grid;place-items:center;overflow:hidden}.game-stage iframe{border:0;width:100%;height:100%}.game-toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}
.plan-grid{display:grid;gap:1rem;margin:1rem 0}.plan{padding:1.2rem}.plan.recommended,.topup-card.recommended{border-color:rgba(247,183,51,.7)}.price{font-size:2.2rem;font-weight:900}.price small{font-size:.9rem;color:var(--muted)}.premium-hero{padding:2rem 0}.premium-includes{margin:1rem 0}.feature-list{padding:0;list-style:none;display:grid;gap:.65rem}.feature-list li::before{content:"✓";color:var(--success);margin-right:.55rem;font-weight:900}.comparison{margin:1rem 0}.compare-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:.5rem;padding:.8rem 1rem;border-bottom:1px solid var(--border)}.compare-head{background:rgba(255,255,255,.05)}.trust-row span{padding:.45rem .65rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.78rem}.checkout-summary{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid var(--border);border-radius:var(--radius)}.checkout-summary span{display:grid}.jazzcash-mark{display:grid!important;place-items:center;width:50px;height:50px;border-radius:16px;background:#e11d48;color:white;font-weight:900}
.reward-list,.ledger-list{display:grid;gap:.8rem}.reward-item,.ledger-row,.room-card,.tournament-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem}.progress{height:9px;border-radius:999px;background:#0c0815;overflow:hidden;margin-top:.55rem}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--cyan))}.wallet-ledger{padding:1rem}.ledger-row{padding:.8rem 0;border-bottom:1px solid var(--border)}.ledger-row span{display:grid}.ledger-row small{color:var(--muted)}.ledger-row strong{color:var(--success)}.ledger-row strong.negative{color:var(--danger)}.topup-card{padding:1rem}.topup-card strong{font-size:1.7rem}.voucher-card{margin-top:1rem;padding:1rem;display:grid;gap:1rem}.voucher-card form{display:flex;gap:.6rem}.competition-layout{display:grid;gap:1rem}.selector-card,.board{padding:1rem}.selector-card select{width:100%;min-height:48px;background:#100b1e;color:var(--text);border:1px solid var(--border);border-radius:12px;padding:0 .8rem}.leaderboard-list{display:grid}.leader-row{display:grid;grid-template-columns:55px 1fr auto;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--border)}.room-card,.tournament-card{align-items:flex-end}.onboarding-card{padding:1rem;margin-bottom:1rem;display:grid;gap:1rem}.step-mini{display:flex;flex-wrap:wrap;gap:.5rem}.step-mini span{padding:.5rem .7rem;border:1px solid var(--border);border-radius:999px}.account-card{padding:1.2rem}.settings{display:grid}.setting{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border)}.setting span:first-child{display:grid}.switch{position:relative;width:48px;height:28px}.switch input{position:absolute;opacity:0}.switch span{display:block;width:100%;height:100%;border-radius:999px;background:#3a304b;cursor:pointer}.switch span::after{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;background:white;transition:transform .2s}.switch input:checked+span{background:var(--violet)}.switch input:checked+span::after{transform:translateX(20px)}