:root{--bg: #0b0d14;--panel: #141824;--panel2: #1b2030;--line: #262d40;--text: #e7ecf5;--dim: #8b95a5;--common: #8b95a5;--rare: #4aa3ff;--epic: #b06cff;--legendary: #ffcf4a;--hot: #ff6b6b;--good: #46d6a0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{max-width:420px;height:100vh;height:100dvh;margin:0 auto;padding:6px 10px;display:flex;flex-direction:column;gap:6px;overflow:hidden}.topbar{display:flex;justify-content:space-between;align-items:center;flex:0 0 auto}.brand{display:flex;flex-direction:column}.logo{font-weight:800;letter-spacing:.5px;font-size:18px}.tag{font-size:11px;color:var(--dim)}.wallet{display:flex;align-items:center;gap:8px}.gems{font-weight:700;font-size:15px}.faucet{min-height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--good);color:#06301f;font-weight:700;font-size:13px}.faucet:disabled{background:var(--panel2);color:var(--dim)}.banner{background:linear-gradient(120deg,#1a2233,#241a33);border:1px solid var(--line);border-radius:12px;padding:7px 10px;flex:0 0 auto}.banner-row{display:flex;justify-content:space-between;align-items:center}.banner-title{font-weight:700;font-size:14px}.fomo{font-variant-numeric:tabular-nums;color:var(--legendary);font-weight:700;font-size:13px}.progress{display:flex;align-items:center;gap:8px;margin-top:8px}.progress-bar{flex:1;height:8px;background:#0c0f18;border-radius:5px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--rare),var(--epic),var(--legendary));transition:width .4s ease}.progress-text{font-size:12px;color:var(--dim)}.stage{min-height:108px;flex:0 0 auto;border-radius:14px;border:1px solid var(--line);background:radial-gradient(circle at 50% 30%,#1a2030,#0c0f18);display:flex;align-items:center;justify-content:center;padding:12px;transition:box-shadow .3s}.stage.rarity-legendary{box-shadow:inset 0 0 60px #ffcf4a40}.stage.rarity-epic{box-shadow:inset 0 0 50px #b06cff33}.stage-empty{text-align:center;color:var(--dim);font-size:13px}.stage-empty p{margin:10px 0 0}.orb{width:54px;height:54px;margin:0 auto;border-radius:50%;background:radial-gradient(circle at 35% 30%,#6ad0ff,#3a2a66);box-shadow:0 0 24px #6ad0ff80;animation:bob 2.4s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.cards{display:grid;gap:6px;width:100%}.cards.one{grid-template-columns:1fr;max-width:180px}.cards.ten{grid-template-columns:repeat(5,1fr)}.card{border-radius:10px;border:1px solid var(--line);background:var(--panel2);padding:8px 6px;text-align:center;animation:flipin .42s cubic-bezier(.2,.8,.2,1) both;border-top:3px solid var(--common)}.card.rarity-rare{border-top-color:var(--rare)}.card.rarity-epic{border-top-color:var(--epic);box-shadow:0 0 14px #b06cff66}.card.rarity-legendary{border-top-color:var(--legendary);box-shadow:0 0 20px #ffcf4a99;animation:flipin .42s cubic-bezier(.2,.8,.2,1) both,glow 1.2s ease-in-out infinite .5s}.card.nearmiss{border-top-color:var(--legendary);border-top-style:dashed}@keyframes flipin{0%{transform:rotateY(90deg) scale(.8);opacity:0}to{transform:rotateY(0) scale(1);opacity:1}}@keyframes glow{0%,to{box-shadow:0 0 16px #ffcf4a66}50%{box-shadow:0 0 28px #ffcf4ad9}}.card-inner{display:flex;flex-direction:column;gap:2px}.card-rarity{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--dim)}.card.one .card-rarity{font-size:12px}.card-name{font-size:11px;font-weight:700;line-height:1.1}.card.one .card-name{font-size:16px}.card-flag{font-size:8px;color:var(--dim)}.card.one .card-flag{font-size:11px}.card.isnew .card-flag{color:var(--good)}.flash{background:var(--panel2);border:1px solid var(--line);border-left:3px solid var(--legendary);border-radius:8px;padding:6px 10px;font-size:12px;flex:0 0 auto}.controls{display:flex;gap:8px;flex:0 0 auto}.pull-btn{flex:1;min-height:56px;border-radius:12px;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-weight:800;color:#0b0d14}.pull-btn.single{background:linear-gradient(135deg,#6ad0ff,#4aa3ff)}.pull-btn.ten{background:linear-gradient(135deg,#ffd95e,#ff9d3c)}.pull-btn:disabled{background:var(--panel2);color:var(--dim)}.pb-title{font-size:15px}.pb-cost{font-size:12px;font-weight:700}.pb-cost s{opacity:.6;font-weight:500}.dash{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px;flex:0 0 auto}.dash-head{font-size:11px;font-weight:800;letter-spacing:1px;color:var(--legendary);margin-bottom:6px}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.stat{background:var(--panel2);border-radius:8px;padding:5px 8px;display:flex;flex-direction:column;gap:0}.stat.wide{grid-column:1 / -1}.stat.hot .stat-value{color:var(--hot)}.stat-label{font-size:10px;color:var(--dim)}.stat-value{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}.stat-sub{font-size:9px;color:var(--dim)}.pity-meter{position:relative;height:16px;margin-top:6px;background:#0c0f18;border-radius:6px;overflow:hidden}.pity-fill{height:100%;background:linear-gradient(90deg,#4aa3ff,var(--legendary));transition:width .3s ease}.pity-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--text);text-shadow:0 1px 2px #000}.annotator{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 10px;flex:0 0 auto;max-height:148px;overflow-y:auto}.ann-head{font-size:11px;font-weight:800;letter-spacing:1px;color:var(--hot);margin-bottom:6px}.ann-empty{margin:0;font-size:12px;color:var(--dim)}.annotator ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.ann{border-left:3px solid var(--hot);padding:4px 8px;background:var(--panel2);border-radius:0 8px 8px 0}.ann-near-miss{border-left-color:var(--legendary)}.ann-pity-sunk-cost{border-left-color:var(--epic)}.ann-anchor{border-left-color:var(--rare)}.ann-label{display:block;font-size:12px;font-weight:700}.ann-detail{display:block;font-size:11px;color:var(--dim);line-height:1.3}.collection{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 10px;flex:1 1 auto;min-height:64px;overflow-y:auto}.col-head{font-size:11px;color:var(--dim);margin-bottom:8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.shard{font-weight:700;font-size:11px;padding:1px 5px;border-radius:5px;background:var(--panel2)}.shard-common{color:var(--common)}.shard-rare{color:var(--rare)}.shard-epic{color:var(--epic)}.shard-legendary{color:var(--legendary)}.crafted{color:var(--good)}.col-row{display:flex;align-items:flex-start;gap:8px;padding:5px 0;border-top:1px solid var(--line)}.col-rarity{flex:0 0 78px;font-size:12px;font-weight:700}.col-rarity em{display:block;font-style:normal;font-size:10px;color:var(--dim)}.rarity-common{color:var(--common)}.rarity-rare{color:var(--rare)}.rarity-epic{color:var(--epic)}.rarity-legendary{color:var(--legendary)}.col-items{display:flex;flex-wrap:wrap;gap:4px}.chip{font-size:10px;padding:3px 6px;border-radius:6px;border:1px solid var(--line);background:var(--panel2)}.chip.locked{color:var(--dim);opacity:.55}.chip.owned{border-color:currentColor}.foot{font-size:9px;color:var(--dim);line-height:1.35;text-align:center;padding:0 6px;flex:0 0 auto}.onboarding-modal{position:fixed;top:0;left:0;right:0;bottom:0;transform:translateZ(0);background:#0b0d14e6;display:flex;align-items:center;justify-content:center;z-index:9999}.onboarding-content{background:linear-gradient(160deg,#141824,#0b0d14);border:1px solid rgba(74,163,255,.22);border-radius:6px;padding:26px 22px 22px;max-width:360px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #0009}.onboarding-title{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--rare);font-size:17px;letter-spacing:1px;margin-bottom:14px;text-align:center;font-weight:600}.onboarding-body p{margin-bottom:10px;font-size:13px;line-height:1.55;color:var(--text)}.onboarding-body strong{color:var(--rare)}.onboarding-dots{display:flex;justify-content:center;gap:6px;margin:14px 0}.onboarding-dot{width:6px;height:6px;border-radius:50%;background:#4aa3ff40}.onboarding-dot.active{background:var(--rare)}.onboarding-close{min-height:44px;width:100%;padding:12px;background:linear-gradient(160deg,var(--rare),#2a7fdf);color:#000;border:none;border-radius:4px;font-weight:700;font-size:13px;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none}.onboarding-close:active{opacity:.85;transform:scale(.98)}.info-button{width:44px;height:44px;padding:0;background:var(--panel);color:var(--dim);border:1px solid var(--rare);border-radius:4px;font-weight:600;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:all .2s}.info-button:active{transform:scale(.95);background:var(--rare);color:#000}