.collection-cell,.collection-cell-link{flex-direction:column;gap:4px;min-width:0;display:flex}.collection-cell-link{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:8px;text-decoration:none}.collection-cell-link:hover .collection-cell-art{border-color:#5bffabbf}.collection-cell-link:focus-visible{outline:2px solid var(--tbpn-green-bright,#5bffab);outline-offset:2px}.collection-cell-art{aspect-ratio:4/5;background:#02150c;border:1px solid #5bffab38;border-radius:8px;position:relative;overflow:hidden}.collection-cell-art img{object-fit:cover;width:100%;height:100%;display:block}.collection-cell.is-locked .collection-cell-art img{filter:grayscale()brightness(.42)contrast(.9)}.collection-cell.is-owned .collection-cell-art{border-color:#5bffab8c;box-shadow:0 0 12px #5bffab26}.collection-cell-vignette{pointer-events:none;background:linear-gradient(#00000026 0%,#0000008c 100%);position:absolute;inset:0}.collection-cell-lock{opacity:.85;filter:drop-shadow(0 2px 6px #000c);pointer-events:none;font-size:1.1rem;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.collection-cell-tier{letter-spacing:1px;text-transform:uppercase;color:#6f9a82;text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:.55rem;font-weight:700;overflow:hidden}.collection-cell.is-owned .collection-cell-tier{color:var(--tbpn-green-bright,#5bffab)}.pick-collection{flex-direction:column;gap:10px;width:100%;padding:0;animation:.35s both screenIn;display:flex}.pick-collection-toolbar{background:linear-gradient(#596980 0%,#000 100%);border:1px solid #ffffff14;border-radius:6px;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px 16px;padding:12px 14px 12px 18px;display:flex;box-shadow:inset 0 1px #ffffff1f,0 4px 16px #00000059}.pick-collection-toolbar-main{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.pick-collection-tier-stats{font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:#f2f6fa;text-shadow:0 1px 2px #000000a6;margin:0;font-size:clamp(.58rem,1.45vw,.68rem);font-weight:600;line-height:1.25}.pick-collection-tier-name{color:#fff;font-weight:700}.pick-collection-tier-count{font-variant-numeric:tabular-nums;color:var(--tbpn-green-bright,#5bffab);text-shadow:0 0 12px #5bffab59;font-weight:800}.pick-collection-tier-sep{color:#ffffff73;font-weight:400}.pick-collection-bar-title{font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:#fff;margin:0;font-size:clamp(.85rem,2.5vw,1.05rem);font-weight:800;line-height:1.2}.pick-collection-bar-count{letter-spacing:.02em;color:#ffffffeb;font-weight:600}.pick-collection-filter-toggle{cursor:pointer;flex-shrink:0}.pick-collection-progress{background:#ffffff14;border-radius:999px;flex-shrink:0;height:6px;overflow:hidden}.pick-collection-progress .collection-progress-fill{border-radius:inherit;background:linear-gradient(90deg, #096, var(--tbpn-green-bright,#5bffab));height:100%;display:block}.pick-collection-scroll{background:#00000038;border:1px solid #5bffab1f;border-radius:12px;padding:10px 8px 0;overflow:visible}.pick-collection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.pick-collection-grid>li{content-visibility:auto;contain-intrinsic-size:auto 200px}.pick-collection-sentinel{pointer-events:none;width:100%;height:1px;margin:0}.pick-collection-loading,.pick-collection-end{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:#6f9a82;margin:16px 0 24px;font-size:.75rem;font-weight:600}.pick-collection-loading{color:var(--tbpn-green-bright,#5bffab);animation:1.2s ease-in-out infinite collectionLoadPulse}@keyframes collectionLoadPulse{0%,to{opacity:.45}50%{opacity:1}}.pick-collection .collection-empty{text-align:center;color:#6f9a82;margin:32px 0}@media (width>=1280px){.pick-collection-filter-btn{min-width:96px;height:60px;padding:0 22px}}@media (width<=720px){.pick-hero{min-height:max(100dvh,640px)}.pick-collection-toolbar{padding:10px 12px}.pick-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=480px){.pick-collection-filter-btn{min-width:76px;height:46px;padding:0 14px}.pick-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.card-flip{--card-w:clamp(150px, 44vw, 220px);--rarity-glow:#96d2ff59;width:var(--card-w);aspect-ratio:4/5;perspective:1200px;-webkit-user-select:none;user-select:none}.card-flip.size-zoom{--card-w:min(82vw, 420px)}.card-flip.rarity-gongs{--rarity-glow:#78dcb473}.card-flip.rarity-legendary{--rarity-glow:#ffd76e8c}.card-flip.rarity-mythos{--rarity-glow:#ff82f099}.card-rarity-badge.rarity-news{--rarity-glow:#96d2ff59}.card-rarity-badge.rarity-gongs{--rarity-glow:#78dcb473}.card-rarity-badge.rarity-legendary{--rarity-glow:#ffd76e8c}.card-rarity-badge.rarity-mythos{--rarity-glow:#ff82f099}.card-flip.is-clickable{cursor:pointer}.card-flip.is-clickable:focus-visible{outline-offset:6px;border-radius:18px;outline:2px solid #9ad8ff}.card-flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.5,1.4,.5,1);position:relative}.card-flip.is-flat .card-front{width:100%;height:100%;position:relative;inset:auto}.card-flip.is-down .card-flip-inner{transform:rotateY(180deg)}.card-flip.is-clickable:hover .card-flip-inner{transform:translateY(-6px)scale(1.03)}.card-face{backface-visibility:hidden;border-radius:16px;position:absolute;inset:0;overflow:hidden;transform:translateZ(0);box-shadow:0 18px 40px #0000008c,inset 0 0 0 1px #ffffff0f}.card-back{background:#021b0f;border:2px solid #5bffab66;place-items:center;display:grid;overflow:hidden;transform:rotateY(180deg)translateZ(1px)}.card-back-tbpn-bg{z-index:0;pointer-events:none;background:linear-gradient(#000 0%,#021b0f 52%,#0a8f4c 100%);position:absolute;inset:0}.card-back-glow{z-index:1;filter:blur(6px);pointer-events:none;background:radial-gradient(#5bffab80,#0000 65%);width:140%;height:80%;position:absolute;bottom:-30%;left:50%;transform:translate(-50%)}.card-back-video,.card-back-loop-poster{z-index:2;object-fit:contain;-webkit-object-fit:contain;object-position:center center;pointer-events:none;backface-visibility:hidden;width:100%;height:100%;display:block;position:absolute;inset:0;transform:translateZ(1px)}.card-back-loop-poster{-webkit-user-select:none;user-select:none}.card-back-loop-poster--field{object-fit:cover;-webkit-object-fit:cover;z-index:1}.card-back-video::-webkit-media-controls{display:none!important}.card-back-video::-webkit-media-controls-enclosure{display:none!important}.card-back-video::-webkit-media-controls-panel{display:none!important}.card-back-video::-webkit-media-controls-start-playback-button{display:none!important}.card-back.is-art{background:#05060d;border-color:#ffffff2e}.card-back-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.card-back-scan{z-index:3;opacity:.7;pointer-events:none;background-image:repeating-linear-gradient(0deg,#00000057 0 1px,#0000 1px 4px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 30%,#000 70%);mask-image:linear-gradient(#0000 30%,#000 70%)}.card-back-vignette{z-index:4;pointer-events:none;opacity:.55;background:linear-gradient(#00000059 0%,#0000 28% 72%,#00000073 100%);position:absolute;inset:0}.card-back-inner{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:0 10px;display:flex;position:relative}.card-back-logo{filter:drop-shadow(0 2px 8px #000000a6);width:min(72%,220px);height:auto;display:block}.card-front{background:#05060d;border:3px solid #ffffff1f}.card-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.card-rarity-badge{z-index:4;letter-spacing:1px;text-transform:uppercase;color:#fff;border:1px solid var(--rarity-glow);box-shadow:0 0 12px var(--rarity-glow);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#060a16b8;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:.55rem;font-weight:700;display:inline-flex;position:absolute;top:8px;bottom:auto;left:8px}.size-zoom .card-rarity-badge{padding:6px 12px;font-size:.7rem}.card-rarity-mark{color:var(--rarity-glow);filter:brightness(1.6)}.card-rarity-sub{opacity:.85;letter-spacing:.5px;font-size:.85em}.card-front.is-foil{box-shadow:0 18px 40px #0000008c, 0 0 22px var(--rarity-glow);border-color:#ffffff80}.card-front.is-legendary{box-shadow:0 18px 46px #0009, 0 0 34px var(--rarity-glow)}.card-flip.rarity-gongs .card-front{box-shadow:0 18px 40px #0000008c, 0 0 14px var(--rarity-glow);border-color:#ffffff38}.card-holo{z-index:3;pointer-events:none;mix-blend-mode:soft-light;opacity:.32;background:linear-gradient(108deg,#0000 0% 42%,#ffb4dc38 47%,#b4fff047 50%,#ffe6a038 53%,#0000 58% 100%) 0 0/220% 100% no-repeat;animation:6.5s ease-in-out infinite alternate holoSweep;position:absolute;inset:0}.card-front.is-legendary .card-holo{opacity:.38;animation-duration:9s}.card-flip.rarity-mythos .card-holo{opacity:.36;animation-duration:10.5s}@keyframes holoSweep{0%{background-position:115%}to{background-position:-15%}}@media (prefers-reduced-motion:reduce){.card-holo{opacity:.2;background-position:50%;animation:none}}@keyframes spin{to{transform:rotate(360deg)}}.card-back--idle .card-back-glow{animation:3.5s ease-in-out infinite cardBackGlowPulse}@keyframes cardBackGlowPulse{0%,to{opacity:.85}50%{opacity:1}}@media (hover:none) and (pointer:coarse){.card-flip.is-flat{contain:paint}.card-back-glow{filter:none}.card-front.is-foil .card-holo{display:none}.card-rarity-badge{-webkit-backdrop-filter:none;backdrop-filter:none}.card-flip.is-clickable:hover .card-flip-inner{transform:none}}@media (prefers-reduced-motion:reduce){.card-back--idle .card-back-glow{animation:none}}.pack-shell{background:#021b0f;border:1px solid #5bffab73;border-radius:4px;padding:0;overflow:hidden;box-shadow:0 18px 40px #0009,inset 0 2px 1px #ffffff4d,inset 0 14px 26px #ffffff0d,inset 0 -20px 34px #00000080;container-type:inline-size}.pack-sleeve-crimp{z-index:2;opacity:.55;background:repeating-linear-gradient(90deg,#fff3 0 2px,#00000059 2px 5px);height:10px;position:absolute;inset:0 0 auto}.pack-seal .pack-sleeve-crimp{border-radius:0;height:100%;position:relative;inset:auto}.pack-sleeve-hole{z-index:3;background:radial-gradient(#000 50%,#00000080 100%);border-radius:999px;width:18px;height:7px;position:absolute;top:5px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 2px #000000e6,0 1px #ffffff26}.pack-seal .pack-sleeve-hole{width:14px;height:5px;top:50%;transform:translate(-50%,-50%)}.pack-sleeve-scan{opacity:.65;pointer-events:none;background-image:repeating-linear-gradient(0deg,#00000057 0 1px,#0000 1px 4px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 20%,#000 75%);mask-image:linear-gradient(#0000 20%,#000 75%)}.pack-sleeve-glow{filter:blur(5px);pointer-events:none;background:radial-gradient(#5bffab73,#0000 65%);width:120%;height:90%;position:absolute;bottom:-40%;left:50%;transform:translate(-50%)}.pack-sleeve-pick{pointer-events:none;flex-direction:column;flex-shrink:0;width:100%;display:flex;position:relative}.pack-seal{min-height:calc(var(--pack-sleeve-seal) * 1px * .55);height:calc(var(--pack-sleeve-seal) * 1px * 100cqi / var(--pack-pick-ref-width));background:linear-gradient(#031208 0%,#021b0f 100%);border-bottom:1px solid #00000080;flex-shrink:0;position:relative}.pack-brand{min-height:calc(var(--pack-sleeve-brand) * 1px * .55);height:calc(var(--pack-sleeve-brand) * 1px * 100cqi / var(--pack-pick-ref-width));background:linear-gradient(#000 0%,#021b0f 52%,#0a8f4c 100%);border-bottom:1px solid #5bffab4d;flex-shrink:0;position:relative;overflow:hidden}.pack-sleeve-pick .pack-seam-glow{height:calc(var(--pack-sleeve-seam-line) * 1px * 100cqi / var(--pack-pick-ref-width));z-index:1;flex-shrink:0;min-height:3px;position:relative;top:auto;transform:none}.pick-card.has-art-back .pack-sleeve-pick,.open-pack.has-pack-art .pack-sleeve-pick{display:none}.pack-window{width:100%;aspect-ratio:var(--pack-card-aspect);background:#05060d;flex-shrink:0;position:relative;overflow:hidden}.pack-window .card-back-img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block;position:absolute;inset:0}.pack-window .card-back-tbpn-bg,.pack-window .card-back-glow,.pack-window .card-back-video,.pack-window .card-back-loop-poster,.pack-window .card-back-scan,.pack-window .card-back-vignette{position:absolute;inset:0}.pack-window .card-back-video,.pack-window .card-back-loop-poster{object-fit:contain;-webkit-object-fit:contain;object-position:center center;transform:translateZ(0)}.pack-window .card-back-loop-poster--field{object-fit:cover;-webkit-object-fit:cover}.pack-window .card-back-vignette{display:none}.pack-plate{bottom:0;left:0;right:0;top:var(--pack-seam,22%);z-index:1;background:#05060d;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.pack-plate .card-back-img{object-fit:contain;object-position:center center;width:100%;height:100%;position:relative}.pack-plate .card-back-vignette{display:none}.pack-seam-glow{background:linear-gradient(90deg,#5bffab26,#fffffff2 50%,#5bffab26);box-shadow:0 0 8px #5bffab8c,0 0 18px #96ffc859}.pick-page{width:100%;max-width:min(960px,100%);margin-inline:auto;animation:.5s both screenIn}.pick-hero{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;max-width:100%;min-height:max(100dvh,720px);padding:0 clamp(8px,2vw,16px) 32px;display:flex}.pick-binder-section{border-top:1px solid #5bffab38;width:100%;margin-top:8px;padding:48px 4px 80px;scroll-margin-top:20px}.pick-scroll-hint{letter-spacing:2px;text-transform:uppercase;color:#4a6b5c;margin:8px 0 0;font-size:.65rem;font-weight:700;animation:1.8s ease-in-out infinite pickScrollHintPulse}@keyframes pickScrollHintPulse{0%,to{opacity:.45}50%{opacity:1}}.pick-head{text-align:center;width:min(720px,94vw)}.pick-title{margin:0;line-height:0}.pick-title-link{line-height:0;text-decoration:none;display:block}.pick-title-link:focus-visible{outline:2px solid var(--tbpn-green-bright,#5bffab);outline-offset:4px;border-radius:4px}.pick-title-logo{filter:drop-shadow(0 4px 2px #000);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;margin:0 auto;display:block}.pick-status{letter-spacing:1.5px;text-transform:uppercase;color:var(--tbpn-green-bright,#5bffab);margin:0;font-size:.75rem;font-weight:600}.pick-card:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.pick-sub{letter-spacing:5px;color:var(--tbpn-green-bright,#5bffab);margin:6px 0 0;font-size:.8rem;font-weight:800}.pick-credit{letter-spacing:.03em;color:#ffffff8c;margin:8px 0 0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(.58rem,1.5vw,.68rem);font-weight:500;line-height:1.4}.pick-credit-link{color:#e9fff2d9;font-weight:600;text-decoration:none}.pick-credit-link:hover{color:var(--tbpn-green-bright,#5bffab);text-underline-offset:2px;text-decoration:underline}.pick-credit-link:focus-visible{outline:2px solid var(--tbpn-green-bright,#5bffab);outline-offset:2px;border-radius:2px}.pick-row{--pick-pack-gap:clamp(4px, 1.1vw, 14px);gap:var(--pick-pack-gap);box-sizing:border-box;grid-template-columns:repeat(5,minmax(0,1fr));place-items:end center;width:100%;max-width:100%;padding:24px clamp(4px,1.5vw,12px) 28px;display:grid;overflow:visible}.pick-card-slot{width:100%;max-width:var(--pack-width-max);min-width:0;padding-bottom:10px;position:relative}.pick-card-slot:before{content:"";filter:blur(10px);pointer-events:none;z-index:0;background:radial-gradient(85% 100% at 50% 0,#5bffab38 0%,#0000 72%);height:32px;position:absolute;bottom:0;left:8%;right:8%}@media (hover:none) and (pointer:coarse){.pick-card-slot:before{filter:none;opacity:.9}.pick-scroll-hint{animation:none}}.pick-card-slot .pick-card{z-index:1;aspect-ratio:auto;cursor:pointer;flex-direction:column;width:100%;min-width:0;max-width:100%;height:auto;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,opacity .4s,filter .3s;display:flex;position:relative;transform:none}.pick-row .pick-card.pack-shell{box-shadow:0 18px 36px -6px #000000a6,0 6px 14px -4px #00000073,0 0 0 1px #5bffab6b}.pack-stack{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.pack-crimp{width:100%;height:calc(13px * 100cqi / var(--pack-pick-ref-width));z-index:6;pointer-events:none;opacity:.6;background:repeating-linear-gradient(90deg,#ffffff38 0 2px,#00000052 2px 5px);min-height:10px;position:absolute;left:0}.pack-crimp.is-top{border-bottom:1px solid #0000008c;top:0;box-shadow:0 1px #ffffff26}.pack-crimp.is-bottom{border-top:1px solid #0000008c;bottom:0}.pick-row .pick-card:hover,.pick-row .pick-card:focus-visible{z-index:5;outline:none;transform:translateY(-12px)scale(1.04);box-shadow:0 24px 44px -8px #000000b3,0 10px 28px -6px #5bffab59,0 0 0 1px #5bffab8c}.pick-row .pick-card.is-chosen{z-index:6;transform:translateY(-14px)scale(1.08);box-shadow:0 28px 52px -8px #000000bf,0 12px 36px -6px #5bffab80,0 0 0 1px #5bffaba6}.pick-row .pick-card.is-dimmed{opacity:.28;filter:grayscale(.45)brightness(.85);transform:scale(.92)}.pick-row .pick-card.is-dimmed:hover{transform:scale(.92)}@media (width<=600px){.pick-hero{gap:10px;min-height:max(100dvh,600px);padding-bottom:24px}.pick-head{width:min(100%,94vw)}.pick-row{--pick-pack-gap:clamp(8px, 2.5vw, 12px);row-gap:clamp(12px,4vw,20px);column-gap:var(--pick-pack-gap);grid-template-rows:auto auto;grid-template-columns:repeat(6,minmax(0,1fr));padding:16px clamp(10px,4vw,20px) 20px}.pick-card-slot:first-child{grid-area:1/1/auto/3}.pick-card-slot:nth-child(2){grid-area:1/3/auto/5}.pick-card-slot:nth-child(3){grid-area:1/5/auto/7}.pick-card-slot:nth-child(4){grid-area:2/2/auto/4}.pick-card-slot:nth-child(5){grid-area:2/4/auto/6}.pick-card-slot{width:100%;max-width:none;padding-bottom:8px}.pick-row .pick-card:hover,.pick-row .pick-card:focus-visible{transform:translateY(-8px)scale(1.03)}.pick-row .pick-card.is-chosen{transform:translateY(-10px)scale(1.05)}.pick-scroll-hint{letter-spacing:1.5px;font-size:.6rem}}@media (width>=601px) and (width<=720px){.pick-hero{gap:12px;min-height:max(100dvh,640px)}.pick-row{--pick-pack-gap:6px;padding-inline:8px}.pick-card-slot{max-width:min(var(--pack-width-max), 22vw)}}@media (width<=380px){.pick-sub{letter-spacing:3px;font-size:.72rem}.pick-row{--pick-pack-gap:2px}}@media (prefers-reduced-motion:reduce){.pick-marquee-track{animation:none}.pick-marquee{overflow-x:auto}}.open-screen{flex-direction:column;justify-self:center;align-items:center;gap:28px;width:min(100%,min(440px,96vw));max-width:min(440px,96vw);margin-inline:auto;animation:.5s both screenIn;display:flex}.open-pack.pack-shell{width:var(--pack-open-w);--pack-pick-ref-width:360;--pack-sleeve-total:44;--pack-sleeve-seal:18;--pack-sleeve-brand:18;--pack-sleeve-seam-line:5;--pack-sleeve-min:40px;touch-action:none;filter:drop-shadow(0 30px 50px #000000a6);--seam:max(var(--pack-sleeve-min), calc(var(--pack-sleeve-total) * 1px * 100cqi / var(--pack-pick-ref-width)));border:none;flex-direction:column;max-width:100%;height:auto;animation:5s ease-in-out infinite packBob;display:flex;position:relative;overflow:visible}.open-pack.is-dragging{animation:none}.open-pack.is-torn{animation:none;overflow:visible}.open-pack .pack-stack{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.open-pack .pack-window{border-radius:0;overflow:hidden}.open-top{width:100%;min-height:var(--pack-sleeve-min);height:var(--seam);z-index:6;flex-shrink:0;position:relative;overflow:visible}.open-top .pack-sleeve-pick{height:var(--seam)}.open-pack.has-pack-art{--open-rip-height:clamp(48px, 11cqi, 56px)}.open-pack.has-pack-art .open-top{width:100%;height:var(--open-rip-height);min-height:var(--open-rip-height);z-index:6;flex-shrink:0;position:relative}.open-pack.has-pack-art .open-pull-tab{background:linear-gradient(#0c4529 0%,#052b18 48%,#031a10 100%);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #5bffab47}.open-pack.has-pack-art .pack-window{flex-shrink:0}.open-pack:not(.is-dragging) .open-pull-tab,.open-pack:not(.is-dragging) .open-tearline,.open-pack:not(.is-dragging) .open-tear-edge{transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .35s,filter .35s,left .42s cubic-bezier(.22,1,.36,1)}.open-pack.is-dragging .open-pull-tab{transition:none}.open-top{cursor:grab;touch-action:none}.open-top:focus-visible{outline:2px solid var(--tbpn-green-bright,#5bffab);outline-offset:2px}.open-pack.is-dragging .open-top{cursor:grabbing}.open-pull-tab{z-index:8;pointer-events:none;width:100%;height:100%;transform:translateX(calc(var(--peel,0) * 1px)) translateY(calc(var(--progress,0) * -2px)) rotate(calc(var(--progress,0) * 3deg));transform-origin:0%;filter:drop-shadow(calc(2px + var(--progress,0) * 10px) calc(1px + var(--progress,0) * 6px) calc(6px + var(--progress,0) * 14px) rgba(0, 0, 0, calc(.25 + var(--progress,0) * .4)));background:linear-gradient(#0c4529 0%,#052b18 48%,#031a10 100%);border:none;border-radius:0;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px 8px;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #00000073,0 2px #5bffab14}.open-pull-tab:after{content:"";pointer-events:none;height:8px;opacity:calc(.2 + var(--progress,0) * .8);clip-path:polygon(0% 0%,3% 100%,7% 15%,11% 100%,15% 20%,19% 100%,23% 10%,27% 100%,31% 25%,35% 100%,39% 12%,43% 100%,47% 22%,51% 100%,55% 8%,59% 100%,63% 18%,67% 100%,71% 14%,75% 100%,79% 20%,83% 100%,87% 10%,91% 100%,95% 16%,100% 0%);background:linear-gradient(#031208 0%,#0000 100%);position:absolute;bottom:-4px;left:0;right:0}.open-pull-handle{opacity:.95;background:linear-gradient(#0f5a36 0%,#052b18 100%);border-radius:0 0 4px 4px;width:14px;height:7px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%);box-shadow:0 1px #5bffab59,inset 0 1px #ffffff26}.open-pack:not(.has-pack-art) .open-pull-tab{transform-origin:0 100%;flex-direction:column;justify-content:center;gap:2px;width:clamp(40px,14cqi,52px);padding:3px 5px;left:auto;right:0}.open-pull-label{letter-spacing:1.2px;text-transform:uppercase;color:#eaf6eefa;text-shadow:0 1px 2px #000000e6,0 0 12px #000000a6;flex-shrink:0;font-size:clamp(.48rem,2.6cqi,.58rem);font-weight:800;line-height:1.1}.open-pack.has-pack-art .open-pull-label{letter-spacing:1.6px;font-size:clamp(.52rem,2.6cqi,.6rem)}.open-pull-grip{background:#00000052;border-radius:2px;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:0;padding:4px 6px;display:flex;box-shadow:inset 0 1px 2px #0000008c}.open-pack:not(.has-pack-art) .open-pull-grip{flex-direction:column;flex:1;gap:2px;width:100%;max-height:48%;padding:2px 3px}.open-pull-groove{opacity:.92;background:repeating-linear-gradient(90deg,#5bffabe6 0 3px,#00000080 3px 5px);border-radius:1px;flex:1;min-width:4px;max-width:28px;height:10px;display:block}.open-pack:not(.has-pack-art) .open-pull-groove{flex:none;width:100%;max-width:none;height:2px}.open-pull-chevron{letter-spacing:-2px;color:var(--tbpn-green-bright,#5bffab);flex-shrink:0;font-size:clamp(.55rem,2.8cqi,.68rem);font-weight:800;line-height:1;animation:1.4s ease-in-out infinite pullNudge}.open-top:before{content:"";z-index:-1;position:absolute;inset:-14px -6px}@keyframes pullNudge{0%,to{opacity:.65;transform:translate(-2px)}50%{opacity:1;transform:translate(3px)}}.open-pack.is-dragging .open-pull-chevron{opacity:1;animation:none}.open-tearline{width:100%;height:calc(3px + var(--progress,0) * 4px);z-index:5;pointer-events:none;background:linear-gradient(90deg, #000000d9 0%, #fffffff2 calc(var(--peel,0) * 1px + 8px), #5bffabbf calc(var(--peel,0) * 1px + 16px), #5bffab33 100%);box-shadow:0 0 calc(4px + var(--progress,0) * 12px) #5bffab73, inset 0 1px 0 #ffffff59;opacity:calc(var(--progress,0) * .95);flex-shrink:0;margin-top:-2px;position:relative}.open-pack.has-pack-art .open-tearline{flex-shrink:0;margin-top:-2px;position:relative}.open-pack.has-pack-art .open-tear-edge{top:var(--open-rip-height);z-index:7;height:4px}.open-pack.has-pack-art .open-gap{height:var(--open-rip-height);opacity:calc(var(--progress,0) * .35);background:linear-gradient(#010a06 0%,#0000 100%);display:block;top:0}.open-gap{width:calc(var(--peel,0) * 1px + 6px);height:var(--seam);z-index:4;pointer-events:none;opacity:calc(var(--progress,0) * .98);background:linear-gradient(#010a06 0%,#000 55%,#020805 100%);position:absolute;top:0;left:0;box-shadow:inset -3px 0 8px #000000a6}.open-tear-edge{top:0;left:calc(var(--peel,0) * 1px - 1px);z-index:7;pointer-events:none;width:3px;height:clamp(44px,14cqi,56px);opacity:calc(var(--progress,0) * .95);box-shadow:0 0 calc(4px + var(--progress,0) * 10px) #5bffab8c, 2px 0 6px #00000080;background:linear-gradient(#ffffff80 0%,#5bffabd9 45%,#000000e6 100%);position:absolute}.open-pack:not(.has-pack-art) .open-tear-edge{display:none}.open-gap:after{content:"";width:4px;height:100%;opacity:calc(var(--progress,0) * .85);background:repeating-linear-gradient(#ffffff59 0 2px,#00000080 2px 4px);position:absolute;top:0;right:-2px}.open-pack.is-torn .open-pull-tab{animation:.65s cubic-bezier(.4,0,.2,1) forwards tabTearOff}.open-pack.is-torn .open-tear-edge{opacity:0;transition:opacity .25s}.open-pack.is-torn .open-tearline{opacity:0}@keyframes tabTearOff{0%{transform:translateX(calc(var(--peel,0) * 1px)) translateY(-2px) rotate(3deg);opacity:1}40%{transform:translateX(calc(var(--peel,0) * 1px + 18%)) translateY(4px) rotate(8deg);opacity:.95}to{opacity:0;transform:translate(115%)translateY(22px)rotate(16deg)scale(.96)}}.open-flash{z-index:8;pointer-events:none;opacity:0;background:radial-gradient(circle,#fff 0%,#96ffc880 30%,#0000 65%);position:absolute;inset:-40%}.open-pack.is-torn .open-flash{animation:.7s ease-out .15s both openFlash}@keyframes openFlash{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.open-play-actions{flex-direction:column;flex-shrink:0;align-items:center;width:100%;max-width:min(440px,96vw);display:flex}.open-pack-button{cursor:pointer;background:linear-gradient(#00e7be,#00a976);background:linear-gradient(color(display-p3 .35 .9 .75),color(display-p3 0 .68 .45));border:none;border-radius:6px;min-width:160px;height:52px;padding:1px;transition:box-shadow .2s,transform .15s}.open-pack-button:disabled{cursor:default;opacity:.55}.open-pack-button-fill{text-transform:uppercase;color:#f8fafd;background:linear-gradient(#00e7be,#00a976,#005745);background:linear-gradient(color(display-p3 .35 .9 .75),color(display-p3 0 .68 .45),color(display-p3 0 .35 .27));border-radius:5px;justify-content:center;align-items:center;width:100%;height:100%;padding:0 24px;font-size:18px;font-weight:500;line-height:1;display:flex}.open-pack-button:active:not(:disabled){transform:scale(.98)}.open-hint{letter-spacing:1.5px;text-transform:uppercase;color:var(--tbpn-green-bright,#5bffab);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin:0;font-size:.85rem;font-weight:800;display:inline-flex}.open-hint.is-hidden{opacity:0;transition:opacity .3s}.open-hint-arrow{animation:1.4s ease-in-out infinite hintSlide;display:inline-block}@keyframes hintSlide{0%,to{opacity:.6;transform:translate(-3px)}50%{opacity:1;transform:translate(4px)}}@keyframes packBob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-10px)rotate(1deg)}}@media (prefers-reduced-motion:reduce){.open-pack,.open-hint-arrow,.open-pull-chevron{animation:none}}@media (hover:none) and (pointer:coarse){.open-screen{padding-bottom:max(8px, env(safe-area-inset-bottom,0px));gap:20px}.open-play-actions{padding:0 16px max(8px, env(safe-area-inset-bottom,0px));margin-top:8px}.open-hint{order:0}.open-pack.pack-shell:not(.is-dragging):not(.is-torn),.open-hint-arrow,.open-pull-chevron{animation:none}}.pack-summary{--card-summary-w:clamp(100px, 26vw, 200px);flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;max-width:min(960px,98vw);min-height:min(72vh,760px);animation:.45s both packSummaryIn;display:flex}.pack-summary-heading{letter-spacing:.12em;text-transform:uppercase;color:var(--tbpn-green-bright,#5bffab);margin:0;font-size:clamp(.75rem,2vw,.9rem);font-weight:700}.pack-summary-grid{flex-direction:column;align-items:center;gap:clamp(12px,2.5vw,24px);width:100%;display:flex}.pack-summary-row{flex-wrap:nowrap;justify-content:center;align-items:flex-end;gap:clamp(10px,2.2vw,20px);width:100%;margin:0;padding:0;list-style:none;display:flex}.pack-summary-row--top{max-width:calc(3 * var(--card-summary-w) + 2 * clamp(10px, 2.2vw, 20px))}.pack-summary-row--bottom{max-width:calc(2 * var(--card-summary-w) + 1 * clamp(10px, 2.2vw, 20px))}.pack-summary-slot{flex:0 1 var(--card-summary-w);min-width:0;animation:.5s cubic-bezier(.22,1,.36,1) both packSummaryCardIn;animation-delay:calc(var(--i) * 80ms)}.pack-summary-card-wrap{justify-content:center;width:100%;display:flex}.pack-summary-card-frame{width:var(--card-summary-w);flex-direction:column;align-items:flex-end;gap:clamp(6px,1.5vw,10px);max-width:100%;display:flex}.pack-summary-card-frame .card-flip{--card-w:100%;align-self:stretch;width:100%}.pack-summary-card-frame .pack-summary-new{animation:.35s cubic-bezier(.22,1,.36,1) both packSummaryNewPop;animation-delay:calc(var(--i) * 80ms + .28s);flex-shrink:0;position:relative;top:-7%;right:-7%}.pack-summary-live{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes packSummaryIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes packSummaryCardIn{0%{opacity:0;transform:scale(.82)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes packSummaryNewPop{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@media (width<=560px){.pack-summary{--card-summary-w:clamp(88px, 28vw, 120px);gap:14px;min-height:min(600px,75vh)}.pack-summary-grid{gap:10px}.pack-summary-row{gap:clamp(6px,2vw,12px)}}.stack-screen{flex-direction:column;align-items:center;gap:20px;width:100%;animation:.5s both screenIn;display:flex}.stack-screen--empty{text-align:center;justify-content:center;min-height:min(60vh,520px);padding:24px 16px}.stack-area{perspective:1600px;touch-action:none;width:100%;max-width:min(440px,96vw);height:min(68vh,700px);position:relative}.stack-card{transform-style:preserve-3d;position:absolute;top:50%;left:50%}.stack-card.is-top{will-change:transform;cursor:grab}.stack-card.is-top:active{cursor:grabbing}.stack-card.is-behind{filter:brightness(.7)saturate(.85);pointer-events:none}.stack-card .card-flip{--card-w:var(--card-stack-w)}.legendary-spinner{width:var(--card-stack-w);aspect-ratio:4/5;transform-style:preserve-3d;z-index:1;animation:2.4s linear forwards legendaryTumble;position:absolute;top:50%;left:50%;translate:-50% -50%}.ls-face{backface-visibility:hidden;background:linear-gradient(#000 0%,#021b0f 52%,#0a8f4c 100%);border:2px solid #5bffab80;border-radius:16px;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:0 18px 40px #0000008c}.ls-face .card-back-tbpn-bg,.ls-face .card-back-glow,.ls-face .card-back-video,.ls-face .card-back-loop-poster,.ls-face .card-back-scan,.ls-face .card-back-vignette{position:absolute;inset:0}.ls-face .card-back-video,.ls-face .card-back-loop-poster{object-fit:contain;-webkit-object-fit:contain;object-position:center center;transform:translateZ(1px)}.ls-face .card-back-loop-poster--field{object-fit:cover;-webkit-object-fit:cover}.ls-back{transform:rotateY(180deg)}@keyframes legendaryTumble{0%{transform:rotateY(0)scale(.9)}50%{transform:rotateY(1260deg)scale(1.12)}80%{transform:rotateY(1660deg)scale(1.06)}to{transform:rotateY(1800deg)scale(1.02)}}.legendary-front-pop{animation:.55s cubic-bezier(.2,1.5,.35,1) both legendaryPop}@keyframes legendaryPop{0%{opacity:0;transform:scale(.6)rotateY(-30deg)}60%{opacity:1;transform:scale(1.12)rotateY(0)}to{transform:scale(1)rotateY(0)}}.stack-card.is-legendary.is-revealing{filter:drop-shadow(0 0 34px #5bffabd9);animation:1.4s ease-out both legendaryGlow}@keyframes legendaryGlow{0%{filter:drop-shadow(0 0 #5bffab00)}40%{filter:drop-shadow(0 0 55px #96ffc8)}to{filter:drop-shadow(0 0 30px #5bffabcc)}}.stack-area.is-legendary-reveal{animation:.5s ease-in-out stageShake}@keyframes stageShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.legendary-flash{z-index:30;pointer-events:none;background:radial-gradient(circle at 50% 44%,#fffffff2 0%,#96ffc88c 22%,#15d36b33 42%,#0000 62%);animation:.8s ease-out both legendaryFlash;position:fixed;inset:0}@keyframes legendaryFlash{0%{opacity:0}10%{opacity:1}30%{opacity:.5}to{opacity:0}}.legendary-rays{z-index:-2;pointer-events:none;background:repeating-conic-gradient(#5bffab00 0deg 7deg,#96ffc88c 7deg 14deg);width:320%;height:320%;animation:1.8s ease-out both raysIn,9s linear infinite raysSpin;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask-image:radial-gradient(circle,#000 6%,#00000080 22%,#0000 58%);mask-image:radial-gradient(circle,#000 6%,#00000080 22%,#0000 58%)}@keyframes raysSpin{to{rotate:360deg}}@keyframes raysIn{0%{opacity:0;scale:.3}40%{opacity:.95}to{opacity:.5;scale:1}}.legendary-flare{z-index:-1;pointer-events:none;background:radial-gradient(circle,#96ffc899 0%,#5bffab2e 38%,#0000 66%);width:240%;height:240%;animation:1.6s ease-out both flarePulse;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes flarePulse{0%{opacity:0;scale:.4}45%{opacity:1}to{opacity:.7;scale:1.12}}.legendary-sparks{z-index:2;pointer-events:none;position:absolute;top:50%;left:50%}.legendary-sparks span{width:9px;height:9px;animation:1.5s ease-out both sparkPop;animation-delay:calc(var(--i) * 35ms);background:#e6fff1;border-radius:50%;margin:-4.5px;position:absolute;box-shadow:0 0 12px 3px #96ffc8e6}@keyframes sparkPop{0%{opacity:0;transform:rotate(calc(var(--i) * 30deg)) translateY(-40px) scale(0)}35%{opacity:1;transform:rotate(calc(var(--i) * 30deg)) translateY(-160px) scale(1)}to{opacity:0;transform:rotate(calc(var(--i) * 30deg)) translateY(-230px) scale(.3)}}@media (prefers-reduced-motion:reduce){.legendary-rays,.legendary-flash,.legendary-sparks span,.legendary-spinner,.legendary-front-pop,.stack-area.is-legendary-reveal{animation:none}}@media (hover:none) and (pointer:coarse){.stack-screen{--stack-play-chrome:252px;--card-stack-w:min(400px, 88vw, calc((100dvh - var(--stack-play-chrome)) * 4 / 5), calc((100svh - var(--stack-play-chrome)) * 4 / 5));--stack-area-h:calc(var(--card-stack-w) * 5 / 4 + 32px);width:100%;min-height:0;padding-bottom:max(8px, env(safe-area-inset-bottom,0px));gap:12px}.stack-area{height:var(--stack-area-h);flex-shrink:0}.stack-info{flex-shrink:1;gap:8px;max-width:min(94vw,520px);min-height:0;margin-top:0;padding:0 16px}.stack-caption{-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:.9375rem;line-height:1.45;display:-webkit-box;overflow:hidden}.stack-foot{min-height:0;padding:8px 16px max(16px, env(safe-area-inset-bottom,0px));flex-shrink:0;width:100%;max-width:min(520px,94vw);margin-top:0}.stack-play-actions{gap:12px;width:100%}.stack-play-actions .touch-slide-note{letter-spacing:.08em;text-transform:uppercase;color:#8bb89a;font-size:.72rem;line-height:1.35}.stack-play-actions .newpack-button{width:100%;max-width:min(400px,100%)}.stack-card.is-top .card-flip,.stack-card.is-top .card-flip-inner{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.stack-card.is-behind{filter:none;opacity:.88}.legendary-rays,.legendary-sparks,.legendary-flare{display:none}.legendary-flash{opacity:.65}.stack-advance{animation:none}}.stack-info{text-align:center;flex-direction:column;align-items:center;gap:6px;max-width:min(88vw,520px);min-height:52px;display:flex}.stack-caption{color:#e9fff2;text-shadow:0 2px 10px #0009;text-transform:none;letter-spacing:normal;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:600;line-height:1.35}.stack-caption-link{color:var(--tbpn-green-bright,#5bffab);text-underline-offset:3px;word-break:break-all;text-decoration:underline}.stack-caption-link:hover{color:#fff}.stack-caption.is-hint{color:var(--tbpn-green-bright,#5bffab);letter-spacing:2px;text-transform:uppercase;-webkit-user-select:none;user-select:none;font-size:.8rem}.stack-chase-opening{text-align:center;margin:0}.stack-foot{justify-content:center;align-items:center;min-height:52px;padding:12px 16px 4px;display:flex}.stack-play-actions{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:min(520px,94vw);display:flex}.stack-foot-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 20px;width:100%;max-width:min(520px,94vw);display:flex}.stack-advance{letter-spacing:2px;text-transform:uppercase;color:#6f9a82;margin:0;font-size:.8rem;font-weight:800;animation:1.8s ease-in-out infinite advancePulse}@keyframes advancePulse{0%,to{opacity:.55}50%{opacity:1}}.newpack-button{cursor:pointer;background:linear-gradient(#6cd9b5,#096);will-change:transform;background:linear-gradient(color(display-p3 .35 .9 .75),color(display-p3 0 .68 .45));border:none;border-radius:6px;min-width:144px;height:52px;padding:1px;transition:box-shadow .2s,transform .15s;animation:.4s both newpackIn}.newpack-button-fill{text-transform:uppercase;color:#f8fafd;background:linear-gradient(#6cd9b5,#096,#004e3b);background:linear-gradient(color(display-p3 .35 .9 .75),color(display-p3 0 .68 .45),color(display-p3 0 .35 .27));border-radius:5px;justify-content:center;align-items:center;width:100%;height:100%;padding:0 24px;font-size:18px;font-weight:500;line-height:1;display:flex}@keyframes newpackIn{0%{opacity:0;transform:translateY(10px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.newpack-button:hover{box-shadow:0 0 30px 10px #096c;box-shadow:0 0 30px 10px color(display-p3 0 .68 .45/.8)}.newpack-button:active{transform:scale(.98)}@media (width<=560px) and (hover:none) and (pointer:coarse){.stack-screen{--stack-play-chrome:236px}}.app{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.app-bg{z-index:-1;background:linear-gradient(#000 0%,#001a0e 50%,#0a7e44 100%);position:fixed;inset:0}.app-bg:after{content:"";opacity:.7;background-image:repeating-linear-gradient(0deg,#00000047 0 1px,#0000 1px 4px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 38%,#000 75%);mask-image:linear-gradient(#0000 38%,#000 75%)}.app-main{flex:1;place-items:safe center stretch;min-height:0;padding:24px 20px 60px;display:grid;overflow:hidden}.cards-error-banner{color:#fff;text-align:center;background:#781414e6;border-radius:8px;grid-column:1/-1;margin:0 0 12px;padding:10px 14px;font-size:.85rem}.pack-opening,.pack-open-error{z-index:20;pointer-events:none;border-radius:8px;margin:0;padding:10px 16px;font-size:.9rem;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.pack-opening{color:#fff;background:#000000bf}.pack-open-error{color:#fff;text-align:center;background:#781414e6;max-width:min(90vw,420px)}.app-main--pick{-webkit-overflow-scrolling:touch;align-content:start;place-items:stretch stretch;overflow:hidden auto}.app-main--play{-webkit-overflow-scrolling:touch;padding-bottom:max(48px, calc(16px + env(safe-area-inset-bottom,0px)));align-content:start;place-items:stretch center;overflow:hidden auto}.touch-slide-note{text-align:center;color:#6f9a82;max-width:min(340px,92vw);margin:0;font-size:.8rem;font-weight:600;line-height:1.45}@media (width<=560px){.app-main{padding:16px 14px max(48px, calc(16px + env(safe-area-inset-bottom,0px)))}}@media (hover:none) and (pointer:coarse){.app-bg:after{opacity:.35;background-image:none}}@font-face{font-family:RecordLaserFreeze;src:url(/fonts/RecordLaserFreeze-TBPNRegular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:RecordLaserFreeze;src:url(/fonts/RecordLaserFreeze-TBPNMedium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:RecordLaserFreeze;src:url(/fonts/RecordLaserFreeze-TBPNBold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}:root{--font-sans:"RecordLaserFreeze", system-ui, -apple-system, sans-serif;--tbpn-green:#15d36b;--tbpn-green-bright:#5bffab;--tbpn-green-deep:#0a8f48;--chrome-top:#fff;--chrome-mid:#aab4c6;--chrome-low:#5e687a;--pack-card-aspect:4 / 5;--card-stack-w:min(400px, 88vw, calc((70vh - 44px) * 4 / 5));--pack-open-w:min(calc(var(--card-stack-w) * 1.04), 92vw, calc((70vh - 52px) * 4 / 5));--pack-width-min:68px;--pack-width-pref:16.5vw;--pack-width-max:min(168px, 18.5vw);--pack-pick-ref-width:168;--pack-sleeve-total:28;--pack-sleeve-seal:12;--pack-sleeve-brand:12;--pack-sleeve-seam-line:4;--pack-sleeve-min:22px}@media (width>=900px){:root{--pack-width-pref:14vw;--pack-width-max:min(200px, 15vw);--pack-pick-ref-width:200}}@media (width>=1200px){:root{--pack-width-pref:12.5vw;--pack-width-max:min(220px, 13vw);--pack-pick-ref-width:220}}body{font-family:var(--font-sans);color:#eaf6ee;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#000;margin:0}.chrome-text{background:linear-gradient(#fff 0%,#e7ecf4 28%,#9aa6b8 52%,#6b7587 53%,#c3ccda 70%,#fff 100%);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}button{font-family:inherit}@keyframes screenIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.packs-loading,.packs-error,.cards-loading,.cards-error{text-align:center;min-height:100%;color:var(--tbpn-green-bright,#5bffab);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.packs-error-detail,.cards-error-detail{opacity:.75;margin-top:.5rem;font-size:.875rem}.social-btn{--hover-bg:#ff5900;--social-btn-size:52px;width:var(--social-btn-size);height:var(--social-btn-size);color:inherit;will-change:transform;background:linear-gradient(#fff 18.75%,#7e92af 100%);border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:background 75ms;display:inline-flex;position:relative;overflow:hidden}@media (hover:hover){a.social-btn:hover,button.social-btn:hover{background:var(--hover-bg)}a.social-btn:hover .social-btn-label,button.social-btn:hover .social-btn-label{color:#fff}}.social-btn:focus-visible{outline-offset:2px;outline:2px solid #7e92af}.social-btn-label{letter-spacing:.02em;text-transform:uppercase;color:#000;font-size:clamp(14px,2vw,18px);font-weight:500;line-height:1;transition:color 75ms}.social-btn--wide{width:auto;min-width:88px;height:var(--social-btn-size);padding:0 18px}.social-btn--wide.social-btn--new-badge{--hover-bg:transparent;z-index:3;pointer-events:none;width:auto;min-width:0;height:clamp(24px,6cqi,30px);padding:0 clamp(10px,2.5cqi,14px);position:absolute;box-shadow:0 2px 8px #00000073,0 0 0 1px #ffffff14}.social-btn-label--new{font-family:var(--font-sans);letter-spacing:.1em;font-size:clamp(.58rem,1.65cqi,.75rem);font-weight:700;line-height:1}