:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#f8f2ee;background:#100d12;--gold:#f6c766;--red:#ed534d;--muted:#a29aa6}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 95% 0,#45201b66,transparent 45%),#100d12;min-height:100vh}main{max-width:780px;margin:auto;padding:26px 20px 100px}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;border:0}button:disabled{cursor:default;opacity:.4}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 26px}.brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:900;letter-spacing:2px}.logo{display:grid;place-items:center;background:#ee534d18;border:1px solid #ed534d44;border-radius:16px;width:46px;height:46px;font-size:27px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold);font-weight:800;text-transform:uppercase}h1{font-size:34px;letter-spacing:-1.4px;margin:8px 0}h2{font-size:21px;margin:0}p{line-height:1.5}.muted{color:var(--muted);font-size:13px}.refresh{background:#ffffff09;border:1px solid #ffffff15;color:#eee;width:40px;height:40px;border-radius:50%;font-size:22px}.balance{position:relative;overflow:hidden;border:1px solid #c9954b55;border-radius:24px;padding:24px;background:linear-gradient(125deg,#443023,#251e23 75%);box-shadow:0 14px 45px #0003;margin:24px 0}.balance:after{content:'✦';position:absolute;right:18px;top:4px;font-size:130px;color:#ffce6511;transform:rotate(12deg);pointer-events:none}.amount{font-size:54px;font-weight:850;letter-spacing:-2px;margin:4px 0}.amount small{font-size:14px;letter-spacing:0;color:var(--gold);font-weight:600}.balance-note{border-top:1px solid #ffffff12;padding-top:14px;display:flex;gap:8px;font-size:12px;color:#d6c7b6}.tabs{display:flex;background:#ffffff05;border:1px solid #ffffff0c;border-radius:15px;padding:5px;gap:5px;margin:22px 0}.tabs button{flex:1;border-radius:11px;padding:13px 8px;background:transparent;color:var(--muted);font-weight:700}.tabs button.active{background:#332a2e;color:#fff;box-shadow:0 2px 5px #0003}.section-head{display:flex;justify-content:space-between;align-items:center;margin:28px 0 16px}.tag{font-size:10px;text-transform:uppercase;letter-spacing:1px;padding:6px 9px;border-radius:8px;background:#f6c76612;color:var(--gold)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{position:relative;display:flex;flex-direction:column;border:1px solid #ffffff10;border-radius:20px;padding:19px 16px;background:linear-gradient(140deg,#231e26,#18151c);animation:enter .4s both;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:#ed534d55}.card .icon{font-size:34px;margin:2px 0 16px;filter:drop-shadow(0 5px 12px #ed534d25)}.card h3{font-size:15px;margin:0 0 7px}.card p{font-size:12px;color:var(--muted);margin:0 0 20px;flex:1;min-height:36px}.buy{width:100%;padding:12px 6px;background:#f6c766;color:#201711;border-radius:11px;font-size:13px;font-weight:800}.buy span{opacity:.7;font-weight:500}.card.promo .buy{background:#ffffff0b;color:#f6c766;border:1px solid #f6c76622}.notice{padding:16px;border-radius:15px;background:#f6c76609;border:1px solid #f6c7661c;color:#c4b59d;font-size:12px;line-height:1.6;margin:20px 0}.inventory{padding:18px;border:1px solid #ffffff10;border-radius:18px;margin:12px 0;background:#211b23}.inventory b{display:block;margin-bottom:7px}.inventory code{display:block;color:var(--gold);font-size:15px;overflow-wrap:anywhere;padding:12px 0}.history{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #ffffff0c;padding:15px 0;font-size:13px}.history small{display:block;color:var(--muted);margin-top:4px}.history strong{color:var(--gold);white-space:nowrap}.empty,.loading{text-align:center;padding:70px 10px}.bomb{display:inline-block;font-size:64px;animation:float 3s ease-in-out infinite}.link{display:inline-block;border-radius:12px;background:var(--gold);color:#201711;text-decoration:none;padding:14px 20px;font-weight:750}.footer{color:#6f6575;text-align:center;font-size:10px;letter-spacing:2px;margin:34px 0 0}dialog{color:#fff;background:#211a23;border:1px solid #ffffff20;border-radius:24px;padding:28px 24px;width:calc(100% - 30px);max-width:420px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{margin:12px 0}dialog p{color:var(--muted);font-size:14px}.cancel{background:transparent;color:var(--muted);width:100%;padding:15px}.badges{display:flex;justify-content:space-between;gap:4px;margin:20px 0}.badges button{padding:8px;border:1px solid transparent;border-radius:10px;font-size:24px;background:#ffffff05}.badges .selected{border-color:var(--gold);background:#f6c76620}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;background:#f6c766;color:#201711;padding:15px 22px;border-radius:15px;font-size:13px;box-shadow:0 12px 30px #0006;display:none;z-index:5}.error{color:#ffaaa6}.retry{padding:14px;border:1px solid #ed534d66;border-radius:12px;color:#ffb1ac;background:#ed534d11;width:100%}@keyframes float{50%{transform:translateY(-7px) rotate(-5deg)}}@keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:650px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}main{padding:30px 32px 100px}}@media(max-width:340px){main{padding:20px 12px}.cards{gap:8px}.card{padding:15px 12px}}
