:root{--ink:#171430;--dusk:#221d42;--indigo:#383060;--rose:#c98a94;--rose-soft:#a56d7e;--amber:#e8b36a;--sage:#9db49a;--cream:#f2ecdf;--cream-dim:#f2ecdfc7;--font-display:"Fraunces", "Georgia", serif;--font-body:"Outfit", "Helvetica Neue", sans-serif;--card-ratio:5 / 7;--radius-card:clamp(10px, 1.2vw, 16px);--ease-drift:cubic-bezier(.22, 1, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--cream);background:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-weight:400;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}button:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:6px}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:500}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.room{background:var(--ink);height:100%;position:relative;overflow:hidden}.room-viewport{position:absolute;inset:0}.room-canvas{width:100%;height:100%;display:block}.room-vignette{pointer-events:none;background:radial-gradient(120% 100% at 50% 45%,#0000 52%,#0d0b1e99 100%),linear-gradient(#0d0b1e8c 0%,#0000 24%);position:absolute;inset:0}.room-header{pointer-events:none;z-index:5;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:clamp(18px,4vh,44px);left:0;right:0}.room-header:before{content:"";z-index:-1;background:radial-gradient(58% 100% at 50% 45%,#0d0b1ec7 0%,#0000 72%);position:absolute;inset:-60% -10% -120%}.room-logo{font-family:var(--font-display);letter-spacing:.005em;color:var(--cream);text-shadow:0 1px 2px #0d0b1ee6,0 4px 20px #0d0b1ed9;margin:0;font-size:clamp(2rem,4.8vw,3.2rem);font-weight:500}.room-tagline{color:var(--cream);letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 14px #0d0b1ee6;margin:0;font-size:clamp(.84rem,1.5vw,.98rem);font-weight:400}.room-anchors{z-index:4;pointer-events:none;opacity:0;transition:opacity .6s;position:absolute;inset:0}.room-anchors.is-ready{opacity:1}.room-anchor{pointer-events:auto;border-radius:8px;position:absolute;top:0;left:0}.room-anchor:focus-visible{outline:2px solid var(--amber);outline-offset:6px}.room-anchor-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;font-family:var(--font-display);color:var(--cream);opacity:0;transition:opacity .35s ease, transform .35s var(--ease-drift);pointer-events:none;background:#171430c7;border:1px solid #f2ecdf33;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:9px 20px;font-size:clamp(.95rem,1.8vw,1.15rem);display:flex;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)translateY(6px)}.room-anchor-label small{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--cream-dim);font-size:.78rem;font-weight:400}.room-anchor:hover .room-anchor-label,.room-anchor:focus-visible .room-anchor-label{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=720px){.room-anchor-label{opacity:1;padding:7px 14px;font-size:.9rem;transform:translate(-50%)translateY(0)}}.pack-stack{color:var(--cream-dim);letter-spacing:.05em;background:#0d0b1e80;border:1px solid #f2ecdf29;border-radius:999px;align-items:center;gap:10px;margin-top:14px;padding:9px 18px;font-size:.86rem;display:inline-flex}.pack-stack-pips{gap:5px;display:inline-flex}.pack-pip{width:9px;height:9px;transition:background .5s var(--ease-drift), box-shadow .5s var(--ease-drift);border:1px solid #f2ecdf4d;border-radius:50%}.pack-pip.is-full{background:var(--amber);border-color:var(--amber);box-shadow:0 0 10px #e8b36a8c}.pack-stack-text strong{color:var(--cream);font-weight:500}.pack-stack-timer{color:var(--cream-dim);align-items:center;gap:6px;display:inline-flex}.pack-stack-timer time{font-variant-numeric:tabular-nums;color:var(--cream)}.pack-stack-sep{opacity:.5}@media (width<=520px){.pack-stack{gap:8px;padding:8px 14px;font-size:.78rem}}.shelf-row{flex:1;grid-template-columns:repeat(auto-fit,minmax(118px,158px));place-content:start center;gap:clamp(12px,2vw,26px) clamp(10px,1.8vw,24px);width:100%;max-width:1100px;min-height:0;padding:1.5vh 4vw;display:grid;overflow-y:auto}.shelf-box{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.shelf-box-art{aspect-ratio:4/5;isolation:isolate;filter:drop-shadow(0 18px 30px #0d0b1e99);width:100%;transition:transform .45s var(--ease-drift), filter .45s var(--ease-drift);border-radius:12px;display:block;position:relative;overflow:hidden}.shelf-box-art img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.shelf-box-wash{background:linear-gradient(155deg, var(--set-accent), var(--set-accent-soft));mix-blend-mode:color;opacity:.85;pointer-events:none;position:absolute;inset:0}.shelf-box-sigil{font-family:var(--font-display);color:var(--cream);text-shadow:0 2px 10px #0d0b1ecc;pointer-events:none;font-size:clamp(20px,2.4vw,28px);position:absolute;top:12%;left:0;right:0}.shelf-box-count{letter-spacing:.05em;text-transform:uppercase;color:var(--cream);pointer-events:none;background:#0d0b1eb8;border:1px solid #f2ecdf29;border-radius:999px;padding:4px 0;font-size:.76rem;position:absolute;bottom:8%;left:8%;right:8%}.shelf-box-art:hover,.shelf-box-art:focus-visible{filter:drop-shadow(0 26px 40px #0d0b1eb8);transform:translateY(-8px)scale(1.03)}.shelf-box.is-empty .shelf-box-art{filter:drop-shadow(0 12px 22px #0d0b1e80)saturate(.45)}.shelf-box.is-empty .shelf-box-count{color:var(--cream-dim)}.shelf-box-label{color:var(--cream);margin-top:12px;font-size:clamp(.95rem,1.5vw,1.12rem)}.shelf-box-tagline{color:var(--cream-dim);min-height:2.1em;margin:3px 0 10px;font-size:.83rem;line-height:1.4}.shelf-box-bar{background:#f2ecdf1f;border-radius:999px;width:100%;height:3px;overflow:hidden}.shelf-box-fill{border-radius:inherit;background:linear-gradient(90deg, var(--set-accent-soft), var(--set-accent));height:100%;transition:width .6s var(--ease-drift);display:block}.shelf-box-progress{letter-spacing:.03em;color:var(--cream-dim);border-radius:6px;margin-top:7px;font-size:.8rem;transition:color .25s}.shelf-box-progress:hover{color:var(--cream);text-underline-offset:3px;text-decoration:underline}.shelf-box-complete{color:var(--set-accent)}.shelf-hint{letter-spacing:.04em;color:var(--cream-dim);margin:0 0 2vh;font-size:.83rem}@media (prefers-reduced-motion:reduce){.shelf-box-art:hover,.shelf-box-art:focus-visible{transform:none}}.card{aspect-ratio:var(--card-ratio);border-radius:var(--radius-card);background:var(--dusk);isolation:isolate;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:inset 0 1px #f2ecdf24,0 18px 40px #00000073;container-type:inline-size}.card-art{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.card:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #f2ecdf29,inset 0 0 26px #0d0b1e66}.foil-textured:after{box-shadow:inset 0 0 0 1px #c98a946b,inset 0 0 26px #0d0b1e61}.foil-fullart:after{box-shadow:inset 0 0 0 1px #e8b36a80,inset 0 0 30px #0d0b1e57}.card-plate{border-radius:calc(var(--radius-card) * .7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;background:linear-gradient(#1714308c,#171430c7);border:1px solid #f2ecdf2e;flex-direction:column;gap:1px;padding:6% 8% 5.5%;display:flex;position:absolute;bottom:4.5%;left:6%;right:6%}.card-name{font-family:var(--font-display);color:var(--cream);font-size:clamp(.6rem,6.5cqw,1.15rem);font-weight:500;line-height:1.15}.card-realm{letter-spacing:.1em;text-transform:uppercase;color:var(--cream-dim);font-size:clamp(.52rem,4.2cqw,.74rem)}.card-foil,.card-glare{pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.card-foil:before,.card-foil:after{content:"";pointer-events:none;position:absolute}.foil-common .card-foil{animation:sheen-drift 9s var(--ease-drift) infinite;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 32%,#f2ecdf24 45%,#c98a9429 50%,#f2ecdf24 55%,#0000 68%) 0 0/300% 300%}.foil-textured .card-foil{mix-blend-mode:color-dodge;opacity:.5;background:repeating-linear-gradient(100deg,#e8b36a38 0,#c98a9433 6px,#9db49a33 12px,#788cdc38 18px,#e8b36a38 24px) 0 0/220% 220%;animation:12s linear infinite holo-shift}.foil-textured .card-foil:before{opacity:.85;background:repeating-linear-gradient(45deg,#f2ecdf21 0 1px,#0000 1px 5px),repeating-linear-gradient(-45deg,#0d0b1e29 0 1px,#0000 1px 5px);inset:0}.foil-textured .card-foil:after{animation:glint-sweep 7s var(--ease-drift) infinite;background:linear-gradient(100deg,#0000 42%,#f2ecdf80 50%,#0000 58%);inset:-30% -60%}.foil-fullart .card-foil{background:radial-gradient(120% 90% at var(--gx,50%) var(--gy,45%), #fff6e26b 0%, #e8b36a57 22%, #c98a9447 46%, #788cdc3d 68%, transparent 88%);mix-blend-mode:screen;opacity:.85;transition:opacity .4s}.foil-fullart .card-foil:before{opacity:.3;background:conic-gradient(from 200deg,#e8b36a80,#c98a9480,#788cdc80,#9db49a80,#e8b36a80);animation:18s linear infinite foil-turn;inset:-35%}.foil-fullart .card-foil:after{opacity:.5;background:repeating-linear-gradient(75deg,#0000 0 6px,#f2ecdf38 6px 8px,#0000 8px 16px);animation:9s ease-in-out infinite alternate foil-rake;inset:-20% -40%}.card-glare{background:radial-gradient(60% 45% at var(--gx,50%) var(--gy,45%), #f2ecdf66 0%, #f2ecdf14 45%, transparent 75%);mix-blend-mode:soft-light;opacity:var(--glare,0);transition:opacity .35s}@keyframes sheen-drift{0%{background-position:120% 120%}55%{background-position:-20% -20%}to{background-position:-20% -20%}}@keyframes holo-shift{0%{background-position:0 0}50%{background-position:60% 40%}to{background-position:0 0}}@keyframes glint-sweep{0%,12%{transform:translate(-70%)}55%,to{transform:translate(70%)}}@keyframes foil-turn{to{transform:rotate(1turn)}}@keyframes foil-rake{0%{transform:translate(-6%)}to{transform:translate(6%)}}.tilt-stage{perspective:1100px;touch-action:none}.tilt-body{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;will-change:transform;transition:transform .18s ease-out}@media (prefers-reduced-motion:reduce){.card-foil,.card-foil:before,.card-foil:after{animation:none}.foil-textured .card-foil:after,.foil-fullart .card-foil:after{opacity:.28}.tilt-body{will-change:auto;transition:none}}.card-art-pending{background:radial-gradient(120% 90% at 50% 18%, var(--set-accent-soft), transparent 68%), linear-gradient(168deg, var(--dusk), var(--ink));place-items:center;display:grid}.card-art-pending:before{content:"";border-radius:calc(var(--radius-card) * .6);border:1px solid color-mix(in srgb, var(--set-accent) 34%, transparent);position:absolute;inset:7%}.card-pending-sigil{font-family:var(--font-display);color:color-mix(in srgb, var(--set-accent) 62%, var(--cream));opacity:.75;text-shadow:0 2px 14px #0d0b1e99;font-size:34cqw;line-height:1}@property --hold{syntax:"<number>";inherits:true;initial-value:0}.hold-layer{--hold:0;--ring:163.363;z-index:6;pointer-events:none;border-radius:var(--radius-card);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.hold-veil{border-radius:inherit;background:radial-gradient(circle at 50% 50%, #0d0b1e00 0%, rgba(13, 11, 30, calc(.34 * var(--hold))) 45%, rgba(13, 11, 30, calc(.72 * var(--hold))) 100%);position:absolute;inset:0}.hold-ring{aspect-ratio:1;width:clamp(58px,26%,92px);transform:rotate(-90deg) scale(calc(.86 + .14 * var(--hold)));opacity:calc(.05 + .95 * var(--hold));position:relative;overflow:visible}.hold-ring circle{fill:none;stroke-linecap:round;stroke-width:3px}.hold-ring-track{stroke:#f2ecdf33}.hold-ring-fill{stroke:var(--amber);stroke-dasharray:var(--ring);stroke-dashoffset:calc(var(--ring) * (1 - var(--hold)));filter:drop-shadow(0 0 calc(2px + 10px * var(--hold)) #e8b36ad9)}.hold-hint{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--cream);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;animation:hold-hint-breathe 3.4s var(--ease-drift) infinite;opacity:calc(1 - var(--hold) * 6);transition:opacity .3s ease, transform .3s var(--ease-drift);background:#171430a8;border:1px solid #e8b36a66;border-radius:999px;align-items:center;gap:7px;padding:6px 14px;font-size:clamp(.64rem,3.3cqw,.8rem);display:inline-flex;position:absolute;bottom:7%}.hold-layer.is-holding .hold-hint{animation:none;transform:translateY(8px)}.hold-hint-star{color:var(--amber);font-size:.85em}@keyframes hold-hint-breathe{0%,to{opacity:.55}50%{opacity:1}}.holdable{transition:transform .25s var(--ease-drift), filter .25s ease}.holdable.is-holding{filter:brightness(1.06)saturate(1.08);transform:scale(.972)}@media (prefers-reduced-motion:reduce){.hold-hint{opacity:calc(1 - var(--hold) * 6);animation:none}.holdable,.holdable.is-holding{transition:none;transform:none}}.dive-root{z-index:90;background:var(--ink);transform-origin:50%;position:fixed;inset:0;overflow:hidden}.dive-stage{--cam-x:0;--cam-y:0;touch-action:none;cursor:grab;position:absolute;inset:0;overflow:hidden}.dive-stage:active{cursor:grabbing}.dive-layer{transform-origin:50%;position:absolute;inset:0}.dive-plane{transform:translate3d(calc(var(--cam-x) * var(--depth) * -1px), calc(var(--cam-y) * var(--depth) * -.5px), 0);will-change:transform;position:absolute;inset:0}.dive-plane img{object-fit:cover;display:block;position:absolute}.dive-far img{width:112%;height:112%;inset:-6%}.dive-mid img{object-fit:contain;opacity:.82;filter:blur(1.2px)saturate(1.05);width:128%;height:128%;animation:46s linear infinite dive-mid-drift;inset:-14%}@keyframes dive-mid-drift{0%{translate:-6%}to{translate:6%}}.dive-near img{filter:brightness(.42)saturate(.8)blur(1.5px);width:136%;height:136%;inset:-18%}.dive-hero{place-items:center;display:grid}.dive-hero img{object-fit:contain;filter:drop-shadow(0 26px 60px #0d0b1ebf);height:auto;max-height:84%;animation:11s ease-in-out infinite dive-hero-float;position:relative;inset:auto}@keyframes dive-hero-float{0%,to{translate:0}50%{translate:0 -1.6%}}.dive-motes{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.dive-atmosphere{z-index:4;pointer-events:none;background:radial-gradient(120% 80% at 50% 42%,#0000 34%,#0d0b1e80 100%),linear-gradient(#0d0b1e8c 0%,#0000 24%),linear-gradient(#0000 62%,#0d0b1ec7 100%);position:absolute;inset:0}.dive-atmosphere:after{content:"";mix-blend-mode:screen;opacity:.5;background:radial-gradient(90% 60% at 50% 34%, var(--realm-glow,transparent), transparent 70%);position:absolute;inset:0}.realm-nature{--realm-glow:#9db49a3d}.realm-celestial{--realm-glow:#a0b2ec42}.realm-botanical{--realm-glow:#c98a943d}.realm-mythic{--realm-glow:#e8b36a47}.dive-plate{z-index:8;width:min(320px,40vh);aspect-ratio:var(--card-ratio);object-fit:cover;border-radius:var(--radius-card);transform-origin:50%;will-change:transform, opacity;margin:calc(min(320px,40vh)/-1.42857) 0 0 calc(min(320px,40vh)/-2);position:absolute;top:50%;left:50%;box-shadow:0 30px 70px #0d0b1ecc}.dive-flash{z-index:9;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 50% 46%,#fff6e2f2 0%,#e8b36a73 32%,#0000 68%);position:absolute;inset:0}.dive-hud{z-index:20;pointer-events:none;grid-template-rows:auto 1fr auto;padding:clamp(16px,3.4vh,34px) clamp(16px,3.4vw,40px);display:grid;position:absolute;inset:0}.dive-hud>*{pointer-events:auto}.dive-head{text-shadow:0 2px 18px #0d0b1ee6;max-width:min(520px,70vw)}.dive-realm{letter-spacing:.12em;text-transform:uppercase;color:var(--amber);font-size:.78rem}.dive-head h2{margin:4px 0 2px;font-size:clamp(1.6rem,4.4vw,2.9rem);font-weight:500;line-height:1.05}.dive-tagline{font-family:var(--font-display);color:var(--cream-dim);margin:0;font-size:clamp(.9rem,1.9vw,1.1rem);font-style:italic;font-weight:400}.dive-controls{flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;top:clamp(16px,3.4vh,34px);right:clamp(16px,3.4vw,40px)}.dive-chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--cream);letter-spacing:.04em;white-space:nowrap;background:#0d0b1e85;border:1px solid #f2ecdf38;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:.82rem;transition:background .25s,border-color .25s;display:inline-flex}.dive-chip:hover{background:#383060b8;border-color:#f2ecdf70}.dive-close{border-color:#e8b36a6b}.dive-foot{flex-direction:column;grid-row:3;justify-self:center;align-items:center;gap:10px;width:min(640px,92vw);display:flex}.dive-lore-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--cream);letter-spacing:.09em;text-transform:uppercase;background:#0d0b1e8c;border:1px solid #e8b36a5c;border-radius:999px;align-items:center;gap:8px;padding:9px 20px;font-size:.8rem;transition:background .25s,border-color .25s;display:inline-flex}.dive-lore-toggle:hover{background:#383060b8;border-color:#e8b36a99}.dive-lore-star{color:var(--amber)}.dive-lore{width:100%;overflow:hidden}.dive-lore-body{overscroll-behavior:contain;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-width:thin;scrollbar-color:#f2ecdf38 transparent;background:#0d0b1eb8;border:1px solid #f2ecdf29;border-radius:20px;max-height:34vh;padding:clamp(16px,2.4vh,24px) clamp(18px,3vw,30px);overflow-y:auto}.dive-lore-body p{color:#f2ecdfdb;margin:0 0 .85em;font-size:clamp(.86rem,1.7vw,1rem);line-height:1.65}.dive-lore-body p:last-child{margin-bottom:0}.dive-lore-flavor{font-family:var(--font-display);border-top:1px solid #f2ecdf24;padding-top:.85em;font-style:italic;font-weight:400;color:var(--cream-dim)!important}.dive-hint{letter-spacing:.09em;text-transform:uppercase;color:#f2ecdfa8;opacity:0;margin:0;font-size:.75rem;transition:opacity .8s .4s}.is-arrived~.dive-hud .dive-hint{opacity:1}@media (width<=720px){.dive-controls{flex-direction:row;align-items:center}.dive-chip{padding:9px 14px;font-size:.74rem}.dive-head{max-width:100%;margin-top:52px}.dive-lore-body{max-height:28vh}}@media (prefers-reduced-motion:reduce){.dive-plane{will-change:auto}.dive-hero img,.dive-mid img{animation:none}.dive-hint{opacity:1;transition:none}}.pack-stage{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding-bottom:2vh;display:flex}.pack{aspect-ratio:5/7;filter:drop-shadow(0 26px 44px #0d0b1ea6);width:clamp(200px,32vh,300px);animation:5s ease-in-out infinite pack-float;position:relative}@keyframes pack-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.pack img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pack-top{z-index:3;clip-path:inset(0 0 84%);cursor:grab;touch-action:none;border-radius:10px 10px 0 0;position:absolute;inset:0}.pack-top:active{cursor:grabbing}.pack-body{clip-path:inset(16% 0 0);border-radius:0 0 10px 10px;position:absolute;inset:0}.pack-tear-line{z-index:4;pointer-events:none;border-top:2px dashed #f2ecdf8c;animation:2.2s ease-in-out infinite tear-pulse;position:absolute;top:16%;left:0;right:0}@keyframes tear-pulse{0%,to{opacity:.35}50%{opacity:.9}}.pack-meta{color:var(--cream-dim);letter-spacing:.1em;text-transform:uppercase;margin:0 0 clamp(18px,4vh,36px);font-size:.86rem;font-weight:400}.empty-box{opacity:.55;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding:3vh 0;display:flex}.empty-box img{filter:drop-shadow(0 18px 30px #0d0b1e99)saturate(.6);width:clamp(140px,24vh,220px)}.rarity-chip{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:4px 12px;font-size:.74rem;font-weight:600}.chip-common{color:var(--sage);background:#9db49a29;border:1px solid #9db49a5c}.chip-textured{color:var(--rose);background:#c98a942e;border:1px solid #c98a9473}.chip-fullart{color:var(--amber);background:#e8b36a33;border:1px solid #e8b36a80}.reveal-count{letter-spacing:.05em;font-size:.85rem}.reveal-stage{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding:2vh 0;display:flex;position:relative}.reveal-stack{aspect-ratio:5/7;pointer-events:none;width:clamp(190px,30vh,300px);position:absolute}.reveal-stack img{object-fit:cover;border-radius:var(--radius-card);width:100%;height:100%;transform:translate(calc(14px + var(--i,0) * 9px), calc(6px + var(--i,0) * 3px)) rotate(calc(2deg + var(--i,0) * 1.6deg));opacity:calc(.7 - var(--i,0) * .18);position:absolute;inset:0;box-shadow:0 12px 26px #0d0b1e80}.reveal-card{isolation:isolate;cursor:pointer;width:clamp(190px,32vh,300px);position:relative}.reveal-card .tilt-body{z-index:1;position:relative}.reveal-card-inner{box-shadow:inset 0 1px #f2ecdf24,0 26px 52px #0d0b1eb3}.reveal-burst{z-index:0;pointer-events:none;border-radius:50%;position:absolute;inset:-18%}.burst-textured{background:radial-gradient(closest-side,#c98a948c,#0000 72%)}.burst-fullart{background:radial-gradient(closest-side,#e8b36aa6,#c98a9466 45%,#0000 75%)}.reveal-textured .reveal-card-inner{box-shadow:inset 0 1px #f2ecdf24,0 26px 52px #0d0b1eb3,0 0 34px #c98a9459}.reveal-fullart .reveal-card-inner{box-shadow:inset 0 1px #f2ecdf24,0 26px 52px #0d0b1eb3,0 0 46px #e8b36a73}.reveal-flavor{text-align:center;max-width:min(440px,82vw);font-family:var(--font-display);color:var(--cream-dim);margin:0;font-size:clamp(.92rem,1.9vw,1.08rem);font-style:italic;font-weight:400;line-height:1.5}.reveal-progress{gap:8px;margin-top:14px;display:flex}.reveal-dot{width:7px;height:7px;transition:background .3s ease, transform .3s var(--ease-drift);background:#f2ecdf33;border-radius:50%}.reveal-dot.is-seen{background:#f2ecdf73}.reveal-dot.is-current{background:var(--amber);transform:scale(1.35)}.summary-fan{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding:3vh 4vw;display:flex}.summary-card{width:clamp(96px,14vw,172px);transition:transform .35s var(--ease-drift);margin-inline:clamp(-22px,-1.6vw,-8px)}.summary-card:hover{z-index:5;transform:translateY(-14px)scale(1.06)}.summary-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding-bottom:clamp(20px,5vh,48px);display:flex}.summary-actions .primary-button,.summary-actions .ghost-button{margin:0}.reveal-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}@media (prefers-reduced-motion:reduce){.pack,.pack-tear-line{animation:none}.pack-top{cursor:pointer}.reveal-card{isolation:isolate}.summary-card:hover{transform:none}}.pack-wash{background:linear-gradient(150deg, var(--set-accent), var(--set-accent-soft));mix-blend-mode:color;opacity:.88;pointer-events:none;position:absolute;inset:0}.pack-sigil{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--set-accent) 45%, transparent);width:clamp(24px,3.2vh,32px);font-family:var(--font-display);color:var(--set-accent);pointer-events:none;background:#0d0b1eb8;border-radius:50%;place-items:center;font-size:clamp(13px,1.7vh,17px);line-height:1;display:grid;position:absolute;top:3.5%;left:50%;transform:translate(-50%)}.reveal-set{letter-spacing:.1em;text-transform:uppercase;color:var(--set-accent,var(--cream-dim));font-size:.78rem}.case-progress{background:#f2ecdf24;border-radius:999px;width:min(300px,62vw);height:3px;margin-top:clamp(10px,1.6vh,16px);overflow:hidden}.case-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--rose-soft), var(--amber));height:100%;transition:width 1s var(--ease-drift);display:block;box-shadow:0 0 12px #e8b36a73}.case-tabs{flex-wrap:wrap;justify-content:center;gap:6px;width:100%;max-width:900px;margin:clamp(12px,2vh,20px) 0 clamp(10px,1.6vh,16px);padding:0 4vw;display:flex}.case-tab{letter-spacing:.02em;color:var(--cream-dim);white-space:nowrap;background:#221d4280;border:1px solid #f2ecdf24;border-radius:999px;align-items:center;gap:7px;padding:6px 13px;font-size:.83rem;transition:color .25s,border-color .25s,background .25s;display:inline-flex}.case-tab:hover{color:var(--cream);border-color:#f2ecdf4d}.case-tab.is-active{color:var(--cream);border-color:var(--set-accent,var(--amber));background:color-mix(in srgb, var(--set-accent,var(--amber)) 18%, #221d4299)}.case-tab-sigil{font-family:var(--font-display);color:var(--set-accent,var(--amber))}.case-tab-count{font-variant-numeric:tabular-nums;color:var(--cream-dim);font-size:.76rem}.case-tab.is-active .case-tab-count{color:var(--cream)}.case-frame{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#38306057,#17143085);border:1px solid #f2ecdf29;border-bottom:none;border-radius:24px 24px 0 0;flex:1;width:min(1060px,94vw);min-height:0;margin-top:clamp(10px,2.2vh,24px);position:relative;overflow:hidden;box-shadow:inset 0 1px #f2ecdf29,inset 0 -14px 54px #0d0b1e73,0 -22px 60px #0d0b1e80}.case-frame:before,.case-frame:after{content:"";z-index:3;pointer-events:none;position:absolute;left:0;right:0}.case-frame:before{background:linear-gradient(#171430a6,#0000);height:22px;top:0}.case-frame:after{background:linear-gradient(#0000,#0d0b1ecc);height:clamp(40px,7vh,76px);bottom:0}.case-glass{z-index:2;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(104deg,#0000 10%,#f2ecdf0f 17%,#f2ecdf04 25%,#0000 31%),linear-gradient(104deg,#0000 54%,#f2ecdf09 59%,#0000 65%),linear-gradient(#f2ecdf0d,#0000 20%),radial-gradient(130% 60% at 50% 0,#c98a9417,#0000 62%);position:absolute;inset:0}.case-shelves{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#f2ecdf38 transparent;height:100%;padding:clamp(18px,3vh,32px) clamp(16px,3vw,34px) clamp(34px,7vh,78px);overflow-y:auto}.case-shelves::-webkit-scrollbar{width:8px}.case-shelves::-webkit-scrollbar-thumb{background:#f2ecdf2e;border-radius:999px}.case-set{margin-bottom:clamp(28px,4.8vh,52px)}.case-set:last-child{margin-bottom:0}.case-set-head{align-items:baseline;gap:clamp(10px,1.6vw,18px);margin-bottom:clamp(14px,2.2vh,22px);display:flex}.case-set-sigil{font-family:var(--font-display);color:var(--set-accent,var(--amber));flex-shrink:0;font-size:clamp(1rem,2vw,1.25rem)}.case-set-label{font-family:var(--font-display);letter-spacing:.04em;color:var(--cream);flex-shrink:0;font-size:clamp(1.15rem,2.4vw,1.45rem);font-weight:500}.case-shelf{margin-bottom:clamp(20px,3.4vh,36px);padding-bottom:clamp(14px,2.4vh,24px);position:relative}.case-shelf:last-child{margin-bottom:0}.case-shelf:after{content:"";background:linear-gradient(#f2ecdf3d,#584c8c73 30%,#171430e6);height:9px;position:absolute;bottom:0;left:calc(-1*clamp(16px,3vw,34px));right:calc(-1*clamp(16px,3vw,34px));box-shadow:0 10px 22px #0d0b1e8c}.case-shelf-head{align-items:baseline;gap:clamp(10px,1.6vw,18px);margin-bottom:clamp(8px,1.4vh,14px);display:flex}.case-shelf-label{font-family:var(--font-body);letter-spacing:.07em;color:var(--cream);flex-shrink:0;font-size:clamp(.95rem,2vw,1.2rem);font-weight:400}.case-shelf-rule{background:linear-gradient(90deg,#f2ecdf33,#f2ecdf0a);flex:1;height:1px}.case-shelf-count{letter-spacing:.09em;text-transform:uppercase;color:var(--cream-dim);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.79rem}.case-shelf-count.is-complete{color:var(--amber)}.case-shelf-row{grid-template-columns:repeat(var(--slots,5), minmax(0, 1fr));align-items:start;gap:clamp(8px,1.4vw,18px);display:grid}.case-slot{text-align:center;flex-direction:column;gap:8px;display:flex;position:relative}.case-slot-art{transition:transform .45s var(--ease-drift);display:block;position:relative}.case-slot-owned{cursor:pointer}.case-slot-owned:hover .case-slot-art,.case-slot-owned:focus-visible .case-slot-art{transform:translateY(-10px)scale(1.035)}.case-slot-owned:hover,.case-slot-owned:focus-visible{z-index:4}.case-slot-caption{letter-spacing:.07em;text-transform:uppercase;min-height:1.4em;color:var(--cream-dim);font-size:clamp(.62rem,.9vw,.74rem);line-height:1.35}.case-slot-owned[data-rarity=textured] .case-slot-caption{color:var(--rose)}.case-slot-owned[data-rarity=fullart] .case-slot-caption{color:var(--amber)}.case-slot-owned[data-rarity=fullart] .card{box-shadow:inset 0 1px #f2ecdf2e,0 0 0 1px #e8b36a4d,0 14px 34px #e8b36a29,0 18px 40px #00000073}.case-copies{z-index:4;background:var(--amber);color:var(--ink);border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:600;position:absolute;top:-7px;right:-7px;box-shadow:0 4px 12px #0d0b1e80}.case-slot-missing .card{filter:brightness(.17)saturate(.18)contrast(.9);opacity:.8;box-shadow:none}.case-slot-missing .card-foil,.case-slot-missing .card-glare{display:none}.case-slot-missing .case-slot-art:before{content:"";z-index:2;border-radius:var(--radius-card);pointer-events:none;border:1px dashed #f2ecdf29;position:absolute;inset:0;box-shadow:inset 0 8px 24px #0d0b1ebf}.case-slot-mark{z-index:3;font-family:var(--font-display);color:#f2ecdf38;place-items:center;font-size:clamp(1rem,2.4vw,1.5rem);display:grid;position:absolute;inset:0}.case-slot-missing .case-slot-caption{color:#f2ecdf52}.case-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.inspect-backdrop{z-index:60;-webkit-backdrop-filter:blur(12px)saturate(1.05);backdrop-filter:blur(12px)saturate(1.05);background:#0d0b1ed1;justify-content:center;align-items:center;padding:4vh 4vw;display:flex;position:fixed;inset:0}.inspect-close{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:44px;height:44px;color:var(--cream);background:#17143099;border:1px solid #f2ecdf38;border-radius:999px;place-items:center;font-size:1.35rem;line-height:1;transition:background .25s,border-color .25s;display:grid;position:absolute;top:clamp(14px,2.5vh,28px);right:clamp(14px,2.5vw,28px)}.inspect-close:hover{background:#383060cc;border-color:#f2ecdf73}.inspect-panel{outline:none;align-items:center;gap:clamp(24px,4vw,56px);max-width:940px;display:flex}.inspect-stage{touch-action:pan-y;flex-shrink:0;padding:clamp(16px,3vh,34px);position:relative}.inspect-card{z-index:2;width:clamp(240px,44vh,400px);position:relative}.inspect-card-inner{box-shadow:inset 0 1px #f2ecdf29,0 30px 64px #0d0b1eb8}.inspect-halo{z-index:1;pointer-events:none;border-radius:50%;position:absolute;inset:-4%}.stage-common .inspect-halo{background:radial-gradient(closest-side,#9db49a33,#0000 72%)}.stage-textured .inspect-halo{background:radial-gradient(closest-side,#c98a9457,#c98a941f 52%,#0000 74%)}.stage-fullart .inspect-halo{opacity:.75;filter:blur(34px);will-change:transform;background:conic-gradient(#e8b36a8c,#c98a9480,#788cdc80,#9db49a73,#e8b36a8c);animation:26s linear infinite halo-turn;inset:-14%}@keyframes halo-turn{to{transform:rotate(360deg)}}.stage-fullart .inspect-card-inner{box-shadow:inset 0 1px #f2ecdf38,0 0 0 1px #e8b36a6b,0 0 46px #e8b36a47,0 30px 64px #0d0b1eb8}.stage-fullart .inspect-card-inner .card-foil{opacity:.9}.stage-fullart .inspect-card-inner .card-glare{background:radial-gradient(55% 40% at var(--gx,50%) var(--gy,45%), #fff7e38c 0%, #f2ecdf24 42%, transparent 72%)}.inspect-sparkles{z-index:3;pointer-events:none;position:absolute;inset:-6%}.inspect-sparkles span{left:var(--x);top:var(--y);opacity:0;width:6px;height:6px;animation:sparkle-twinkle 4.2s var(--ease-drift) infinite;animation-delay:var(--d);background:#fff6e2f2;border-radius:50%;position:absolute;box-shadow:0 0 10px 3px #e8b36a8c}@keyframes sparkle-twinkle{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}.inspect-meta{flex-direction:column;gap:10px;max-width:340px;display:flex}.inspect-meta h3{font-size:clamp(1.5rem,3.4vw,2.2rem);font-weight:500;line-height:1.1}.inspect-rarity{letter-spacing:.14em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:5px 14px;font-size:.72rem;font-weight:600}.inspect-rarity.rarity-common{color:var(--sage);background:#9db49a2e;border:1px solid #9db49a66}.inspect-rarity.rarity-textured{color:var(--rose);background:#c98a942e;border:1px solid #c98a9473}.inspect-rarity.rarity-fullart{color:var(--amber);background:#e8b36a2e;border:1px solid #e8b36a80}.inspect-realm{color:var(--cream-dim);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.86rem}.inspect-flavor{font-family:var(--font-display);color:var(--cream-dim);margin:6px 0 0;font-size:1.06rem;font-style:italic;font-weight:400;line-height:1.6}.inspect-copies{color:var(--cream-dim);margin:0;font-size:.85rem}.inspect-enter{color:var(--cream);letter-spacing:.04em;transition:background .25s ease, border-color .25s ease, transform .25s var(--ease-drift);background:linear-gradient(135deg,#e8b36a29,#c98a9424);border:1px solid #e8b36a6b;border-radius:999px;align-items:center;gap:9px;margin:16px 0 4px;padding:11px 22px;font-size:.85rem;display:inline-flex}.inspect-enter:hover{background:linear-gradient(135deg,#e8b36a47,#c98a9438);border-color:#e8b36abf;transform:translateY(-2px)}.inspect-enter-star{color:var(--amber);font-size:.95rem;animation:3.2s ease-in-out infinite inspect-enter-twinkle}@keyframes inspect-enter-twinkle{0%,to{opacity:.55}50%{opacity:1}}.inspect-hint{letter-spacing:.08em;text-transform:uppercase;color:#f2ecdf9e;margin:6px 0 0;font-size:.76rem}@media (width<=760px){.case-shelf-row{grid-template-columns:repeat(3,minmax(0,1fr))}.inspect-panel{flex-direction:column;gap:14px;max-height:90vh;overflow:hidden auto}.inspect-card{width:min(62vw,34vh)}.inspect-meta{text-align:center;align-items:center;padding-bottom:8px}.inspect-rarity{align-self:center}}@media (prefers-reduced-motion:reduce){.inspect-enter:hover{transform:none}.inspect-enter-star{opacity:1;animation:none}.case-slot-owned:hover .case-slot-art,.case-slot-owned:focus-visible .case-slot-art{transform:none}.stage-fullart .inspect-halo{animation:none}}.inspect-set{color:var(--set-accent,var(--cream-dim))}.account-view{justify-content:center;padding:clamp(60px,10vh,100px) clamp(16px,5vw,40px) clamp(20px,5vh,44px);overflow-y:auto}.account-card{text-align:center;background:linear-gradient(160deg,#38306099,#171430d1);border:1px solid #f2ecdf24;border-radius:22px;width:min(420px,100%);margin:auto;padding:clamp(24px,4vw,36px);box-shadow:0 26px 60px #0d0b1e8c}.account-title{font-size:clamp(1.25rem,3vw,1.7rem);font-weight:500}.account-email{color:var(--cream-dim);letter-spacing:.03em;margin:6px 0 0;font-size:.9rem}.account-blurb{color:var(--cream-dim);margin:12px 0 0;font-size:.92rem;line-height:1.6}.account-facts{text-align:left;background:#0d0b1e6b;border:1px solid #f2ecdf1a;border-radius:14px;gap:10px;margin:22px 0 0;padding:16px 18px;display:grid}.account-facts>div{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.account-facts dt{color:var(--cream-dim);letter-spacing:.1em;text-transform:uppercase;font-size:.78rem}.account-facts dd{color:var(--cream);text-align:right;margin:0;font-size:.9rem}.account-facts dd.is-warning{color:var(--amber)}.account-switch{background:#0d0b1e73;border:1px solid #f2ecdf1a;border-radius:999px;gap:4px;margin:20px 0 4px;padding:4px;display:flex}.account-switch-tab{color:var(--cream-dim);letter-spacing:.03em;border-radius:999px;flex:1;padding:9px 12px;font-size:.88rem;transition:background .25s,color .25s}.account-switch-tab.is-active{color:var(--cream);background:#f2ecdf1f}.account-form{text-align:left;gap:14px;margin-top:18px;display:grid}.account-field{gap:6px;display:grid}.account-field>span{color:var(--cream-dim);letter-spacing:.1em;text-transform:uppercase;font-size:.78rem}.account-field input{width:100%;color:var(--cream);font:inherit;background:#0d0b1e8c;border:1px solid #f2ecdf2e;border-radius:12px;padding:12px 14px;font-size:.95rem;transition:border-color .25s,background .25s}.account-field input:focus{border-color:var(--amber);background:#0d0b1ebf;outline:none}.account-field small{color:var(--cream-dim);opacity:.85;font-size:.76rem;line-height:1.5}.account-form .primary-button,.account-card>.ghost-button{width:100%;margin:4px 0 0}.account-form .primary-button:disabled,.account-card>.ghost-button:disabled{opacity:.55;cursor:progress;transform:none}.account-note,.account-error{margin:0;font-size:.86rem;line-height:1.5}.account-note{color:var(--sage)}.account-error{color:var(--rose)}.account-link{color:var(--cream-dim);letter-spacing:.03em;text-underline-offset:4px;margin:14px auto 0;font-size:.85rem;text-decoration:underline;transition:color .25s;display:block}.account-link:hover{color:var(--cream)}.account-link:disabled{opacity:.5;cursor:progress}.account-hint{letter-spacing:.04em;color:var(--cream-dim);margin:18px 0 0;font-size:.83rem}.app{background:var(--ink);height:100%;position:relative;overflow:hidden}.scene-layer{will-change:transform, opacity;position:absolute;inset:0}.back-button{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--cream);letter-spacing:.04em;background:#1714308c;border:1px solid #f2ecdf38;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;transition:background .25s,border-color .25s;display:inline-flex;position:absolute;top:clamp(14px,2.5vh,28px);left:clamp(14px,2.5vw,28px)}.back-button:hover{background:#383060b3;border-color:#f2ecdf66}.app-chrome{z-index:30;align-items:center;gap:8px;transition:opacity .25s,visibility .25s;display:flex;position:absolute;top:clamp(14px,2.5vh,28px);right:clamp(14px,2.5vw,28px)}.chrome-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--cream);letter-spacing:.04em;white-space:nowrap;background:#1714308c;border:1px solid #f2ecdf38;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:.82rem;transition:background .25s,border-color .25s;display:inline-flex}.chrome-pill:hover{background:#383060b3;border-color:#f2ecdf66}.music-toggle[aria-pressed=false],.account-pill{color:var(--cream-dim)}.account-pill:hover{color:var(--cream)}:is(.app:has(.inspect-backdrop) .app-chrome,.app:has(.dive-root) .app-chrome){opacity:0;visibility:hidden}.focus-view{background:radial-gradient(120% 90% at 50% 110%, #383060d9 0%, transparent 60%), radial-gradient(100% 70% at 50% -10%, #c98a9429 0%, transparent 55%), var(--ink);flex-direction:column;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.focus-title{letter-spacing:.01em;text-align:center;margin-top:clamp(18px,4vh,40px);padding:0 clamp(60px,12vw,160px);font-size:clamp(1.3rem,3.2vw,2.1rem);font-weight:500}.focus-subtitle{color:var(--cream-dim);letter-spacing:.04em;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:8px;font-size:clamp(.9rem,1.7vw,1.05rem);font-weight:400;display:flex}.primary-button{background:linear-gradient(135deg, var(--amber), var(--rose-soft));color:var(--ink);letter-spacing:.03em;transition:transform .3s var(--ease-drift), box-shadow .3s ease;border-radius:999px;margin:14px 0 clamp(18px,4vh,36px);padding:13px 30px;font-size:.95rem;font-weight:600;box-shadow:0 10px 26px #e8b36a47}.primary-button:hover{transform:translateY(-2px);box-shadow:0 14px 32px #e8b36a66}.ghost-button{color:var(--cream);letter-spacing:.03em;border:1px solid #f2ecdf4d;border-radius:999px;margin:14px 0 clamp(18px,4vh,36px);padding:13px 26px;font-size:.95rem;transition:background .25s}.ghost-button:hover{background:#f2ecdf14}@media (width<=700px){.focus-title{margin-top:clamp(58px,9vh,78px);padding:0 clamp(16px,4vw,32px)}.chrome-pill{padding:10px 14px}.chrome-pill-label{display:none}}@media (prefers-reduced-motion:reduce){.scene-layer{will-change:auto}.primary-button:hover{transform:none}}