:root{--card-radius:12px}.holo-card{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:.5;--pointer-from-left:.5;--card-opacity:0;--card-scale:1;border-radius:var(--card-radius);width:100%;height:100%;transform-style:preserve-3d;touch-action:pan-y;isolation:isolate;background-color:#1e293b;background-image:radial-gradient(circle,#334155 0%,#1e293b 100%);position:relative;overflow:hidden;box-shadow:0 8px 24px #0003}.holo-card__img{object-fit:cover;border-radius:var(--card-radius);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;width:100%;height:100%;display:block;position:relative}.holo-card__shine,.holo-card__glare{border-radius:var(--card-radius);pointer-events:none;z-index:2;opacity:var(--card-opacity);will-change:transform, opacity, background-position;transition:opacity .3s;position:absolute;inset:0}.holo-card__glare{z-index:3;mix-blend-mode:overlay;background:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #ffffffbf 10%, #ffffff59 30%, #fff0 80%)}.holo-card.is-active .holo-card__shine,.holo-card.is-active .holo-card__glare{opacity:1}.holo-card[data-effect=none] .holo-card__shine,.holo-card[data-effect=none] .holo-card__glare{display:none!important}.holo-card[data-effect=reverse-holo] .holo-card__shine{mix-blend-mode:soft-light;opacity:calc(var(--card-opacity) * .45);background:linear-gradient(calc(115deg + (var(--pointer-from-left) * 40deg)), #fff0 0%, #fff5dc33 calc(var(--pointer-x) - 20%), #fff6 var(--pointer-x), #fff5dc33 calc(var(--pointer-x) + 20%), #fff0 100%)}.holo-card[data-effect=reverse-holo] .holo-card__glare{opacity:calc(var(--card-opacity) * .25);mix-blend-mode:soft-light;background:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #ffffff59 10%, #ffffff1a 30%, #fff0 70%)}.holo-card[data-effect=regular-holo] .holo-card__shine{mix-blend-mode:color-dodge;opacity:calc(var(--card-opacity) * .82);background:linear-gradient(calc(var(--pointer-from-left) * 180deg), #ff1e1e42 0%, #ffbe1452 20%, #00f07852 40%, #00beff52 60%, #af14ff52 80%, #ff1e7842 100%);filter:brightness(1.02)contrast(1.15)}.holo-card[data-effect=regular-holo] .holo-card__glare{opacity:calc(var(--card-opacity) * .58);mix-blend-mode:overlay;background:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #ffffff9e 10%, #ffffff47 35%, #fff0 78%)}.holo-card[data-effect=v-holo] .holo-card__shine{mix-blend-mode:screen;opacity:calc(var(--card-opacity) * .72);background-image:repeating-linear-gradient(calc(125deg + (var(--pointer-from-left) * 35deg)), #ff3ca047 0%, #00d7ff52 15%, #ffdc284d 30%, #ff3ca047 45%), radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #ffffff80 10%, #fff0 60%);background-size:200% 200%,100% 100%;background-position:calc(var(--pointer-from-left) * 100%) calc(var(--pointer-from-top) * 100%), 0 0;filter:brightness(1.04)contrast(1.08)}.holo-card[data-effect=v-holo] .holo-card__glare{opacity:calc(var(--card-opacity) * .5);mix-blend-mode:overlay;background:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #ffffff8c 10%, #ffffff38 32%, #fff0 72%)}.holo-card[data-effect=amazing-rare] .holo-card__shine{mix-blend-mode:color-dodge;opacity:calc(var(--card-opacity) * .72);background-image: radial-gradient(1.5px 1.5px at 15% 20%, #fffffff2, transparent), radial-gradient(2px 2px at 78% 18%, #ffffffe6, transparent), radial-gradient(1.5px 1.5px at 35% 65%, #ffffffd9, transparent), radial-gradient(2.5px 2.5px at 85% 75%, #fffffff2, transparent), radial-gradient(2px 2px at 22% 82%, #ffffffe6, transparent), radial-gradient(1.5px 1.5px at 62% 42%, #ffffffd9, transparent),  radial-gradient(circle at 25% 30%, #ff78dc73 0%, #64c8ff40 12%, transparent 28%), radial-gradient(circle at 75% 60%, #00ebc866 0%, #af64ff38 15%, transparent 32%), radial-gradient(circle at 45% 85%, #ffd23c66 0%, #ff509633 14%, transparent 30%),  radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #ffffffd9 0%, #ff8ce673 15%, #50d2ff59 32%, #9650ff2e 50%, transparent 72%),  conic-gradient(from calc(var(--pointer-from-left) * 180deg) at var(--pointer-x) var(--pointer-y), #ff3c8c38 0deg, #00dcff40 90deg, #ffd70038 180deg, #a032ff3d 270deg, #ff3c8c38 360deg);filter:saturate(1.22)brightness(1.05)contrast(1.08);background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%}.holo-card[data-effect=amazing-rare] .holo-card__glare{opacity:calc(var(--card-opacity) * .45);mix-blend-mode:overlay;background:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #ffffffa6 5%, #e6c8ff40 28%, #8cdcff1f 52%, transparent 78%)}.holo-card[data-effect=v-max] .holo-card__shine{mix-blend-mode:screen;opacity:calc(var(--card-opacity) * .65);background-image:repeating-linear-gradient(calc(135deg + (var(--pointer-from-left) * 45deg)), #ff3c8c38 0%, #28c8ff42 18%, #ffdc323d 36%, #a03cff38 54%, #ff3c8c38 72%), radial-gradient(ellipse at var(--pointer-x) var(--pointer-y), #ffffff73 10%, #ffffff26 35%, transparent 65%);background-size:200% 200%,100% 100%;background-position:calc(var(--pointer-from-left) * 100%) calc(var(--pointer-from-top) * 100%), 0 0;filter:brightness(1.02)contrast(1.06)}.holo-card[data-effect=v-max] .holo-card__glare{opacity:calc(var(--card-opacity) * .42);mix-blend-mode:overlay;background:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #ffffff8c 8%, #ffffff2e 32%, transparent 70%)}.holo-card[data-effect=radiant-holo] .holo-card__shine{mix-blend-mode:screen;opacity:calc(var(--card-opacity) * .68);background-image:repeating-linear-gradient(45deg, #ffffff24 0px, #ffffff24 1.5px, transparent 1.5px, transparent 7px), repeating-linear-gradient(-45deg, #ffffff24 0px, #ffffff24 1.5px, transparent 1.5px, transparent 7px), linear-gradient(calc(90deg + (var(--pointer-from-left) * 120deg)), #ff288c47 0%, #00ebb44d 35%, #ffd7004d 70%, #9628ff47 100%);filter:brightness(1.03)contrast(1.08)}.holo-card[data-effect=radiant-holo] .holo-card__glare{opacity:calc(var(--card-opacity) * .4);mix-blend-mode:overlay;background:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #ffffff85 8%, #ffffff29 32%, transparent 72%)}.holo-card[data-effect=rainbow-secret] .holo-card__shine{mix-blend-mode:screen;opacity:calc(var(--card-opacity) * .6);background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #ffffff73 8%, #ffffff1f 28%, transparent 65%), linear-gradient(calc(var(--pointer-from-left) * 360deg), #ff646447 0%, #ffbe3c47 18%, #64f07847 36%, #3ccdff4d 54%, #b46eff47 72%, #ff64c847 90%, #ff646447 100%);filter:saturate(1.2)brightness(1.03)contrast(1.06)}.holo-card[data-effect=rainbow-secret] .holo-card__glare{opacity:calc(var(--card-opacity) * .38);mix-blend-mode:overlay;background:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #ffffff80 10%, #ffe6fa33 30%, transparent 70%)}.holo-card[data-effect=gold-secret] .holo-card__shine{mix-blend-mode:screen;opacity:calc(var(--card-opacity) * .65);background-image:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #ffffdca6 0%, #ffcd0073 25%, #daa52047 50%, #b8860b1f 75%, transparent 90%), repeating-linear-gradient(calc(110deg + (var(--pointer-from-left) * 45deg)), #ffeb962e 0%, #daa52042 15%, #ffffdc59 25%, #daa52042 35%, #ffeb962e 50%);background-size:100% 100%,200% 200%;background-position:0 0, calc(var(--pointer-from-left) * 100%) calc(var(--pointer-from-top) * 100%);filter:brightness(1.04)contrast(1.1)saturate(1.15)}.holo-card[data-effect=gold-secret] .holo-card__glare{opacity:calc(var(--card-opacity) * .4);mix-blend-mode:overlay;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #fff5b48c 10%, #ffd70033 38%, transparent 75%)}.holo-card[data-effect=cosmos-holo] .holo-card__shine{mix-blend-mode:color-dodge;background-image:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #ffffffe6 0%, #78b4ff80 30%, #ff8cdc66 60%, transparent 85%), radial-gradient(circle at calc(100% - var(--pointer-x)) calc(100% - var(--pointer-y)), #ffdc6480 0%, transparent 50%), repeating-linear-gradient(calc(135deg + (var(--pointer-from-left) * 45deg)), #ffffff1a 0px, #ffffff1a 4px, transparent 4px, transparent 12px);filter:brightness(1.2)saturate(1.3)contrast(1.15)}:root{--bg-start:#f0fdfa;--bg-end:#e0f2fe;--text-primary:#334155;--text-secondary:#64748b;--font-family:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg, var(--bg-start) 0%, var(--bg-end) 100%);color:var(--text-primary);font-family:var(--font-family);-webkit-user-select:none;user-select:none;min-height:100dvh;overflow:hidden}#root,#app{width:100vw;height:100dvh;position:relative;overflow:hidden}.screen{z-index:20;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:absolute;top:0;left:0}.scene{width:100vw;height:100dvh;position:relative}.hidden{display:none!important}#screen-pack-hub{padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px)) 16px;z-index:30;background:radial-gradient(circle at 50% 20%,#fff 0%,#edf5fc 60%,#dbeafe 100%);justify-content:space-between;overflow:hidden}.hub-header{justify-content:space-between;align-items:center;width:100%;max-width:900px;padding:0 4px;display:flex}.hub-logo-area{flex-direction:column;gap:2px;display:flex}.hub-brand-badge{letter-spacing:2px;color:#0284c7;text-transform:uppercase;background:#0284c71a;border-radius:6px;width:fit-content;padding:3px 8px;font-size:.72rem;font-weight:800;display:inline-block}.hub-title{color:#1e293b;letter-spacing:-.5px;font-size:clamp(1.3rem,3.2vw,1.9rem);font-weight:800}.hub-stamina-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:1.5px solid #e2e8f0e6;border-radius:24px;align-items:center;gap:8px;padding:8px 16px;display:flex;box-shadow:0 4px 15px #0f172a0f}.stamina-icon{color:#eab308;filter:drop-shadow(0 2px 4px #eab30866);font-size:1.15rem}.stamina-count{color:#0f172a;font-size:1rem;font-weight:700}.hub-binder-btn{cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1.5px solid #e2e8f0f2;border-radius:20px;align-items:center;gap:10px;padding:6px 14px 6px 10px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 16px #0f172a12}.hub-binder-btn:hover{background:#fff;border-color:#0284c7;transform:translateY(-2px);box-shadow:0 6px 20px #0284c733}.hub-binder-btn:active{transform:translateY(0)}.hub-mute-btn{color:#475569;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1.5px solid #e2e8f0f2;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 16px #0f172a12}.hub-mute-btn:hover{color:#0284c7;background:#fff;border-color:#0284c7;transform:translateY(-2px);box-shadow:0 6px 20px #0284c733}.hub-mute-btn:active{transform:translateY(0)}.hub-mute-btn.is-muted{color:#94a3b8;background:#f8fafce6}.binder-icon-wrapper{color:#fff;background:linear-gradient(135deg,#0284c7,#2563eb);border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 6px #0284c759}.binder-btn-text{flex-direction:column;align-items:flex-start;line-height:1.15;display:flex}.binder-btn-label{color:#0f172a;letter-spacing:-.2px;font-size:.85rem;font-weight:800}.binder-btn-count{color:#0284c7;font-size:.7rem;font-weight:700}.hub-series-tabs{scrollbar-width:none;gap:8px;width:100%;max-width:900px;margin:14px 0 10px;padding:4px;display:flex;overflow-x:auto}.hub-series-tabs::-webkit-scrollbar{display:none}.series-tab-btn{color:#64748b;font-family:var(--font-family);cursor:pointer;background:#ffffffb3;border:1.5px solid #0000;border-radius:20px;flex-shrink:0;padding:8px 18px;font-size:.9rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #00000008}.series-tab-btn:hover{color:#0284c7;background:#fffffff2;transform:translateY(-1px)}.series-tab-btn.active{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#2563eb 100%);border-color:#fff6;box-shadow:0 4px 14px #0284c759}.hub-carousel-wrapper{box-sizing:border-box;justify-content:center;align-items:center;width:100%;max-width:980px;margin:8px auto 6px;padding:0 44px;display:flex;position:relative;overflow:visible}.hub-track-viewport{width:100%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.hub-expansions-track{-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-user-select:none;user-select:none;will-change:scroll-position;gap:20px;width:100%;padding:14px 20px 22px;display:flex;overflow:auto hidden}.hub-expansions-track::-webkit-scrollbar{width:0;height:0;display:none}.hub-expansions-track.is-dragging{cursor:grabbing;scroll-snap-type:none}.hub-nav-arrow{color:#1e293b;cursor:pointer;z-index:25;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.92;background:#fffffff2;border:1.5px solid #cbd5e1cc;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.6rem;font-weight:700;line-height:1;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:calc(50% - 6px);transform:translateY(-50%);box-shadow:0 4px 16px #0f172a24}.hub-nav-arrow:hover{color:#0284c7;opacity:1;background:#fff;transform:translateY(-50%)scale(1.12);box-shadow:0 8px 24px #0284c74d}.hub-nav-arrow:active{transform:translateY(-50%)scale(.96)}.hub-nav-prev{left:0}.hub-nav-next{right:0}.hub-slider-container{justify-content:center;align-items:center;width:100%;max-width:320px;margin:-4px auto 14px;padding:6px 0;display:flex}.hub-slider-track{cursor:pointer;background:#cbd5e199;border-radius:10px;width:100%;height:5px;transition:height .2s,background .2s;position:relative}.hub-slider-track:hover{background:#cbd5e1e6;height:7px}.hub-slider-thumb{cursor:grab;pointer-events:none;background:linear-gradient(90deg,#38bdf8 0%,#0284c7 100%);border-radius:10px;width:25%;height:100%;position:absolute;top:0;left:0;box-shadow:0 0 8px #0284c766}.expansion-card{cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none;background:#ffffffbf;border:2px solid #ffffffe6;border-radius:22px;flex-direction:column;flex:0 0 210px;align-items:center;padding:16px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .25s;display:flex;position:relative;box-shadow:0 8px 24px #94a3b82e}.expansion-card:hover{border-color:#38bdf899;transform:translateY(-6px);box-shadow:0 16px 36px #38bdf840}.expansion-card.selected{background:linear-gradient(#fffffff2 0%,#eff6ffe6 100%);border:2.5px solid #0284c7;transform:translateY(-4px);box-shadow:0 16px 36px #0284c74d,0 0 0 4px #0284c726}.card-top-badges{justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;display:flex}.card-code-badge{color:#0f172a;letter-spacing:.5px;background:#f1f5f9;border-radius:8px;padding:3px 8px;font-size:.75rem;font-weight:800}.expansion-card.selected .card-code-badge{color:#fff;background:#0284c7}.card-count-badge{color:#64748b;font-size:.72rem;font-weight:700}.card-pack-preview{filter:drop-shadow(0 10px 18px #00000029);border-radius:12px;justify-content:center;align-items:center;width:130px;height:190px;margin-bottom:14px;transition:transform .3s;display:flex;position:relative}.expansion-card:hover .card-pack-preview{transform:scale(1.04)}.card-pack-preview img{object-fit:contain;pointer-events:none;border-radius:8px;max-width:100%;max-height:100%}.card-set-info{text-align:center;width:100%}.card-set-name{color:#0f172a;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:4px;font-size:1.05rem;font-weight:800;line-height:1.25;display:-webkit-box;overflow:hidden}.card-set-variants-count{color:#64748b;font-size:.76rem;font-weight:600}.hub-selection-footer{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;border:1.5px solid #e2e8f0e6;border-radius:26px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:900px;padding:18px 24px;display:flex;box-shadow:0 12px 32px #0f172a14}.selection-details{flex-direction:column;flex:1;gap:8px;min-width:0;max-width:580px;display:flex}.selection-meta{align-items:center;gap:10px;display:flex}.set-code-badge{color:#fff;background:#0284c7;border-radius:8px;padding:3px 10px;font-size:.82rem;font-weight:800}.set-name-text{color:#0f172a;font-size:1.25rem;font-weight:800}.variant-track-wrapper{align-items:center;gap:6px;width:100%;min-width:0;display:flex;position:relative}.variant-pill-container{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;padding:4px 2px;display:flex;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12px calc(100% - 12px),#0000);mask-image:linear-gradient(90deg,#0000,#000 12px calc(100% - 12px),#0000)}.variant-pill-container::-webkit-scrollbar{width:0;height:0;display:none}.variant-pill{color:#475569;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:16px;flex-shrink:0;padding:6px 14px;font-size:.85rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1)}.variant-pill:hover{color:#0f172a;background:#e2e8f0;transform:translateY(-1px)}.variant-pill.active{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#2563eb 100%);border-color:#0284c7;transform:translateY(-1px);box-shadow:0 3px 10px #0284c759}.variant-nav-arrow{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:1.1rem;line-height:1;transition:all .2s;display:flex;box-shadow:0 2px 6px #00000014}.variant-nav-arrow:hover{color:#fff;background:#0284c7;border-color:#0284c7;transform:scale(1.1)}.btn-open-booster{color:#fff;font-family:var(--font-family);cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:36px;flex-direction:column;justify-content:center;align-items:center;padding:14px 34px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #10b98166,inset 0 2px #ffffff4d}.btn-open-booster:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 12px 30px #10b98180,inset 0 2px #fff6}.btn-open-booster:active{transform:translateY(1px)scale(.98)}.btn-shine{background:linear-gradient(90deg,#0000,#fff6,#0000);width:60%;height:100%;animation:3.5s infinite btnShineAnim;position:absolute;top:0;left:-100%;transform:skew(-20deg)}@keyframes btnShineAnim{0%,70%{left:-100%}to{left:200%}}.btn-label{letter-spacing:1px;font-size:1.05rem;font-weight:800}.btn-subtext{opacity:.9;font-size:.72rem;font-weight:500}.pack-select-topbar{z-index:25;pointer-events:auto;justify-content:space-between;align-items:center;display:flex;position:absolute;top:24px;left:24px;right:24px}.btn-back-hub{font-family:var(--font-family);color:#1e293b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffffd9;border:1.5px solid #e2e8f0e6;border-radius:22px;align-items:center;gap:6px;padding:10px 20px;font-size:.95rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 15px #00000014}.btn-back-hub:hover{color:#0284c7;background:#fff;transform:translate(-3px)}.back-arrow{font-size:1.3rem;line-height:1}.active-pack-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:1.5px solid #e2e8f0e6;border-radius:20px;align-items:center;gap:8px;padding:8px 18px;display:flex;box-shadow:0 4px 15px #0000000f}.indicator-dot{background:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #10b981}.indicator-text{color:#334155;font-size:.9rem;font-weight:700}.instruction-text{text-align:center;letter-spacing:.5px;color:#475569;pointer-events:none;z-index:10;text-shadow:0 2px 8px #ffffffe6;width:100%;font-size:1.15rem;font-weight:700;position:absolute;top:90px;left:0}#webgl-canvas{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.floor-fade{pointer-events:none;z-index:5;background:linear-gradient(#ebf5ff00 0%,#ebf5ff 90%);width:100%;height:35vh;position:absolute;bottom:0;left:0}.tear-scene{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.pack-tear-wrapper{filter:drop-shadow(0 20px 40px #0003);width:min(70vw,320px);height:min(95vw,450px);position:relative}.pack-half{width:100%;height:100%;position:absolute;top:0;left:0}.pack-half img{object-fit:cover;pointer-events:none;width:100%;height:100%}.pack-top{clip-path:inset(0 0 80%);z-index:2;cursor:grab}.pack-top:active{cursor:grabbing}.pack-bottom{clip-path:inset(20% 0 0);z-index:1}.tear-hint{z-index:10;margin-top:30px}.tear-hint-text{color:var(--text-secondary);font-size:clamp(.85rem,2vw,1.1rem);font-weight:500;animation:2s ease-in-out infinite pulseHint}@keyframes pulseHint{0%,to{opacity:.5}50%{opacity:1}}.pack-glow{z-index:0;background:linear-gradient(#fff,#0000);width:100%;height:15px;position:absolute;top:20%;left:0;box-shadow:0 0 40px 20px #fffc}.white-flash{z-index:50;pointer-events:none;background:#fff;width:100vw;height:100vh;position:absolute;top:0;left:0}.stack-instruction{color:var(--text-secondary);font-size:clamp(.9rem,2.5vw,1.2rem);font-weight:600;position:absolute;top:12%}.card-stack-container{perspective:1200px;width:min(80vw,300px);height:min(110vw,420px);position:relative}.stack-card{cursor:grab;width:100%;height:100%;transform-style:preserve-3d;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;will-change:transform, opacity;background:#fff;border-radius:15px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 10px 30px #00000026}.stack-card:active{cursor:grabbing}.stack-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.16,1,.3,1);position:relative}.stack-card-inner.flipped{transform:rotateY(180deg)}.stack-card-front,.stack-card-back{backface-visibility:hidden;border-radius:15px;width:100%;height:100%;position:absolute;overflow:hidden}.stack-card-back{background:#0f172a}.stack-card-front{transform:rotateY(180deg)}.stack-card img{object-fit:cover;pointer-events:none;width:100%;height:100%}.summary-header{margin-bottom:30px}.summary-header h2{color:#475569;font-size:1.5rem;font-weight:600}.summary-grid{flex-wrap:wrap;justify-content:center;gap:15px;width:90%;max-width:400px;display:flex}.summary-card-wrapper{opacity:0;background:#fff;border-radius:8px;width:100px;height:140px;animation:.4s forwards popIn;overflow:hidden;transform:scale(.8);box-shadow:0 5px 15px #0000001a}.summary-card-wrapper img{object-fit:cover;width:100%;height:100%}@keyframes popIn{to{opacity:1;transform:scale(1)}}.actions-container{margin-top:30px}.btn{font-family:var(--font-family);cursor:pointer;border:none;border-radius:30px;padding:12px 30px;font-size:1rem;font-weight:600;transition:all .2s}.btn-primary{color:#fff;background:linear-gradient(90deg,#38bdf8,#818cf8);box-shadow:0 4px 15px #38bdf866}.btn-primary:active{transform:scale(.95)}.binder-screen{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;background:radial-gradient(circle at 50% 15%,#fff 0%,#edf4fc 50%,#e2eaf5 100%);justify-content:flex-start;padding:0;overflow:hidden auto}.binder-top-bar{z-index:25;justify-content:space-between;align-items:center;width:100%;max-width:900px;padding:16px 20px 8px;display:flex}.binder-back-btn{color:#0284c7;cursor:pointer;background:#ffffffe6;border:1.5px solid #e2e8f0e6;border-radius:20px;align-items:center;gap:6px;padding:7px 14px;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #0f172a0d}.binder-back-btn:hover{background:#fff;transform:translate(-2px);box-shadow:0 4px 12px #0284c726}.binder-app-title{color:#1e293b;letter-spacing:-.3px;font-size:1.15rem;font-weight:800}.binder-top-stat{background:#ffffffd9;border:1px solid #e2e8f0cc;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;display:flex}.binder-top-stat .stat-label{color:#64748b;font-weight:600}.binder-top-stat .stat-value{color:#0284c7;font-weight:800}.binder-header-card{-webkit-backdrop-filter:blur(14px);z-index:20;background:#ffffffe0;border:1.5px solid #fffffff2;border-radius:24px;flex-direction:column;align-items:center;gap:12px;width:min(92vw,420px);margin:8px auto 14px;padding:18px 20px 16px;display:flex;position:relative;box-shadow:0 8px 30px #94a3b82e,0 1px 3px #94a3b81a}.binder-expansion-selector{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;width:100%;display:flex}.binder-logo-wrapper{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.binder-expansion-name{color:#0f172a;letter-spacing:-.4px;text-transform:uppercase;font-size:clamp(1.15rem,3.5vw,1.35rem);font-weight:900;line-height:1.2}.binder-expansion-code{letter-spacing:1px;color:#0284c7;background:#0284c71a;border-radius:6px;padding:2px 7px;font-size:.75rem;font-weight:800}.binder-dropdown-arrow{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0cc;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .25s cubic-bezier(.16,1,.3,1),background .2s;display:flex}.binder-dropdown-arrow:hover{color:#0284c7;background:#f8fafc}.binder-dropdown-arrow.open{transform:rotate(180deg)}.binder-dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#fffffffa;border:1.5px solid #e2e8f0e6;border-radius:20px;animation:.2s ease-out dropdownFade;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 16px 36px #0f172a26}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.binder-dropdown-scroll{max-height:280px;padding:6px;overflow-y:auto}.binder-dropdown-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-family:inherit;transition:background .15s;display:flex}.binder-dropdown-item:hover{background:#0284c714}.binder-dropdown-item.active{background:#0284c724}.binder-dropdown-item .item-text{flex-direction:column;display:flex}.binder-dropdown-item .item-name{color:#1e293b;font-size:.92rem;font-weight:700}.binder-dropdown-item .item-code{color:#64748b;font-size:.72rem;font-weight:600}.binder-dropdown-item .item-progress{color:#0284c7;font-size:.82rem;font-weight:800}.binder-progress-pill{background:linear-gradient(135deg,#f1f5f9f2,#fffffff2);border:1.5px solid #e2e8f0e6;border-radius:20px;align-items:center;gap:8px;padding:6px 20px;display:inline-flex;box-shadow:inset 0 1px 3px #0f172a0a,0 2px 8px #0f172a0a}.binder-progress-pill .diamond-symbol{color:#0284c7;filter:drop-shadow(0 1px 2px #0284c74d);font-size:.95rem}.binder-progress-pill .progress-numbers{color:#334155;letter-spacing:-.2px;font-size:.95rem;font-weight:700}.binder-progress-pill .progress-numbers strong{color:#0f172a;font-weight:800}.binder-grid-container{width:100%;max-width:600px;margin:0 auto;padding:4px 16px 40px}.binder-pockets-grid{grid-template-columns:repeat(5,1fr);gap:8px;width:100%;display:grid}@media (width>=640px){.binder-pockets-grid{gap:12px}}.binder-slot{aspect-ratio:.714;cursor:pointer;border-radius:8px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;position:relative;overflow:hidden}.binder-slot:hover{z-index:5;transform:translateY(-2px)}.slot-uncollected .binder-empty-pocket{background:linear-gradient(145deg,#eef4fa,#e1ebf5);border:1px solid #cbd5e18c;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;box-shadow:inset 0 2px 4px #94a3b838,0 1px 2px #fffc}.binder-pocket-number{color:#93c5fd;letter-spacing:.5px;text-shadow:0 1px 1px #ffffffe6;-webkit-user-select:none;user-select:none;font-size:clamp(.75rem,2.2vw,.95rem);font-weight:800}.slot-collected .binder-card-wrapper{background:#fff;border-radius:8px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 4px 12px #0f172a29}.binder-card-img{object-fit:cover;width:100%;height:100%;display:block}.binder-card-count-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#0f172acc;border:1px solid #ffffff4d;border-radius:6px;padding:1px 5px;font-size:.65rem;font-weight:800;position:absolute;bottom:4px;right:4px}.binder-loading-state,.binder-empty-state{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:240px;font-weight:600;display:flex}.binder-spinner{border:3px solid #0284c733;border-top-color:#0284c7;border-radius:50%;width:36px;height:36px;animation:.7s linear infinite binderSpin}@keyframes binderSpin{to{transform:rotate(360deg)}}.binder-inspect-overlay{-webkit-backdrop-filter:blur(8px);z-index:200;background:#0f172a99;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out inspectOverlayFade;display:flex;position:fixed;inset:0}@keyframes inspectOverlayFade{0%{opacity:0}to{opacity:1}}.binder-inspect-card-modal{background:#fff;border-radius:24px;flex-direction:column;align-items:center;gap:16px;width:min(90vw,340px);padding:24px 20px 20px;animation:.25s cubic-bezier(.16,1,.3,1) inspectPopIn;display:flex;position:relative;box-shadow:0 25px 50px -12px #00000059}@keyframes inspectPopIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.inspect-close-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:700;transition:all .15s;display:flex;position:absolute;top:14px;right:14px}.inspect-close-btn:hover{color:#0f172a;background:#e2e8f0}.inspect-image-wrapper{aspect-ratio:.714;background:#f1f5f9;border-radius:12px;width:190px;overflow:hidden;box-shadow:0 8px 24px #0f172a2e}.disclaimer-overlay{-webkit-backdrop-filter:blur(8px);z-index:500;background:#0f172ab3;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out inspectOverlayFade;display:flex;position:fixed;inset:0}.disclaimer-modal{text-align:center;box-sizing:border-box;background:#fff;border-radius:28px;flex-direction:column;align-items:center;gap:16px;width:min(92vw,460px);padding:32px 28px 28px;animation:.3s cubic-bezier(.16,1,.3,1) inspectPopIn;display:flex;position:relative;box-shadow:0 25px 60px -15px #0006}.disclaimer-badge{letter-spacing:1.2px;color:#0284c7;text-transform:uppercase;background:#0284c71a;border-radius:20px;margin-bottom:-4px;padding:4px 12px;font-size:.72rem;font-weight:800}.disclaimer-title{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:1.6rem;font-weight:800}.disclaimer-content{color:#334155;flex-direction:column;gap:12px;font-size:.95rem;line-height:1.55;display:flex}.disclaimer-content p{margin:0}.disclaimer-content strong{color:#0f172a}.disclaimer-subtext{color:#64748b;border-top:1px solid #e2e8f0;padding-top:12px;font-size:.82rem}.disclaimer-accept-btn{color:#fff;width:100%;font-family:var(--font-family);cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#2563eb 100%);border:none;border-radius:16px;margin-top:6px;padding:14px 20px;font-size:1rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 6px 20px #0284c759}.disclaimer-accept-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0284c773}.disclaimer-accept-btn:active{transform:translateY(0)}.inspect-img{object-fit:cover;width:100%;height:100%;display:block}.inspect-locked-placeholder{color:#64748b;text-align:center;background:linear-gradient(145deg,#e2e8f0,#cbd5e1);flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:16px;display:flex}.inspect-locked-placeholder .locked-icon{font-size:2rem}.inspect-locked-placeholder .locked-number{color:#475569;font-size:1.1rem;font-weight:800}.inspect-locked-placeholder .locked-text{font-size:.75rem;font-weight:600}.inspect-details{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.inspect-card-name{color:#0f172a;text-align:center;font-size:1.15rem;font-weight:800}.inspect-meta-row{gap:6px;display:flex}.inspect-badge{border-radius:6px;padding:3px 8px;font-size:.75rem;font-weight:700}.inspect-badge.set-badge{color:#0284c7;background:#e0f2fe}.inspect-badge.number-badge{color:#475569;background:#f1f5f9}.inspect-badge.rarity-badge{color:#d97706;background:#fef3c7}.inspect-status-box{color:#334155;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;margin-top:4px;padding:10px 14px;font-size:.85rem;font-weight:600}.status-collected{justify-content:center;align-items:center;gap:6px;display:flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.green{background:#10b981}.status-dot.gray{background:#94a3b8}@media (width<=768px){#screen-pack-hub{padding:calc(10px + env(safe-area-inset-top,0px)) 12px calc(12px + env(safe-area-inset-bottom,0px)) 12px;gap:6px}.hub-header{padding:0 2px}.hub-brand-badge{letter-spacing:1.2px;padding:2px 6px;font-size:.65rem}.hub-title{font-size:1.25rem;line-height:1.2}.hub-binder-btn{gap:6px;padding:4px 10px 4px 6px}.binder-icon-wrapper{border-radius:8px;width:26px;height:26px}.binder-btn-label{font-size:.76rem}.binder-btn-count{font-size:.65rem}.hub-mute-btn{width:36px;height:36px}.hub-mute-btn svg{width:16px;height:16px}.hub-series-tabs{gap:6px;margin:6px 0 4px}.series-tab-btn{border-radius:16px;padding:6px 13px;font-size:.8rem}.hub-carousel-wrapper{max-width:100%;margin:4px auto;padding:0}.hub-nav-arrow{display:none!important}.hub-track-viewport{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 5% 95%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 5% 95%,#0000 100%)}.hub-expansions-track{scroll-snap-type:x mandatory;gap:12px;padding:8px 12px 14px;scroll-padding:0 12px}.expansion-card{scroll-snap-align:center;border-radius:18px;flex:0 0 170px;padding:12px 10px}.card-top-badges{margin-bottom:8px}.card-code-badge{padding:2px 6px;font-size:.7rem}.card-count-badge{font-size:.68rem}.card-pack-preview{width:110px;height:155px;margin-bottom:8px}.card-set-name{margin-bottom:2px;font-size:.88rem}.card-set-variants-count{font-size:.7rem}.hub-slider-container{max-width:200px;margin:-2px auto 6px}.hub-selection-footer{border-radius:20px;gap:8px;margin-top:auto;padding:10px 14px;box-shadow:0 6px 20px #0f172a1a}.selection-details{gap:4px;max-width:100%}.selection-meta{gap:6px}.set-code-badge{padding:2px 7px;font-size:.72rem}.set-name-text{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.variant-pill{border-radius:12px;padding:4px 10px;font-size:.75rem}.variant-nav-arrow{width:22px;height:22px;font-size:.9rem}.btn-open-booster{border-radius:24px;width:100%;padding:12px 20px}.btn-label{font-size:.95rem}.pack-select-topbar{top:calc(14px + env(safe-area-inset-top,0px));left:14px;right:14px}.btn-back-hub{border-radius:18px;padding:8px 14px;font-size:.85rem}.active-pack-badge{padding:6px 12px;font-size:.8rem}.instruction-text{top:calc(75px + env(safe-area-inset-top,0px));padding:0 16px;font-size:.95rem}.pack-tear-wrapper{width:min(78vw,290px);height:min(108vw,410px)}.binder-header-content{padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px 12px;flex-direction:column;gap:8px}.binder-grid-container{padding:4px 8px calc(24px + env(safe-area-inset-bottom,0px)) 8px}.binder-pockets-grid{grid-template-columns:repeat(4,1fr);gap:6px}.disclaimer-modal{max-width:92vw;margin:12px;padding:24px 18px 20px}.disclaimer-title{font-size:1.35rem}.disclaimer-content{font-size:.85rem}}