:root{--font-body: Inter, sans-serif;--font-brand: Orbitron, sans-serif;--font-ui: Rajdhani, sans-serif;--fs-xxs: 0.55rem;--fs-xs: 0.72rem;--fs-sm: 0.82rem;--fs-base: 0.92rem;--fs-lg: 1.05rem;--fs-xl: 1.3rem;--clr-bg: #020617;--clr-bg-soft: #07071a;--clr-surface: rgba(13, 13, 38, 0.96);--clr-surface2: rgba(18, 18, 46, 0.96);--clr-panel: #0a1736;--clr-accent: #ff2f8f;--clr-accent2: #7c3aed;--clr-blue: #5b82ff;--clr-gold: #f5bf3a;--clr-text: #f4f7ff;--clr-muted: rgba(230, 238, 255, 0.58);--clr-muted2: rgba(255, 255, 255, 0.25);--clr-border: rgba(255, 255, 255, 0.08);--clr-border-strong: rgba(255, 255, 255, 0.14);--clr-error: #fca5a5;--nav-h: 55.5px;--safe-bottom: max(env(safe-area-inset-bottom, 0px), 10px)}@media all and (display-mode: standalone),all and (display-mode: minimal-ui),all and (display-mode: fullscreen){:root{--safe-bottom: max(env(safe-area-inset-bottom, 0px), 24px)}html,body{background:#040818}}*,*::before,*::after{box-sizing:border-box}html,body{min-height:100%}html{background:#060713}body{margin:0;font-family:var(--font-body);font-size:var(--fs-base);color:var(--clr-text);background:var(--clr-bg)}img{max-width:100%;display:block}a{color:inherit}button,input,textarea,select{font:inherit}*{scrollbar-width:thin;scrollbar-color:rgba(255,47,143,.5) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(255,47,143,.75),rgba(124,58,237,.75));border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(255,47,143,1),rgba(124,58,237,1));background-clip:padding-box}.ui-shell{position:fixed;top:0;bottom:0;left:50%;transform:translateX(-50%);width:min(100vw,430px);height:100%;overflow:hidden;background:linear-gradient(180deg, #040b21 0%, #060d24 100%);z-index:10}@media(min-width: 480px){.ui-shell{position:relative;top:auto;bottom:auto;left:auto;transform:none;height:min(100dvh,920px);border-radius:30px;box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06);z-index:auto}}.ui-shell .ui-bottom-nav{background:linear-gradient(180deg, rgba(3, 8, 22, 0.98), rgb(3, 8, 22));border-top-color:rgba(255,255,255,.12)}.ui-bg{background:radial-gradient(900px 520px at 50% -120px, rgba(255, 47, 143, 0.22), transparent 70%),radial-gradient(700px 480px at 85% 90%, rgba(92, 130, 255, 0.14), transparent 70%),#01040f}.ui-panel{background:linear-gradient(180deg, rgba(10, 23, 54, 0.96), rgba(8, 16, 42, 0.96));border:1px solid var(--clr-border);border-radius:16px;box-shadow:0 12px 28px rgba(0,0,0,.4)}.ui-card{background:var(--clr-panel);border:1px solid var(--clr-border);border-radius:16px;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.4)}.ui-btn{border:0;border-radius:12px;padding:12px 16px;color:#fff;cursor:pointer;transition:transform .12s ease,opacity .12s ease,box-shadow .12s ease}.ui-btn:active{transform:scale(0.97)}.ui-btn-primary{background:linear-gradient(90deg, var(--clr-accent), #c92042);box-shadow:0 0 24px rgba(255,47,143,.35)}.ui-btn-secondary{background:linear-gradient(90deg, var(--clr-accent2), #4f46e5);box-shadow:0 0 24px rgba(124,58,237,.35)}.ui-input{width:100%;border:1px solid var(--clr-border-strong);border-radius:12px;background:rgba(255,255,255,.06);color:var(--clr-text);padding:12px 14px;outline:none}.ui-input:focus{border-color:rgba(255,47,143,.65);box-shadow:0 0 0 3px rgba(255,47,143,.14)}.ui-bottom-nav,#bottom-nav{position:absolute;left:0;right:0;bottom:0;height:calc(var(--nav-h) + var(--safe-bottom));padding:0 8px var(--safe-bottom);display:flex;align-items:center;background:linear-gradient(180deg, rgba(4, 8, 24, 0.85), #040818 60%);border-top:1px solid var(--clr-border);z-index:30}.ui-nav-btn,.nav-btn{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--clr-muted);font-size:var(--fs-xxs);font-weight:800;letter-spacing:.8px;text-transform:uppercase}.ui-nav-btn.active,.nav-btn.active{color:#fff}.ui-nav-btn img,.nav-btn img{width:27px;height:27px;object-fit:contain}.ui-nav-center,.nav-center{flex:1;height:100%;display:flex;align-items:center;justify-content:center}.ui-nav-gift,.nav-gift{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg, var(--clr-accent), #bf2eff);border:2px solid rgba(255,255,255,.18);box-shadow:0 0 24px rgba(255,47,143,.58);display:grid;place-items:center;text-decoration:none}.ui-nav-gift img,.nav-gift img{width:22px;height:22px}.n-ico{width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center}.n-ico img{width:27px;height:27px;object-fit:contain}.n-lbl{font-family:var(--font-brand);font-size:var(--fs-xxs)}body{margin:0;font-family:var(--font-ui);background:radial-gradient(1100px 640px at 50% -140px, rgba(255, 47, 143, 0.3), transparent 70%),radial-gradient(900px 600px at 90% 100%, rgba(124, 58, 237, 0.22), transparent 70%),radial-gradient(800px 560px at 10% 90%, rgba(92, 130, 255, 0.18), transparent 70%),#060713;color:var(--clr-text);display:grid;place-items:center;overflow:hidden;height:100dvh}.sh-scroll{position:absolute;inset:0 0 calc(var(--nav-h) + var(--safe-bottom)) 0;overflow-y:auto;padding:calc(12px + env(safe-area-inset-top, 0px)) 16px 24px;scrollbar-width:thin;scrollbar-color:rgba(255,47,143,.55) transparent}.sh-scroll::-webkit-scrollbar{width:6px}.sh-scroll::-webkit-scrollbar-track{background:transparent}.sh-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(255,47,143,.7),rgba(124,58,237,.7));border-radius:999px}.sh-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(255,47,143,.95),rgba(124,58,237,.95))}.sh-topbar{display:flex;align-items:center;gap:14px;margin-bottom:16px}.sh-back{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--clr-border);color:#fff;font-size:1.3rem;text-decoration:none}.sh-topbar h1{margin:0;font-family:var(--font-brand);font-size:1.25rem;letter-spacing:.5px}.sh-balance{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-radius:16px;margin-bottom:20px;background:linear-gradient(135deg, rgba(245, 191, 58, 0.16), rgba(255, 47, 143, 0.12));border:1px solid rgba(245,191,58,.34)}.sh-balance .lbl{color:var(--clr-muted);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.sh-balance .amt{font-size:1.7rem;font-weight:800;color:var(--clr-gold);display:flex;align-items:center;gap:8px}.sh-balance .ico{font-size:1.9rem}.sh-title{font-family:var(--font-brand);font-size:1.05rem;margin:0 0 12px;letter-spacing:.5px}.sh-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.sh-pack{position:relative;padding:18px 12px 16px;border-radius:16px;text-align:center;background:var(--clr-panel);border:1px solid var(--clr-border);cursor:pointer;transition:transform .12s ease,border-color .12s ease}.sh-pack:active{transform:scale(0.97)}.sh-pack.featured{border-color:var(--clr-accent);background:linear-gradient(180deg, rgba(255, 47, 143, 0.12), var(--clr-panel));box-shadow:0 0 24px rgba(255,47,143,.25)}.sh-tag{position:absolute;top:-10px;left:50%;transform:translateX(-50%);padding:3px 12px;border-radius:999px;font-size:.62rem;font-weight:800;letter-spacing:.7px;text-transform:uppercase;background:linear-gradient(90deg, var(--clr-accent), #bf2eff);white-space:nowrap}.sh-pack .coin-ico{font-size:2.2rem}.sh-pack .coins{font-size:1.4rem;font-weight:800;margin-top:4px}.sh-pack .coins small{display:block;font-size:.7rem;color:var(--clr-blue);font-weight:700;margin-top:2px}.sh-pack .price{margin-top:10px;padding:9px;border-radius:10px;background:rgba(255,255,255,.06);font-weight:800;font-size:1.05rem}.sh-mp{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.82rem;color:var(--clr-muted);padding:12px;border-radius:12px;border:1px dashed var(--clr-border-strong)}.sh-mp b{color:#00b1ea}