.pack-overlay{position:absolute;inset:0;pointer-events:none}.pack-hint{position:absolute;top:28px;left:0;right:0;width:max-content;max-width:calc(100vw - 150px);margin:0 auto;padding:8px 20px;border-radius:16px;background:var(--paper);color:var(--ink);text-align:center;font:600 var(--fs-heading)/1.25 var(--font-display);box-shadow:0 4px 12px #3a2e2633}.pack-label{--w: min(30vw, 200px);position:absolute;width:var(--w);margin-left:calc(var(--w) / -2);display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;animation:word-pop .45s cubic-bezier(.2,.9,.3,1.4) both}.pack-label span{max-width:100%;box-sizing:border-box;border-radius:10px;background:var(--paper);color:var(--ink)}.pack-name{padding:2px 10px;font:700 var(--fs-caption)/1.2 var(--font-body)}.pack-tag{padding:4px 12px;font:700 var(--fs-caption)/1.2 var(--font-display);box-shadow:0 3px 8px #3a2e2633}.pack-label.new .pack-tag{background:var(--gold)}.pack-label .pack-rare{padding:2px 10px;background:var(--ink);color:var(--gold);font:700 var(--fs-caption)/1.2 var(--font-display)}.pack-spare{padding:2px 8px;font:600 var(--fs-caption)/1.2 var(--font-body)}#pack-done{position:absolute;bottom:8vh;left:0;right:0;margin:0 auto;width:max-content;pointer-events:auto;min-height:60px;min-width:220px;padding:0 32px;border:0;border-radius:30px;cursor:pointer;background:var(--accent);color:var(--paper);font:600 var(--fs-heading)/1 var(--font-display);box-shadow:0 4px 12px #3a2e2638;animation:word-pop .45s cubic-bezier(.2,.9,.3,1.4) both}#hud #reward{background:#3a2e2633}#reward .reward-card{box-sizing:border-box;min-width:min(360px,calc(100vw - 32px));max-width:calc(100vw - 32px);padding:28px 36px;border-radius:22px;background:var(--paper);box-shadow:0 18px 40px #3a2e264d}#hud #reward h1{font-size:var(--fs-display);text-shadow:none}#reward .earned{margin:4px 0 14px;color:var(--accent);font:700 clamp(40px,9vw,72px)/1 var(--font-display)}#reward .bank{display:flex;flex-direction:column;align-items:center;gap:8px}#reward .bank-bar{width:min(300px,70vw);height:18px;border-radius:9px;background:var(--paper-shade);overflow:hidden}#reward .bank-fill{height:100%;background:var(--gold);transform-origin:left center}#reward .bank-line{font:600 var(--fs-body)/1.3 var(--font-body)}#hud #reward .pack,#hud #reward .done.primary{background:var(--accent);color:var(--paper)}#hud #reward .pack{min-height:64px;font-size:var(--fs-heading)}#hud #reward .done{background:var(--paper-shade)}#hud #reward .reward-card.animate h1 .ch{animation:vvLetterPop .62s cubic-bezier(.18,.9,.3,1.35) forwards}#hud #reward .reward-card.animate .fade-el{animation:vvFadeUp .55s cubic-bezier(.2,.7,.2,1.1) forwards}