:root{--bg:#08080d;--bg-2:#0d0d14;--surface:#121219;--surface-2:#191922;--border:#24242f;--border-soft:#1b1b24;--text:#eef0f6;--muted:#8b8fa3;--muted-2:#5c5f70;--gold:#f2c14e;--gold-dim:#b8944a;--danger:#ff4d5e;--font-display:"Anton","Arial Narrow",sans-serif;--font-body:"Inter",-apple-system,sans-serif;--font-mono:"JetBrains Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}body{background:radial-gradient(ellipse 900px 500px at 50% -10%,rgba(242,193,78,.08),transparent 60%),radial-gradient(ellipse 700px 500px at 90% 10%,rgba(168,85,247,.06),transparent 60%),var(--bg);color:var(--text);font-family:var(--font-body);min-height:100vh;overflow-x:hidden}::selection{background:var(--gold);color:#000}::-webkit-scrollbar{width:10px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:10px}button{font-family:inherit}a{color:inherit}.gradient-text{background:var(--rarity-gradient,linear-gradient(90deg,currentColor,currentColor));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.wrap{max-width:1040px;margin:0 auto;padding:0 20px 80px}.topbar{justify-content:space-between;padding:22px 0 18px;border-bottom:1px solid var(--border-soft);margin-bottom:20px;gap:16px;flex-wrap:wrap}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px}.brand-mark{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--gold),var(--gold-dim));display:flex;align-items:center;justify-content:center;font-size:18px;color:#08080d;box-shadow:0 0 18px rgba(242,193,78,.35);flex-shrink:0}.brand-mark,.brand-text .name{font-family:var(--font-display)}.brand-text .name{font-size:22px;letter-spacing:1px;line-height:1}.brand-text .name span{color:var(--gold)}.brand-text .tag{font-family:var(--font-mono);font-size:10.5px;color:var(--muted-2);letter-spacing:1.5px;text-transform:uppercase;margin-top:3px}.coin-pill{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 18px}.coin-pill .coin-icon{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6d6,var(--gold) 55%,var(--gold-dim));box-shadow:0 0 10px rgba(242,193,78,.5);flex-shrink:0}.coin-pill .coin-value{font-family:var(--font-mono);font-weight:700;font-size:18px;color:var(--gold);transition:transform .15s ease}.coin-pill.tick .coin-value{animation:coinTick .35s ease}@keyframes coinTick{0%{transform:scale(1)}40%{transform:scale(1.18);color:#fff6d6}to{transform:scale(1)}}.coin-pill .coin-rate{font-family:var(--font-mono);font-size:9.5px;color:var(--muted-2);letter-spacing:.5px}.topbar-pills{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.coin-pill .pill-icon{width:20px;height:20px;color:var(--gold);flex-shrink:0}.online-pill .coin-value{color:var(--text)}.online-pill .coin-rate{text-transform:lowercase}.page-nav{display:flex;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:6px;margin-bottom:28px}.page-nav-btn{flex:1 1;background:transparent;border:none;color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:11px 8px;border-radius:10px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:7px}.page-nav-btn:hover{color:var(--text);background:var(--surface-2)}.page-nav-btn.active{color:var(--gold);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--gold-dim)}.page-nav-btn .nav-icon{width:14px;height:14px;flex-shrink:0}.section-title{font-family:var(--font-display);font-size:20px;letter-spacing:1px;margin:8px 0 14px;display:flex;align-items:center;gap:10px}.section-title .line{flex:1 1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}.pack-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;transition:transform .15s ease,border-color .15s ease}.pack-card:hover{transform:translateY(-3px);border-color:var(--gold-dim)}.pack-art{height:110px;border-radius:12px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--surface-2),var(--bg-2));border:1px solid var(--border-soft)}.pack-art .pack-glow{position:absolute;inset:-30%;background:conic-gradient(from 0deg,transparent,var(--accent,#f2c14e)33,transparent 40%);animation:packGlowSpin 6s linear infinite}@keyframes packGlowSpin{to{transform:rotate(1turn)}}.pack-icon-svg{width:64px;height:64px;position:relative;z-index:1;color:var(--accent,#f2c14e);filter:drop-shadow(0 8px 16px rgba(0,0,0,.55)) drop-shadow(0 0 20px var(--accent,#f2c14e)66);transition:transform .2s ease}.pack-card:hover .pack-icon-svg{transform:translateY(-2px) scale(1.04)}.pack-icon-svg.small{width:40px;height:40px}.pack-title{font-family:var(--font-display);font-size:17px;letter-spacing:.5px}.pack-desc{font-size:12.5px;color:var(--muted);line-height:1.4;min-height:32px}.pack-tags{display:flex;gap:6px;flex-wrap:wrap}.pack-tag{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--muted-2);border:1px solid var(--border-soft);border-radius:999px;padding:3px 8px}.pack-buy-row{justify-content:space-between;margin-top:4px;gap:10px}.pack-buy-row,.pack-cost{display:flex;align-items:center}.pack-cost{font-family:var(--font-mono);font-size:14px;color:var(--gold);gap:6px}.buy-btn,.open-btn{border:1px solid var(--gold-dim);background:var(--gold);color:#000;font-family:var(--font-mono);font-size:11.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:9px 16px;border-radius:9px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.buy-btn:hover:not(:disabled),.open-btn:hover:not(:disabled){background:var(--gold-dim);transform:scale(1.03)}.buy-btn:disabled,.open-btn:disabled{background:var(--surface-2);border-color:var(--border);color:var(--muted-2);cursor:not-allowed}.upgrades-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}.upgrade-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px;transition:transform .15s ease,border-color .15s ease}.upgrade-card:hover{transform:translateY(-3px);border-color:var(--gold-dim)}.upgrade-card.maxed:hover{transform:none;border-color:var(--border)}.u-title{font-family:var(--font-display);font-size:17px;letter-spacing:.5px}.u-desc{font-size:12.5px;color:var(--muted);line-height:1.4}.u-level{font-family:var(--font-mono);font-size:11px;color:var(--muted-2);letter-spacing:.5px;text-transform:uppercase}.u-cost-row{justify-content:space-between;margin-top:6px;gap:10px}.u-cost,.u-cost-row{display:flex;align-items:center}.u-cost{font-family:var(--font-mono);font-size:14px;color:var(--gold);gap:6px}.upgrade-card.maxed .u-cost-row{opacity:.6}.upgrade-buy-btn{border:1px solid var(--gold-dim);background:var(--gold);color:#000;font-family:var(--font-mono);font-size:11.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:9px 16px;border-radius:9px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.upgrade-buy-btn:hover:not(:disabled){background:var(--gold-dim);transform:scale(1.03)}.upgrade-buy-btn:disabled{background:var(--surface-2);border-color:var(--border);color:var(--muted-2);cursor:not-allowed}.inv-tabs{display:flex;gap:8px;margin-bottom:18px}.inv-subtab{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.5px;text-transform:uppercase;padding:8px 14px;border-radius:999px;cursor:pointer;transition:all .15s ease}.inv-subtab.active{color:var(--gold);border-color:var(--gold-dim)}.owned-pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:14px;gap:14px}.owned-pack{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.owned-pack .count-badge{font-family:var(--font-mono);font-size:11px;color:var(--gold-dim)}.owned-pack .pack-art{display:flex;align-items:center;justify-content:center}.owned-pack .pack-actions{display:flex;flex-direction:column;gap:6px;width:100%}.auto-open-btn{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:8px 14px;border-radius:9px;cursor:pointer;transition:all .15s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:6px}.auto-open-btn:hover:not(:disabled){color:var(--text);border-color:var(--gold-dim)}.auto-open-btn.active{color:var(--danger);border-color:var(--danger);background:rgba(255,77,94,.08);animation:autoOpenPulse 1.6s ease-in-out infinite}@keyframes autoOpenPulse{0%,to{box-shadow:0 0 0 rgba(255,77,94,0)}50%{box-shadow:0 0 14px rgba(255,77,94,.35)}}.auto-open-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.auto-open-btn.active .auto-open-dot{animation:autoOpenBlink 1s ease-in-out infinite}@keyframes autoOpenBlink{0%,to{opacity:1}50%{opacity:.25}}.inv-empty{font-family:var(--font-mono);font-size:12.5px;color:var(--muted-2);font-style:italic;padding:30px 0;text-align:center}.inv-group{margin-bottom:22px}.inv-group-title{font-family:var(--font-display);font-size:15px;letter-spacing:.5px;margin-bottom:8px;display:flex;align-items:center;gap:8px}.inv-group-count{font-family:var(--font-mono);font-size:10.5px;color:var(--muted-2);font-weight:400}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,108px);grid-gap:10px;gap:10px}.inv-grid,.inv-item{justify-content:center}.inv-item{width:108px;height:144px;background:linear-gradient(165deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:12px;padding:12px 9px 10px;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center;box-shadow:0 0 0 1px var(--rarity-glow,transparent),0 0 16px -6px var(--rarity-glow,transparent);transition:transform .15s ease,box-shadow .15s ease}.inv-item[role=button]:hover{transform:translateY(-3px)}.inv-item-name{font-size:11.5px;font-weight:700;line-height:1.25;color:var(--text);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.inv-item-count{font-family:var(--font-mono);font-size:10.5px;font-weight:700;color:var(--gold-dim);flex-shrink:0}.inv-toolbar{display:flex;justify-content:flex-end;margin-bottom:14px}.sell-toggle-btn{display:flex;align-items:center;gap:7px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.5px;text-transform:uppercase;padding:8px 14px;border-radius:999px;cursor:pointer;transition:all .15s ease}.sell-toggle-btn:hover:not(:disabled){color:var(--text)}.sell-toggle-btn.active{color:var(--danger);border-color:var(--danger)}.sell-toggle-btn:disabled{opacity:.4;cursor:not-allowed}.sell-toggle-icon{width:13px;height:13px;flex-shrink:0}.inv-group-title{position:relative}.sell-checkbox{width:16px;height:16px;accent-color:var(--danger);cursor:pointer;margin-right:4px;vertical-align:-3px}.inv-group.sell-selected{outline:1px solid var(--danger);outline-offset:6px;border-radius:10px}.sell-bar{position:fixed;left:50%;bottom:22px;z-index:4000;transform:translate(-50%,160%);display:flex;align-items:center;gap:18px;background:var(--surface);border:1px solid var(--danger);border-radius:16px;padding:14px 16px 14px 20px;box-shadow:0 20px 55px rgba(0,0,0,.6),0 0 30px rgba(255,77,94,.15);transition:transform .4s cubic-bezier(.2,.9,.25,1.15);max-width:calc(100% - 32px)}.sell-bar.show{transform:translate(-50%)}.sell-bar-info{display:flex;flex-direction:column;gap:2px}.sell-bar-count{font-family:var(--font-mono);font-size:10.5px;color:var(--muted-2);letter-spacing:.5px;text-transform:uppercase}.sell-bar-coins{font-family:var(--font-mono);font-weight:700;font-size:17px;color:var(--gold);display:flex;align-items:center;gap:6px}.sell-bar-actions{display:flex;gap:8px}.sell-bar-cancel{background:transparent;border:1px solid var(--border);color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.5px;text-transform:uppercase;padding:10px 14px;border-radius:9px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.sell-bar-cancel:hover{color:var(--text);border-color:var(--muted-2)}.sell-bar-confirm{background:var(--danger);border:1px solid var(--danger);color:#fff;font-family:var(--font-mono);font-weight:700;font-size:11.5px;letter-spacing:.5px;text-transform:uppercase;padding:10px 18px;border-radius:9px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.sell-bar-confirm:hover{background:#ff6b79;transform:scale(1.03)}.cancel-auto-btn{background:transparent;border:1px solid var(--border);color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.5px;text-transform:uppercase;padding:12px 18px;border-radius:10px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.cancel-auto-btn:hover{color:var(--text);border-color:var(--danger)}@media (max-width:560px){.sell-bar{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.sell-bar-actions{justify-content:stretch}.sell-bar-actions button{flex:1 1}}.dex-progress{margin-bottom:22px}.dex-progress-label{font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.5px;margin-bottom:7px}.dex-progress-bar{height:8px;background:var(--bg-2);border-radius:6px;overflow:hidden;border:1px solid var(--border-soft)}.dex-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold-dim),var(--gold));transition:width .4s ease;box-shadow:0 0 10px rgba(242,193,78,.4)}.dex-grid{display:grid;grid-template-columns:repeat(auto-fill,108px);grid-gap:10px;gap:10px}.dex-grid,.dex-item{justify-content:center}.dex-item{width:108px;height:144px;background:linear-gradient(165deg,var(--surface-2),var(--surface));border:1px dashed var(--border-soft);border-radius:12px;padding:12px 9px 10px;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center;opacity:.4;transition:opacity .15s ease,transform .15s ease,box-shadow .15s ease}.dex-item.have{border-style:solid;opacity:1;border-color:var(--rarity-glow,var(--border-soft));background:linear-gradient(165deg,color-mix(in srgb,var(--rarity-glow,var(--border-soft)) 16%,var(--surface-2)),var(--surface));box-shadow:0 0 0 1px var(--rarity-glow,var(--border-soft)),0 0 20px -6px var(--rarity-glow,transparent)}.dex-item.have:hover{transform:translateY(-3px)}.dex-item.have.prismatic-border{border:1.5px solid transparent;background:linear-gradient(165deg,var(--surface-2),var(--surface)) padding-box,var(--rarity-border-gradient,linear-gradient(90deg,#fff,#fff)) border-box}.dex-item-name{font-size:11.5px;font-weight:700;line-height:1.25;color:var(--text);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.dex-item-count{font-family:var(--font-mono);font-size:10.5px;font-weight:700;color:var(--gold-dim);flex-shrink:0}.title-grid{display:grid;grid-template-columns:repeat(auto-fill,168px);justify-content:center;grid-gap:12px;gap:12px}.title-card{width:168px;background:linear-gradient(165deg,var(--surface-2),var(--surface));border:1px dashed var(--border-soft);border-radius:12px;padding:16px 12px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:flex-start;opacity:.45;transition:opacity .15s ease,transform .15s ease,box-shadow .15s ease}.title-card.have{border-style:solid;opacity:1;border-color:var(--rarity-glow,var(--border-soft));background:linear-gradient(165deg,color-mix(in srgb,var(--rarity-glow,var(--border-soft)) 16%,var(--surface-2)),var(--surface));box-shadow:0 0 0 1px var(--rarity-glow,var(--border-soft)),0 0 20px -6px var(--rarity-glow,transparent)}.title-card.have:hover{transform:translateY(-3px)}.title-card.have.prismatic-border{border:1.5px solid transparent;background:linear-gradient(165deg,var(--surface-2),var(--surface)) padding-box,var(--rarity-border-gradient,linear-gradient(90deg,#fff,#fff)) border-box}.title-tag{font-family:var(--font-display);font-weight:400;font-size:22px;letter-spacing:.5px;color:var(--rarity-glow,var(--muted-2))}.title-name{font-size:13px;font-weight:700;color:var(--text)}.title-desc{font-family:var(--font-mono);font-size:10.5px;color:var(--muted-2);line-height:1.4}.title-locked{font-size:10.5px;color:var(--muted-2)}.title-equip-btn,.title-locked{font-family:var(--font-mono);font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-top:2px}.title-equip-btn{width:100%;background:var(--surface-2);border:1px solid var(--border-soft);color:var(--text);font-size:11px;padding:8px 0;border-radius:999px;cursor:pointer;transition:all .15s ease}.title-equip-btn.equipped,.title-equip-btn:hover{border-color:var(--rarity-glow,var(--gold-dim));color:var(--rarity-glow,var(--gold))}.title-equip-btn.equipped{background:color-mix(in srgb,var(--rarity-glow,var(--gold)) 18%,var(--surface-2))}.rarity-list{display:flex;flex-direction:column;gap:8px}.rarity-row-head{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.rarity-row-head .chip{width:12px;height:12px;border-radius:4px;flex-shrink:0}.rarity-row-head .rname{font-weight:700;font-size:13.5px;min-width:100px;flex-shrink:0}.rarity-row-head .rbar{flex:1 1;height:6px;background:var(--bg-2);border-radius:4px;overflow:hidden}.rarity-row-head .rbar-fill{height:100%;border-radius:4px}.rarity-row-head .rchance{font-family:var(--font-mono);font-size:11.5px;color:var(--muted);width:70px;text-align:right;flex-shrink:0}.feed-list{display:flex;flex-direction:column;gap:8px}.feed-item{font-family:var(--font-mono);font-size:12px;color:var(--muted);padding:10px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--border-soft);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.feed-item .feed-tag{color:var(--gold);font-weight:600}.feed-item .feed-title-tag{color:var(--muted);font-weight:700;margin-right:1px}.feed-item .feed-rarity{font-weight:700}.feed-empty{font-family:var(--font-mono);font-size:12px;color:var(--muted-2);font-style:italic;padding:20px 0}.modal-backdrop{position:fixed;inset:0;z-index:5000;background:radial-gradient(circle at 50% 40%,rgba(18,18,25,.9),rgba(4,4,7,.97));display:flex;align-items:center;justify-content:flex-start;flex-direction:column;padding:30px 20px 100px;overflow-y:auto;animation:backdropIn .25s ease}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.pack-open-stage{display:flex;flex-direction:column;align-items:center;gap:26px;width:100%;max-width:1000px;margin:auto 0}.modal-close-btn{position:fixed;top:18px;right:18px;z-index:5100;width:38px;height:38px;border-radius:10px;background:var(--surface);border:1px solid var(--border);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:var(--font-mono);font-size:18px;line-height:1;transition:all .15s ease}.modal-close-btn:hover{color:var(--text);border-color:var(--gold-dim)}.auto-open-banner{position:fixed;left:50%;bottom:22px;z-index:5600;transform:translateX(-50%);display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--gold-dim);border-radius:999px;padding:10px 12px 10px 18px;box-shadow:0 16px 40px rgba(0,0,0,.55),0 0 24px rgba(242,193,78,.12);font-family:var(--font-mono);font-size:12px;max-width:calc(100% - 32px)}.auto-open-banner .aob-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);flex-shrink:0;animation:autoOpenBlink 1s ease-in-out infinite}.auto-open-banner .aob-text{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auto-open-banner .aob-text b{color:var(--gold)}.auto-open-banner .aob-actions{display:flex;gap:6px;flex-shrink:0}.auto-open-banner button{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:7px 11px;border-radius:999px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.auto-open-banner .aob-show:hover{color:var(--text);border-color:var(--gold-dim)}.auto-open-banner .aob-cancel{color:var(--danger);border-color:var(--danger)}.auto-open-banner .aob-cancel:hover{background:rgba(255,77,94,.1)}.pack-hero{width:130px;height:168px;border-radius:16px;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;background:linear-gradient(145deg,var(--accent,#f2c14e),color-mix(in srgb,var(--accent,#f2c14e) 55%,#000));box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 40px var(--accent,#f2c14e)55;transition:transform .15s ease}.pack-hero:hover{transform:scale(1.03)}.pack-hero:after{content:"";position:absolute;inset:8px;border:2px dashed rgba(0,0,0,.35);border-radius:10px}.pack-hero .hero-icon{width:70px;height:70px;position:relative;z-index:1;color:rgba(0,0,0,.5);filter:drop-shadow(0 2px 2px rgba(255,255,255,.3))}.pack-hero.shaking{animation:packShake .55s ease}@keyframes packShake{0%,to{transform:translate(0) rotate(0deg)}10%{transform:translate(-4px,2px) rotate(-2deg)}20%{transform:translate(4px,-2px) rotate(2deg)}30%{transform:translate(-5px,1px) rotate(-3deg)}40%{transform:translate(5px,-1px) rotate(3deg)}50%{transform:translate(-4px,2px) rotate(-2deg) scale(1.02)}60%{transform:translate(4px,-2px) rotate(2deg) scale(1.03)}70%{transform:translate(-3px,1px) scale(1.05)}80%{transform:translate(3px,-1px) scale(1.08)}90%{transform:translate(-2px,1px) scale(1.1)}}.pack-hero.bursting{animation:packBurst .4s ease forwards}@keyframes packBurst{to{transform:scale(1.6);opacity:0}}.pack-hint{font-family:var(--font-mono);font-size:11px;color:var(--muted-2);letter-spacing:1px;text-transform:uppercase;text-align:center}.reveal-grid{display:grid;grid-template-columns:repeat(auto-fill,118px);justify-content:center;grid-gap:14px;gap:14px;max-width:760px}.reveal-grid.compact{grid-template-columns:repeat(auto-fill,82px);gap:8px;max-width:860px}.reveal-grid.compact .flip-card{width:82px!important;height:110px!important}.reveal-grid.compact .flip-front .flip-logo{width:27px;height:27px;font-size:8.5px;border-radius:7px}.reveal-grid.compact .flip-back{padding:8px;gap:4px}.reveal-grid.compact .fb-rarity{font-size:7.5px}.reveal-grid.compact .fb-name{font-size:10.5px}.reveal-grid.ultra{grid-template-columns:repeat(auto-fill,64px);gap:7px;max-width:980px}.reveal-grid.ultra .flip-card{width:64px!important;height:88px!important}.reveal-grid.ultra .flip-front .flip-logo{width:21px;height:21px;font-size:6.5px;border-radius:6px}.reveal-grid.ultra .flip-face{border-radius:10px}.reveal-grid.ultra .flip-back{padding:6px;gap:3px}.reveal-grid.ultra .fb-rarity{font-size:6.5px}.reveal-grid.ultra .fb-name{font-size:9px;-webkit-line-clamp:2}.reveal-actions{display:flex;gap:12px;margin-top:4px;position:-webkit-sticky;position:sticky;bottom:8px;z-index:2;background:rgba(8,8,13,.65);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:10px 16px;border-radius:999px}.flip-card{width:118px!important;height:158px!important;flex-shrink:0;box-sizing:border-box;justify-self:center;align-self:center;perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .65s cubic-bezier(.2,.8,.3,1);transform-style:preserve-3d}.flip-card-inner.flipped{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;border:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.flip-front{background:linear-gradient(160deg,var(--surface-2),var(--bg-2))}.flip-front,.flip-front .flip-logo{align-items:center;justify-content:center;position:relative}.flip-front .flip-logo{z-index:1;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--gold),var(--gold-dim));box-shadow:0 0 14px rgba(242,193,78,.4);display:flex;font-family:var(--font-display);font-size:12px;letter-spacing:.5px;color:#08080d}.flip-back{transform:rotateY(180deg);position:relative;background:var(--surface);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.07);align-items:center;justify-content:center;gap:6px;padding:10px}.flip-back .fb-ribbon{order:2;flex-shrink:0;text-align:center}.flip-back .fb-rarity{font-family:var(--font-mono);font-weight:700;font-size:9.5px;letter-spacing:.8px;text-transform:uppercase;opacity:.85}.fb-rainbow-tag{font-family:var(--font-mono);font-weight:800;font-size:7px;letter-spacing:1.2px;margin-top:2px;background:linear-gradient(90deg,#ff5f6d,#ffc371,#f9f871,#6dffb0,#4facfe,#a18cd1,#ff5f6d);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rainbowTextShift 3s linear infinite}@keyframes rainbowTextShift{to{background-position:200%}}.flip-back .fb-emblem-wrap{display:none}.flip-back .fb-name{order:1;flex-shrink:0;font-family:var(--font-display);font-weight:400;font-size:13px;letter-spacing:.3px;line-height:1.25;text-align:center;color:#fff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.flip-back.is-rare-fx1{box-shadow:0 0 24px currentColor}.flip-back.is-rare-fx2{animation:goodPulse 1.4s ease-in-out infinite}.flip-back.is-rare-fx3{animation:goodPulse 1.1s ease-in-out infinite}.flip-back.is-rare-fx4{animation:secretPulse 1s ease-in-out infinite}.reveal-grid.compact .flip-back.is-rare-fx1,.reveal-grid.ultra .flip-back.is-rare-fx1{box-shadow:0 0 10px currentColor}.reveal-grid.compact .flip-back.is-rare-fx2,.reveal-grid.compact .flip-back.is-rare-fx3,.reveal-grid.ultra .flip-back.is-rare-fx2,.reveal-grid.ultra .flip-back.is-rare-fx3{animation:goodPulseSmall 1.2s ease-in-out infinite}.reveal-grid.compact .flip-back.is-rare-fx4,.reveal-grid.ultra .flip-back.is-rare-fx4{animation:secretPulseSmall 1s ease-in-out infinite}@keyframes goodPulseSmall{0%,to{box-shadow:0 0 6px currentColor}50%{box-shadow:0 0 14px currentColor}}@keyframes secretPulseSmall{0%,to{box-shadow:0 0 8px #ff2ec4;border-color:#ff2ec4}50%{box-shadow:0 0 18px #ff2ec4;border-color:#7c5cff}}.flip-back.is-rainbow{border:2px solid transparent;background:linear-gradient(165deg,hsla(0,0%,100%,.06) 0,var(--surface) 55%) padding-box,conic-gradient(from 0deg,#ff5f6d,#ffc371,#f9f871,#6dffb0,#4facfe,#a18cd1,#ff5f6d) border-box;animation:rainbowHue 4s linear infinite}@keyframes rainbowHue{to{filter:hue-rotate(1turn)}}.reveal-grid.compact .fb-rainbow-tag,.reveal-grid.ultra .fb-rainbow-tag{display:none}@keyframes goodPulse{0%,to{box-shadow:0 0 14px currentColor}50%{box-shadow:0 0 34px currentColor,0 0 60px currentColor}}@keyframes secretPulse{0%,to{box-shadow:0 0 20px #ff2ec4;border-color:#ff2ec4}50%{box-shadow:0 0 46px #ff2ec4,0 0 80px #7c5cff;border-color:#7c5cff}}.flip-card-inner.prismatic-flip{transition:none;animation:prismaticFlip 1.3s cubic-bezier(.22,.7,.25,1) forwards;z-index:20}@keyframes prismaticFlip{0%{transform:rotateY(0deg) rotate(0deg) scale(1)}45%{transform:rotateY(660deg) rotate(6deg) scale(1.55)}70%{transform:rotateY(900deg) rotate(-4deg) scale(1.4)}85%{transform:rotateY(900deg) rotate(3deg) scale(1.08) translate(3px,-2px)}92%{transform:rotateY(900deg) rotate(-2deg) scale(1.02) translate(-4px,3px)}to{transform:rotateY(900deg) rotate(0deg) scale(1) translate(0)}}.flip-back.is-prismatic{animation:prismaticPulse 2.4s linear infinite}@keyframes prismaticPulse{0%{box-shadow:0 0 22px var(--pc1,#ff7373);border-color:var(--pc1,#ff7373)}25%{box-shadow:0 0 40px var(--pc2,#ff2ec4);border-color:var(--pc2,#ff2ec4)}50%{box-shadow:0 0 48px var(--pc3,#7c5cff),0 0 70px var(--pc3,#7c5cff);border-color:var(--pc3,#7c5cff)}75%{box-shadow:0 0 40px var(--pc4,#34e0ff);border-color:var(--pc4,#34e0ff)}to{box-shadow:0 0 22px var(--pc1,#ff7373);border-color:var(--pc1,#ff7373)}}.collect-btn{border:1px solid var(--gold);background:var(--gold);color:#000;font-family:var(--font-mono);font-weight:700;font-size:13px;letter-spacing:.5px;text-transform:uppercase;padding:12px 26px;border-radius:10px;cursor:pointer;transition:all .15s ease}.collect-btn:hover{background:var(--gold-dim);transform:scale(1.03)}.collect-btn:disabled{opacity:.4;cursor:not-allowed}#big-reveal-overlay{position:fixed;inset:0;z-index:6000;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,rgba(8,8,13,.4),rgba(5,5,8,.95));opacity:0;pointer-events:none;transition:opacity .35s ease}#big-reveal-overlay.show{opacity:1;pointer-events:auto}.big-reveal-rays{position:absolute;inset:-60%;background:conic-gradient(from 0deg,transparent 0deg,var(--ray-color,rgba(242,193,78,.2)) 6deg,transparent 14deg,transparent 40deg,var(--ray-color,rgba(242,193,78,.2)) 46deg,transparent 54deg,transparent 80deg,var(--ray-color,rgba(242,193,78,.2)) 86deg,transparent 94deg,transparent 120deg,var(--ray-color,rgba(242,193,78,.2)) 126deg,transparent 134deg,transparent 160deg,var(--ray-color,rgba(242,193,78,.2)) 166deg,transparent 174deg,transparent 200deg,var(--ray-color,rgba(242,193,78,.2)) 206deg,transparent 214deg,transparent 240deg,var(--ray-color,rgba(242,193,78,.2)) 246deg,transparent 254deg,transparent 280deg,var(--ray-color,rgba(242,193,78,.2)) 286deg,transparent 294deg,transparent 320deg,var(--ray-color,rgba(242,193,78,.2)) 326deg,transparent 334deg,transparent 1turn);animation:raySpin 7s linear infinite}@keyframes raySpin{to{transform:rotate(1turn)}}.big-reveal-card{position:relative;z-index:2;width:240px;min-height:300px;border-radius:22px;background:var(--surface);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;overflow:hidden;transform:scale(.35) rotate(-10deg);opacity:0;box-shadow:0 0 70px var(--glow-color,rgba(242,193,78,.6)),0 25px 70px rgba(0,0,0,.65)}#big-reveal-overlay.show .big-reveal-card{animation:bigCardIn .65s cubic-bezier(.2,1.5,.4,1) forwards}@keyframes bigCardIn{0%{transform:scale(.3) rotate(-14deg);opacity:0}55%{transform:scale(1.1) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0deg);opacity:1}}#big-reveal-overlay.show .big-reveal-card.prismatic{animation:prismaticCardIn 1.1s cubic-bezier(.2,.85,.25,1.05) forwards,prismaticGlow 2.4s linear 1.1s infinite}@keyframes prismaticCardIn{0%{transform:scale(.3) rotate(0deg);opacity:0}40%{transform:scale(1.3) rotate(400deg);opacity:1}65%{transform:scale(1.45) rotate(640deg)}82%{transform:scale(1.08) rotate(2turn)}90%{transform:scale(1.1) rotate(2turn) translate(-4px,3px)}95%{transform:scale(.97) rotate(2turn) translate(3px,-2px)}to{transform:scale(1) rotate(2turn) translate(0);opacity:1}}@keyframes prismaticGlow{0%{box-shadow:0 0 70px var(--pc1,#ff7373),0 25px 70px rgba(0,0,0,.65);border-color:var(--pc1,#ff7373)}25%{box-shadow:0 0 75px var(--pc2,#ff2ec4),0 25px 70px rgba(0,0,0,.65);border-color:var(--pc2,#ff2ec4)}50%{box-shadow:0 0 85px var(--pc3,#7c5cff),0 25px 70px rgba(0,0,0,.65);border-color:var(--pc3,#7c5cff)}75%{box-shadow:0 0 75px var(--pc4,#34e0ff),0 25px 70px rgba(0,0,0,.65);border-color:var(--pc4,#34e0ff)}to{box-shadow:0 0 70px var(--pc1,#ff7373),0 25px 70px rgba(0,0,0,.65);border-color:var(--pc1,#ff7373)}}.big-reveal-inner{display:flex;flex-direction:column;align-items:center;gap:12px;padding:26px 20px;text-align:center}.big-reveal-swatch{width:84px;height:84px;border-radius:20px;box-shadow:0 0 30px currentColor}.big-reveal-label{font-family:var(--font-display);font-size:27px;letter-spacing:2.5px}.big-reveal-name{font-family:var(--font-mono);font-size:14px;color:var(--muted);max-width:190px}.big-reveal-hint{position:absolute;bottom:-34px;left:0;right:0;text-align:center;font-family:var(--font-mono);font-size:10.5px;color:var(--muted-2);letter-spacing:1px;text-transform:uppercase}#particle-layer{position:fixed;inset:0;pointer-events:none;z-index:6500;overflow:hidden}.particle{position:absolute;border-radius:2px;animation:particleFly var(--dur) cubic-bezier(.2,.7,.3,1) forwards}@keyframes particleFly{0%{transform:translate(0) rotate(0deg);opacity:1}to{transform:translate(var(--tx),var(--ty)) rotate(var(--rot));opacity:0}}.shake-screen{animation:screenShake .5s ease}@keyframes screenShake{0%,to{transform:translate(0)}10%{transform:translate(-6px,3px)}20%{transform:translate(6px,-3px)}30%{transform:translate(-5px,-3px)}40%{transform:translate(5px,3px)}50%{transform:translate(-4px,2px)}60%{transform:translate(4px,-2px)}70%{transform:translate(-3px,1px)}80%{transform:translate(3px,-1px)}90%{transform:translate(-2px,1px)}}footer.app-footer{text-align:center;margin-top:60px;color:var(--muted-2);font-family:var(--font-mono);font-size:11px;letter-spacing:.5px}@media (max-width:560px){.flip-card{width:96px;height:132px}.reveal-grid{grid-template-columns:repeat(auto-fill,96px);gap:10px}.dex-grid,.inv-grid{grid-template-columns:repeat(auto-fill,92px);gap:8px}.title-grid{grid-template-columns:repeat(auto-fill,140px);gap:10px}.title-card{width:140px}.dex-item,.inv-item{width:92px;height:124px}.coin-pill{padding:8px 12px}}.auth-btn{font-family:var(--font-mono);font-size:12px;font-weight:600;padding:10px 14px;border-radius:10px;border:1px solid hsla(0,0%,100%,.14);background:hsla(0,0%,100%,.06);color:#fff;cursor:pointer;white-space:nowrap}.auth-btn:hover{background:hsla(0,0%,100%,.1)}.auth-btn.logged-in{background:rgba(80,220,140,.12);border-color:rgba(80,220,140,.35);color:#7cffb2}.topbar-title-tag{color:var(--gold);font-weight:800}.auth-modal-backdrop{position:fixed;inset:0;z-index:90;background:rgba(6,8,12,.78);display:flex;align-items:center;justify-content:center;padding:20px}.auth-modal{position:relative;width:100%;max-width:380px;background:#14161c;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;padding:28px 22px 22px}.auth-tabs{display:flex;gap:8px;margin-bottom:20px}.auth-tab{flex:1 1;padding:10px;border-radius:10px;border:1px solid hsla(0,0%,100%,.1);background:transparent;color:var(--muted-2);font-weight:700;cursor:pointer;font-family:var(--font-mono);font-size:12px}.auth-tab.active{background:hsla(0,0%,100%,.08);color:#fff}.auth-label{font-family:var(--font-mono);font-size:11px;color:var(--muted-2);margin:14px 0 6px}.auth-input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.04);color:#fff;font-size:14px}.auth-username-row{display:flex;gap:8px;align-items:center}.auth-username-box{flex:1 1;padding:12px 14px;background:hsla(0,0%,100%,.04);font-family:var(--font-mono);font-weight:700}.auth-dice-btn,.auth-username-box{border-radius:10px;border:1px solid hsla(0,0%,100%,.12)}.auth-dice-btn{width:44px;height:44px;background:hsla(0,0%,100%,.06);font-size:18px;cursor:pointer}.auth-error{color:#ff7373;font-size:12px;margin-top:10px;font-family:var(--font-mono)}.auth-submit-btn{width:100%;margin-top:18px;padding:13px;border-radius:10px;border:none;background:#f2c14e;color:#14161c;font-weight:800;cursor:pointer;font-size:14px}.auth-submit-btn:disabled{opacity:.5;cursor:default}.auth-code-screen{text-align:center;padding-top:10px}.auth-title{font-weight:800;font-size:18px;margin-bottom:8px}.auth-sub{color:var(--muted-2);font-size:12.5px;line-height:1.5;margin-bottom:18px}.auth-code-box{font-family:var(--font-mono);font-size:22px;font-weight:800;letter-spacing:2px;padding:18px;border-radius:12px;border:1px dashed hsla(0,0%,100%,.25);background:hsla(0,0%,100%,.05);cursor:pointer}.auth-copy-hint{display:block;font-size:10.5px;color:var(--muted-2);margin-top:6px;letter-spacing:0;font-weight:500}.event-timer{display:flex;gap:10px;justify-content:center;margin:10px 0}.time-block{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;padding:10px 14px;text-align:center;min-width:56px}.time-value{font-family:var(--font-mono);font-size:22px;font-weight:800}.time-label{font-size:9.5px;text-transform:uppercase}.event-ended,.time-label{font-family:var(--font-mono);color:var(--muted-2)}.event-login-hint{font-family:var(--font-mono);font-size:11.5px;color:#f2c14e;background:rgba(242,193,78,.1);border:1px solid rgba(242,193,78,.3);padding:10px 14px;border-radius:10px;margin-bottom:20px}.podium{display:flex;align-items:flex-end;justify-content:center;gap:14px;margin-top:20px;padding-bottom:10px}.podium-spot{align-items:center;width:110px}.podium-card,.podium-spot{display:flex;flex-direction:column}.podium-card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.12);border-radius:10px;padding:10px 8px;text-align:center;margin-bottom:8px;min-height:62px;justify-content:center;width:100%}.podium-username{font-weight:800;font-size:12.5px}.podium-rarity{font-family:var(--font-mono);font-size:10.5px;margin-top:2px;color:#f2c14e}.podium-cardname{margin-top:2px}.podium-cardname,.podium-empty{font-size:11px;color:var(--muted-2)}.podium-empty{font-family:var(--font-mono)}.podium-stand{width:100%;border-radius:8px 8px 0 0;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);border-bottom:none;display:flex;align-items:flex-start;justify-content:center;padding-top:8px}.podium-place-1 .podium-stand{background:rgba(242,193,78,.18);border-color:rgba(242,193,78,.4)}.podium-place-2 .podium-stand{background:rgba(180,190,200,.14)}.podium-place-3 .podium-stand{background:rgba(255,157,31,.14)}.podium-number{font-family:var(--font-mono);font-weight:900;font-size:20px;color:var(--muted-2)}