.dev-account{background:#b599cf08;border:1px dashed #b599cf50;border-radius:12px;margin-top:24px;padding:18px}.dev-account>strong{color:#dbc5ef;font-size:12px}.dev-account>p{color:#b7a7c5;margin:10px 0 14px;font-size:12px;line-height:1.65}.dev-account>[role=status]{color:var(--lime)}.dev-account>[role=alert]{color:#ffb7bf}.dev-account>.fine-print{margin-bottom:0;font-size:10px}
.depth-artwork{z-index:1;pointer-events:none;--effect-color:#aaf5ff;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.depth-tint{opacity:.15}.legendary-artwork .depth-tint{opacity:.3}.depth-parallax{transform:translate(calc(var(--prism-x,0%) * -.4), calc(var(--prism-y,0%) * -.6)) scale(1.08);transform-origin:50%}.diffraction-relief{opacity:calc(.65 + var(--light) * .35);mix-blend-mode:screen}.holo-mosaic .holo-grain{opacity:calc(.65 + var(--light) * .35);mix-blend-mode:color-dodge}.holo-mosaic .holo-sweep{opacity:calc(.12 + var(--light) * .35)}.depth-light{opacity:calc(.04 + var(--light) * .22);mix-blend-mode:color-dodge;transform:translate(var(--prism-x,0%), var(--prism-y,0%))}.secret-artwork .depth-tint{opacity:.52}.energy-halo{opacity:.6;mix-blend-mode:screen}.energy-bolt{opacity:.55;animation:voltage-flow 4.8s var(--phase) ease-in-out infinite}.energy-bolt:nth-child(2n){animation-duration:6.2s;animation-direction:reverse}.electric-field{mix-blend-mode:screen}.solar-orbit{animation:solar-wind 18s var(--phase) linear infinite}.energy-mote{animation:ember-rise var(--speed) var(--phase) ease-in-out infinite;opacity:0}.depth-artwork[data-visible=false] *,[data-side=back] .depth-artwork *{animation-play-state:paused!important}.collectible-shell:is(.rarity-legendary,.rarity-secret) .card-foil{display:none}.collectible-shell:is(.rarity-legendary,.rarity-secret) .card-reflection{opacity:calc(.025 + var(--light) * .12);z-index:5}.collectible-shell.rarity-mythic .card-front{border-color:#dfa4d4}.collectible-shell.rarity-mythic :is(.card-top,.card-bottom,.card-series){color:#f4c7e9}.collectible-shell.rarity-mythic .card-front:after{border-color:#edb4dc55}.collectible-shell.rarity-legendary .card-front{border-color:#ffdc8c;box-shadow:inset 0 0 0 1px #ffde9a44}.collectible-shell.rarity-secret .card-front{border-color:#c7fff2;box-shadow:inset 0 0 0 1px #b2edee99,0 0 18px #93caff24}.collectible-shell.rarity-secret .card-front:after{border-color:#cefff499;box-shadow:inset 0 0 9px #a2e4ff22}.collectible-shell.rarity-secret :is(.card-top,.card-bottom,.card-series){color:#d1fff3}.collectible-shell.rarity-secret .card-bottom{border-color:#d1fff355}.collectible-shell.rarity-secret .card-finish-label{opacity:.85;letter-spacing:.65px!important}@keyframes voltage-flow{0%,to{opacity:.2}30%{opacity:.8}55%{opacity:.35}75%{opacity:1}}@keyframes solar-wind{to{stroke-dashoffset:-260px}}@keyframes ember-rise{0%{opacity:0;transform:translateY(25px)}25%{opacity:.85}80%{opacity:.3}to{opacity:0;transform:translate(9px,-55px)}}html[data-reduced=true] .depth-artwork *{animation:none!important}html[data-reduced=true] .depth-parallax{transform:none}html[data-reduced=true] .depth-artwork :is(.energy-motes,.depth-light){display:none}.voltage-crown{mix-blend-mode:screen;animation:6s ease-in-out infinite alternate crown-charge}.tidal-surge{transform-origin:50% 80%;animation:5s ease-in-out infinite alternate tidal-surge}@keyframes crown-charge{0%{opacity:.4}to{opacity:1}}@keyframes tidal-surge{0%{opacity:.4;transform:scale(.92)translateY(4px)}to{opacity:.85;transform:scale(1.08)translateY(-5px)}}.card-subject-plane{pointer-events:none;backface-visibility:hidden;transform:translate3d(var(--subject-project-x,0px), var(--subject-project-y,0px), clamp(3px, .4vw, 6px)) scale(1.008);transform-origin:50% 55%;opacity:1;position:absolute;inset:0}.card-subject-plane svg{width:100%;height:100%;display:block;overflow:visible;-webkit-mask-image:linear-gradient(#000 0% 60%,#000d 65%,#0000 75%),linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(#000 0% 60%,#000d 65%,#0000 75%),linear-gradient(90deg,#0000,#000 6% 94%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}html[data-reduced=true] :is(.card-subject-plane,.subject-print-shadow){display:none}.subject-print-shadow{opacity:1}.collectible-shell[data-depth-ready=false] :is(.depth-artwork,.card-subject-plane){visibility:hidden}html[data-reduced=true] .subject-print-shadow{opacity:0!important}.champagne-field,.velvet-field{mix-blend-mode:screen}.champagne-beam{transform-origin:50% 0;animation:champagne-sweep 9s var(--phase) ease-in-out infinite alternate}.champagne-bokeh{opacity:.28;animation:champagne-shimmer 6s var(--phase) ease-in-out infinite alternate}.velvet-ribbon{transform-origin:50%;animation:velvet-drift 10s var(--phase) ease-in-out infinite alternate}@keyframes champagne-sweep{0%{opacity:.35;transform:rotate(-12deg)}to{opacity:.9;transform:rotate(14deg)}}@keyframes champagne-shimmer{0%{opacity:.12;transform:translateY(12px)}to{opacity:.5;transform:translateY(-12px)}}@keyframes velvet-drift{0%{opacity:.4;transform:translate(-12px)skewY(-3deg)}to{opacity:.95;transform:translate(12px)skewY(3deg)}}.ki-flare{animation:ki-rise 3s var(--phase) ease-in-out infinite alternate;transform-origin:150px 426px}.ki-shockwave{animation:ki-shockwave 4.2s var(--phase) ease-out infinite;transform-origin:150px 270px}.dawn-ring{animation:dawn-pulse 2.6s var(--phase) ease-in-out infinite;transform-origin:150px 180px}.dawn-rays{transform-origin:150px 180px;animation:70s linear infinite dawn-orbit}.dawn-cloud{animation:dawn-drift 8s var(--phase) ease-in-out infinite alternate}@keyframes ki-rise{0%{opacity:.45;transform:scaleX(.87)skew(-3deg)}to{opacity:1;transform:scaleX(1.08)skew(3deg)}}@keyframes ki-shockwave{0%{opacity:0;transform:scale(.45)}15%{opacity:.85}to{opacity:0;transform:scale(2.4)}}@keyframes dawn-pulse{0%,to{opacity:.5;transform:scale(.96)}30%{opacity:1;transform:scale(1.06)}46%{opacity:.75;transform:scale(1)}60%{opacity:1;transform:scale(1.035)}}@keyframes dawn-orbit{to{transform:rotate(360deg)}}@keyframes dawn-drift{0%{transform:translate(-20px)}to{transform:translate(18px)}}
.inspect-back-button{background:var(--lime);color:#242d19;border:1px solid #e2ffa5;border-radius:9px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:46px;margin:0 0 20px;padding:12px 18px;font-size:14px;font-weight:750;transition:background .15s,box-shadow .15s;display:flex;box-shadow:0 4px 14px #0003}.inspect-back-button:hover{background:#e3ffac;box-shadow:0 4px 18px #d4fb7320}.inspect-back-button:focus-visible{outline-offset:4px;outline:3px solid #f5f4ed}
.booster-opening{--pack-width:300px;--card-width:270px;--stage-height:520px;position:relative}.rip-stage{height:var(--stage-height);isolation:isolate;perspective:1200px;-webkit-user-select:none;user-select:none;border-radius:12px;position:relative;overflow:hidden}.rip-halo{background:radial-gradient(ellipse, color-mix(in srgb, var(--pack-accent), transparent 90%), transparent 65%);pointer-events:none;border-radius:50%;transition:opacity 1s;position:absolute;inset:5% 9%}.rip-wrapper{width:var(--pack-width);aspect-ratio:2/3;z-index:3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wrapper-art{pointer-events:none;filter:drop-shadow(3px 14px 16px #0006);width:120%;height:122.222%;position:absolute;top:-20%;left:-10%;overflow:visible}.wrapper-body{transform-origin:150px 270px}.wrapper-cap-flight{transform-origin:150px 48px}.wrapper-shadow{filter:blur(13px);background:#0005;border-radius:50%;height:22px;position:absolute;bottom:-22px;left:5%;right:5%}.rip-seal{z-index:6;touch-action:none;cursor:grab;outline-offset:7px;border-radius:6px;height:56px;position:absolute;top:calc(10.666% - 28px);left:-8px;right:-8px}.rip-seal:active{cursor:grabbing}.rip-track{filter:drop-shadow(0 1px 1px #19131d);border-top:1px dashed #faf5e6bb;position:absolute;top:50%;left:0;right:0}.rip-grip{color:#21182a;background:#f3ede2;border:1px solid #fff9;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:-12px;transition:box-shadow .2s;display:flex;position:absolute;top:8px;transform:rotate(-5deg);box-shadow:0 2px 5px #0003,0 0 0 5px #fff1}.rip-seal:hover .rip-grip,.rip-seal:focus-visible .rip-grip{box-shadow:0 2px 5px #0003,0 0 0 8px #fff2}.rip-label{color:#fff8ef;letter-spacing:1.4px;pointer-events:none;background:#221a2be6;border:1px solid #a28baa55;border-radius:4px;align-items:center;gap:8px;padding:5px 9px;font-size:8px;font-weight:600;display:flex;position:absolute;top:-2px;left:48px}.booster-opening[data-dragging=true] .rip-label{opacity:0}.rip-stack{width:var(--card-width);aspect-ratio:.704;z-index:2;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ejected-card{opacity:0;background:#211c2c;border:1px solid #a08cae;border-radius:12px;position:absolute;inset:0;overflow:hidden;transform:translateY(20px)scale(.97);box-shadow:0 1px #d2c4df80,0 5px 12px #0004}.rip-instructions{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;height:78px;display:flex}.rip-instructions p{color:#e2d4e9;letter-spacing:.1px;margin:0;font-size:13px}.rip-instructions>span{color:#95829f;align-items:center;gap:6px;font-size:10px;display:flex}.booster-opening[data-stage=releasing] .wrapper-body{animation:1.7s cubic-bezier(.4,0,.6,1) forwards wrapper-fall}.booster-opening[data-stage=releasing] .wrapper-cap-flight{animation:.85s cubic-bezier(.2,.7,.35,1) forwards seal-away}.booster-opening[data-stage=releasing] .wrapper-shadow{animation:.8s forwards wrapper-shadow-away}.booster-opening[data-stage=releasing] .ejected-card{animation:1.6s cubic-bezier(.2,.7,.3,1) both cards-emerge;animation-delay:calc(var(--i) * 35ms)}@keyframes seal-away{0%{opacity:1;transform:translate(0)rotate(0)}35%{opacity:1;transform:translate(60px,-65px)rotate(22deg)}to{opacity:0;transform:translate(260px,-145px)rotate(110deg)}}@keyframes wrapper-fall{0%{opacity:1;transform:translate(0)rotate(0)scaleX(1)}20%{transform:translate(-4px,20px)rotate(-3deg)scaleX(.97)}48%{opacity:1;transform:translate(8px,160px)rotate(5deg)scaleX(.93)}to{opacity:0;transform:translate(48px,550px)rotate(19deg)scaleX(.82)}}@keyframes wrapper-shadow-away{to{opacity:0;transform:scale(.5)}}@keyframes cards-emerge{0%{opacity:1;transform:translateY(20px)scale(.97)}30%{opacity:1;transform:translateY(-48px) rotate(calc((var(--i) - 2) * 1.5deg)) scale(1)}65%{transform:translateY(-14px) translateX(calc(var(--i) * 3px)) rotate(calc(var(--i) * -2deg))}to{opacity:1;transform:translateY(calc(var(--i) * -4px)) translateX(calc(var(--i) * 3px)) rotate(calc(var(--i) * -2deg))}}.reveal-stage{--reveal-card-width:270px;isolation:isolate;perspective:1000px;place-items:center;height:520px;display:grid;position:relative;overflow:clip}.reveal-stage .reveal-stack,.reveal-stage .revealed-card-wrap{width:var(--reveal-card-width);aspect-ratio:.704;grid-area:1/1;position:relative}.reveal-stage .reveal-stack{pointer-events:none;z-index:0}.reveal-stage .revealed-card-wrap{z-index:1;min-width:0}.reveal-stage .revealed-card-wrap .collectible-shell{width:100%}.reveal-stack-card{transform:translateY(calc(var(--i) * -4px)) translateX(calc(var(--i) * 3px)) rotate(calc(var(--i) * -2deg));background:#211c2c;border:1px solid #a08cae;border-radius:12px;position:absolute;inset:0;overflow:hidden}.booster-opening[data-reduced=true] .wrapper-body,.booster-opening[data-reduced=true] .wrapper-cap-flight{opacity:0;animation:none}.booster-opening[data-reduced=true][data-stage=sealed] .wrapper-body,.booster-opening[data-reduced=true][data-stage=sealed] .wrapper-cap-flight{opacity:1}.booster-opening[data-reduced=true][data-stage=releasing] .ejected-card{opacity:1;transform:translateY(calc(var(--i) * -4px)) translateX(calc(var(--i) * 3px)) rotate(calc(var(--i) * -2deg));animation:none}@media (max-width:760px){.booster-opening{--pack-width:260px;--card-width:230px;--stage-height:440px}.rip-instructions{height:75px;padding:0 5px}.rip-instructions p{font-size:12px}.rip-instructions>span{font-size:9px}.reveal-stage{--reveal-card-width:230px;height:440px}.rip-label{font-size:7px}}@media (max-height:720px) and (min-width:761px){.booster-opening{--pack-width:240px;--card-width:240px;--stage-height:390px}.reveal-stage{--reveal-card-width:240px;height:390px}}.booster-opening[data-stage=sealed] .wrapper-body{transform:translate(calc(var(--tear) * -3px), calc(var(--pull-y) * 3px)) skewY(calc(var(--pull-y) * .6deg));transition:transform 70ms linear}.wrapper-volume{opacity:.6}.booster-opening[data-stage=releasing] .wrapper-volume{opacity:0}.booster-opening[data-reduced=false] .wrapper-art{transform-style:preserve-3d;animation:5.5s ease-in-out infinite sealed-pack-idle}.booster-opening[data-dragging=true] .wrapper-art,.booster-opening[data-torn=true] .wrapper-art{animation-play-state:paused}@keyframes sealed-pack-idle{0%,to{transform:translateY(-3px)rotateY(-3deg)rotate(-.5deg)}50%{transform:translateY(3px)rotateY(3deg)rotate(.5deg)}}.reveal-aura{--aura:141, 186, 235;z-index:-1;pointer-events:none;position:absolute;inset:0}.aura-epic{--aura:187, 145, 243}:is(.aura-mythic,.aura-legendary,.aura-secret){--aura:247, 202, 110}.reveal-bloom{background:radial-gradient(ellipse, rgba(var(--aura), .3), rgba(var(--aura), .12) 40%, transparent 70%);border-radius:50%;animation:.85s ease-out both reveal-bloom;position:absolute;inset:-20%}.aura-epic .reveal-bloom{animation-duration:1.65s}:is(.aura-mythic,.aura-legendary,.aura-secret) .reveal-bloom{animation-duration:2.3s;inset:-35%}.reveal-ring{aspect-ratio:1;border:1px solid rgba(var(--aura), .65);width:130%;box-shadow:0 0 20px rgba(var(--aura), .16), inset 0 0 18px rgba(var(--aura), .12);border-radius:50%;animation:1.35s cubic-bezier(.1,.6,.2,1) both reveal-ring;position:absolute;top:50%;left:50%;translate:-50% -50%}.ring-echo{animation-delay:.15s}.aura-epic .reveal-ring{aspect-ratio:.75;width:115%;rotate:-25deg}.aura-epic .ring-echo{rotate:25deg}:is(.aura-mythic,.aura-legendary,.aura-secret) .reveal-ring{animation-duration:1.9s}.reveal-rays{background:repeating-conic-gradient(from 12deg, transparent 0deg 19deg, rgba(var(--aura), .13) 20deg 21deg, transparent 23deg 30deg);animation:2.2s ease-out both reveal-rays;position:absolute;inset:-40%;-webkit-mask-image:radial-gradient(circle,#0000 15%,#000 38%,#0000 69%);mask-image:radial-gradient(circle,#0000 15%,#000 38%,#0000 69%)}.reveal-spark{background:rgb(var(--aura));width:3px;height:3px;box-shadow:0 0 9px rgba(var(--aura), .6);animation:1.5s cubic-bezier(.12,.6,.3,1) both reveal-spark;animation-delay:var(--delay);border-radius:50%;position:absolute;top:50%;left:50%}:is(.aura-mythic,.aura-legendary,.aura-secret) .reveal-spark{width:2px;height:7px;animation-duration:2.1s}@keyframes reveal-bloom{0%{opacity:0;transform:scale(.65)}25%{opacity:1}to{opacity:0;transform:scale(1.12)}}@keyframes reveal-ring{0%{opacity:0;transform:scale(.6)}20%{opacity:.8}to{opacity:0;transform:scale(1.3)}}@keyframes reveal-rays{0%{opacity:0;transform:scale(.7)rotate(-8deg)}22%{opacity:1}to{opacity:0;transform:scale(1.2)rotate(9deg)}}@keyframes reveal-spark{0%{opacity:0;transform:rotate(var(--angle)) translateY(-90px) scale(.5)}20%{opacity:.9}to{opacity:0;transform:rotate(var(--angle)) translateY(calc(-1 * var(--reach))) scale(.3)}}.revealed-card-wrap[data-reduced=true] .reveal-aura{display:none}.revealed-card-wrap{perspective:1100px}.reveal-turntable{width:100%;height:100%;transform-style:preserve-3d;position:relative}.reveal-turn-front{backface-visibility:hidden;width:100%;height:100%;position:relative;transform:translateZ(.5px)}.reveal-turn-back{backface-visibility:hidden;pointer-events:none;background:#211c2c;border:1px solid #8b729e;border-radius:12px;position:absolute;inset:0;overflow:hidden;transform:rotateY(180deg)translateZ(.5px);box-shadow:0 12px 35px #0005}.revealed-card-wrap[data-reveal=settled] .reveal-turn-back{display:none}.revealed-card-wrap[data-reveal=settled] .reveal-turn-front{backface-visibility:visible;transform:none}.reveal-aura>i{animation-delay:var(--reveal-impact,0s)}.reveal-aura .ring-echo{animation-delay:calc(var(--reveal-impact,0s) + .15s)}.reveal-aura .reveal-spark{animation-delay:calc(var(--reveal-impact,0s) + var(--delay))}.revealed-card-wrap[data-reveal=turning] .reveal-turn-front .collectible-shell{perspective:none}.revealed-card-wrap[data-reveal=turning] .reveal-turn-front .collectible{transform-style:flat;transition:none;transform:none}.revealed-card-wrap[data-reveal=turning] .reveal-turn-front .card-front{backface-visibility:visible;transform:none}.revealed-card-wrap[data-reveal=turning] .reveal-turn-front .card-reverse{display:none}.revealed-card-wrap[data-reveal=turning] .card-flip,.revealed-card-wrap[data-reveal=turning] .pull-badge{visibility:hidden}.reveal-turn-edge{pointer-events:none;background:linear-gradient(90deg,#39313f,#6d6076 50%,#39313f);border-radius:.5px;width:1px;position:absolute;inset:.5px auto .5px -.5px;transform:rotateY(90deg)}.revealed-card-wrap[data-reveal=settled] .reveal-turn-edge{display:none}.reveal-cinema{--energy:184, 125, 255;pointer-events:none;z-index:-1;position:absolute;inset:0}:is(.cinema-mythic,.cinema-legendary,.cinema-secret){--energy:255, 202, 98}.cinema-curtain{animation:cinema-curtain calc(var(--reveal-duration) + 1s) both;background:radial-gradient(#0c0915ed 0%,#0c0915a6 38%,#0000 70%);position:absolute;inset:-20% -95%}.cinema-charge{background:radial-gradient(ellipse, transparent 27%, rgba(var(--energy), .38) 48%, transparent 69%);animation:cinema-charge var(--reveal-impact) ease-in both;border-radius:50%;position:absolute;inset:-18%}.cinema-orbit{border:2px solid #0000;border-top-color:rgba(var(--energy), .85);border-bottom-color:rgba(var(--energy), .3);filter:drop-shadow(0 0 9px rgba(var(--energy), .7));animation:cinema-orbit var(--reveal-impact) ease-in both;border-radius:50%;position:absolute;inset:-14% -24%}.orbit-b{animation-name:cinema-orbit-back;inset:-5% -44%}:is(.cinema-mythic,.cinema-legendary,.cinema-secret) .cinema-orbit{border-width:1px;border-color:rgba(var(--energy), .6)}.cinema-impact{background:radial-gradient(ellipse, #fff3d6a6 0%, rgba(var(--energy), .65) 19%, rgba(var(--energy), .17) 44%, transparent 67%);animation:cinema-impact .7s var(--reveal-impact) ease-out both;position:absolute;inset:-35% -70%}.cinema-wave{aspect-ratio:1;border:3px solid rgba(var(--energy), .8);width:100%;box-shadow:0 0 24px rgba(var(--energy), .5), inset 0 0 18px rgba(var(--energy), .35);animation:cinema-wave .85s var(--reveal-impact) cubic-bezier(.08, .7, .25, 1) both;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.cinema-horizon{background:linear-gradient(90deg, transparent, rgba(var(--energy), .8), #fff8dd, rgba(var(--energy), .8), transparent);height:2px;box-shadow:0 0 14px rgba(var(--energy), .75);animation:cinema-horizon .8s var(--reveal-impact) both;position:absolute;top:50%;left:-95%;right:-95%}.cinema-pillar{background:linear-gradient(90deg, transparent, rgba(var(--energy), .3), #fff4cb66, rgba(var(--energy), .2), transparent);width:35%;animation:cinema-pillar calc(var(--reveal-impact) + .45s) both;position:absolute;top:-60%;bottom:-60%;-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.pillar-a{left:-16%;rotate:9deg}.pillar-b{right:-16%;rotate:-9deg}.cinema-particle{rotate:var(--angle);position:absolute;top:50%;left:50%}.cinema-infall,.cinema-shard{background:rgb(var(--energy));width:3px;height:12px;box-shadow:0 0 8px rgba(var(--energy), .8);border-radius:2px;position:absolute}.cinema-infall{animation:cinema-infall var(--reveal-impact) ease-in both}.cinema-shard{width:4px;height:9px;animation:cinema-shard 1.15s calc(var(--reveal-impact) + var(--lag)) cubic-bezier(.12, .7, .25, 1) both}:is(.cinema-mythic,.cinema-legendary,.cinema-secret) .cinema-shard{clip-path:polygon(50% 0,100% 40%,50% 100%,0 60%);height:15px}@keyframes cinema-curtain{0%{opacity:0}14%,58%{opacity:1}to{opacity:0}}@keyframes cinema-charge{0%{opacity:0;transform:scale(1.3)}55%{opacity:.65}88%{opacity:1;transform:scale(.85)}to{opacity:0;transform:scale(.45)}}@keyframes cinema-orbit{0%{opacity:0;transform:rotate(-45deg)scale(1.1)}30%{opacity:1}90%{opacity:1}to{opacity:0;transform:rotate(110deg)scale(.5)}}@keyframes cinema-orbit-back{0%{opacity:0;transform:rotate(50deg)scale(1.1)}30%{opacity:1}90%{opacity:1}to{opacity:0;transform:rotate(-100deg)scale(.5)}}@keyframes cinema-infall{0%{opacity:0;transform:translateY(calc(-1 * var(--reach))) scaleY(.3)}35%{opacity:.85}to{opacity:0;transform:translateY(-70px)scaleY(1.8)}}@keyframes cinema-impact{0%{opacity:0;transform:scale(.75)}12%{opacity:1}to{opacity:0;transform:scale(1.25)}}@keyframes cinema-wave{0%{opacity:0;transform:scale(.45)}12%{opacity:.9}to{opacity:0;transform:scale(2.8)}}@keyframes cinema-horizon{0%{opacity:0;transform:scaleX(.15)}10%{opacity:1}to{opacity:0;transform:scaleX(1)}}@keyframes cinema-pillar{0%{opacity:0;transform:scaleX(.3)}55%,72%{opacity:.7}to{opacity:0;transform:scaleX(1.4)}}@keyframes cinema-shard{0%{opacity:0;transform:translateY(-95px)scale(.3)}12%{opacity:1}to{opacity:0;transform:translateY(calc(-1 * var(--reach))) rotate(45deg) scale(.2)}}.aura-mythic{--aura:255, 135, 213}.cinema-mythic{--energy:255, 135, 213}.aura-secret{--aura:156, 255, 232}.cinema-secret{--energy:156, 255, 232}.secret-aperture{animation:secret-aperture calc(var(--reveal-duration) + .6s) ease-out both;background:conic-gradient(from 30deg,#0000,#96ffee33,#0000 20%,#beadff44,#0000 45%,#96ffee33,#0000 65%,#d1fff344,#0000);border-radius:50%;position:absolute;inset:-50% -70%}.secret-halo{animation:cinema-wave 1.4s var(--reveal-impact) ease-out both;border:1px solid #d0fffaaa;border-radius:50%;position:absolute;inset:-15% -35%;box-shadow:0 0 35px #b3c6ff66,inset 0 0 25px #b3fff744}@keyframes secret-aperture{0%{opacity:0;transform:scale(.3)rotate(-100deg)}40%{opacity:.6}68%{opacity:1;transform:scale(1.2)rotate(15deg)}to{opacity:0;transform:scale(1.5)rotate(45deg)}}.reveal-event{--event-gold:#ffe8a6;position:absolute;inset:0}.event-vault{animation:event-vault var(--reveal-duration) both;background:radial-gradient(#080611 38%,#050309dd 55%,#0000 70%);border-radius:50%;position:absolute;inset:-23% -35%}.event-corona{animation:event-corona var(--reveal-impact) cubic-bezier(.55, 0, .9, .5) both;border:1px solid #ffe19b99;border-radius:50%;position:absolute;inset:-17% -30%;box-shadow:0 0 40px #f7be5950,inset 0 0 26px #ffe09433}.event-shock{animation:event-shock 1.5s var(--reveal-impact) cubic-bezier(.08, .65, .2, 1) both;border:2px solid #fff0c8;border-radius:50%;position:absolute;inset:-10% -25%;box-shadow:0 0 20px #ffc66d88}.shock-two{animation-delay:calc(var(--reveal-impact) + .18s);border-width:1px}.event-fanfare{animation:event-fanfare 2s var(--reveal-impact) both;position:absolute;inset:-80% -160%;-webkit-mask-image:radial-gradient(#0000 9%,#000 25%,#0000 65%);mask-image:radial-gradient(#0000 9%,#000 25%,#0000 65%)}.event-fanfare>i{background:conic-gradient(from var(--ray), transparent 0deg, #ffe2a650 1deg, #ffeacdaa var(--ray-width), transparent calc(var(--ray-width) + 2deg));border-radius:50%;position:absolute;inset:0}.event-secret .event-vault{background:radial-gradient(#03020b 44%,#080415f5 53%,#936bff44 58%,#0000 68%);inset:-35% -60%}.event-secret .event-corona{border-color:#9dffe4;box-shadow:0 0 50px #8966ff99,inset 0 0 30px #adfff966}.event-secret .event-shock{border-color:#bdfff5;box-shadow:0 0 26px #9788ff88}.event-accretion{animation:event-accretion var(--reveal-duration) both;background:conic-gradient(from 40deg,#0000,#9163ff 16%,#b9fff9 21%,#0000 26% 52%,#8767ff 64%,#e4fffa 70%,#0000 77%);border-radius:50%;position:absolute;inset:-15% -80%;-webkit-mask-image:radial-gradient(#0000 53%,#000 56% 60%,#0000 66%);mask-image:radial-gradient(#0000 53%,#000 56% 60%,#0000 66%)}.event-rifts{stroke:#d5fff3;stroke-width:1px;filter:drop-shadow(0 0 7px #9283ff);width:240%;height:170%;animation:event-rifts .95s var(--reveal-impact) both;position:absolute;inset:-35% -70%}.reveal-rarity-title{white-space:nowrap;color:#ffeab6;font-family:var(--font-display);letter-spacing:8px;text-transform:uppercase;text-align:center;pointer-events:none;animation:event-title 2.4s var(--reveal-impact) both;text-shadow:0 0 22px #ffcf7799;font-size:22px;font-weight:800;position:absolute;top:calc(100% + 26px);left:50%;translate:-50%}.reveal-rarity-title small{letter-spacing:2px;color:#d7c9e1;margin-top:5px;font-family:inherit;font-size:7px;display:block}[data-rarity=secret] .reveal-rarity-title{color:#cbfff2;text-shadow:0 0 25px #a891ff}@keyframes event-vault{0%{opacity:0;transform:scale(1.3)}20%,50%{opacity:1}68%{opacity:.6;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}@keyframes event-corona{0%{opacity:0;transform:scale(1.3)rotate(-25deg)}25%{opacity:1}85%{opacity:1;transform:scale(.83)rotate(60deg)}to{opacity:0;transform:scale(.45)rotate(80deg)}}@keyframes event-shock{0%{opacity:0;transform:scale(.65)rotateX(40deg)}10%{opacity:1}to{opacity:0;transform:scale(3.2)rotateX(62deg)}}@keyframes event-fanfare{0%{opacity:0;transform:scale(.55)rotate(-12deg)}12%{opacity:1}to{opacity:0;transform:scale(1.35)rotate(8deg)}}@keyframes event-accretion{0%{opacity:0;transform:rotate(-45deg)scale(1.2,.4)}20%,49%{opacity:1}60%{opacity:1;transform:rotate(70deg)scale(.65,.25)}72%{opacity:.9;transform:rotate(120deg)scale(1.55,.7)}to{opacity:0;transform:rotate(150deg)scale(2,.8)}}@keyframes event-rifts{0%{opacity:0;transform:scale(.3)}15%{opacity:.9}to{opacity:0;transform:scale(1.25)}}@keyframes event-title{0%{opacity:0;letter-spacing:12px;transform:translateY(12px)}20%,70%{opacity:1;letter-spacing:6px;transform:none}to{opacity:0;letter-spacing:7px;transform:translateY(-4px)}}.artwork-preparing{text-align:center;color:var(--muted)}.artwork-preparing>.small-primary,.artwork-preparing>svg{margin:12px auto}.artwork-preparing .revealed-card-wrap{border-radius:12px;overflow:hidden}
.app-shell[data-view=packs]{max-width:none}.app-shell[data-view=packs] main{padding:0}.app-shell[data-view=packs]>footer{display:none}.pack-experience{background:#15111d;min-height:calc(100dvh - 92px)}.experience-room{background:radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--set-color), transparent 93%), transparent 65%);min-width:0;transition:background .4s;position:relative}.experience-topline{border-bottom:1px solid #ffffff05;justify-content:space-between;align-items:center;gap:15px;padding:18px 4%;display:flex}.wheel-pack-front{backface-visibility:hidden;background:#a994b9;border-radius:2px;display:block;position:absolute;inset:0;overflow:hidden;transform:translateZ(3px);box-shadow:8px 16px 22px #0007}.wheel-pack-front>svg{width:100%;height:100%;font-family:Arial,sans-serif;display:block}.wheel-pack-edge{transform-origin:0;background:linear-gradient(90deg,#ded6df,#6f6078);width:8px;position:absolute;top:0;bottom:0;left:0;transform:rotateY(-90deg)}.experience-details{padding:25px 35px 28px}.experience-series-code{letter-spacing:1.5px;color:#a48eae;align-items:center;gap:14px;font-size:8px;display:flex}.experience-details h1{font-family:var(--font-display);letter-spacing:-1.4px;color:var(--set-color);margin:10px 0;font-size:32px;font-weight:700;line-height:1.1}.experience-actions{align-items:center;gap:17px;display:flex}.experience-open{background:var(--set-color);color:#211a25;border-radius:7px;justify-content:center;align-items:center;gap:20px;min-width:240px;padding:15px 20px;font-size:13px;font-weight:700;transition:transform .15s,filter .15s;display:flex;box-shadow:0 3px #0006}.experience-open:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px)}.experience-open:disabled{opacity:.4}.experience-open>span{flex:1}.experience-preview{color:#a793b6;justify-content:center;align-items:center;gap:6px;font-size:10px;display:flex}.experience-preview:hover{color:var(--set-color)}.experience-guarantee{color:#85738f;align-items:center;gap:14px;margin-top:13px;font-size:9px;display:flex}.experience-guarantee>span{align-items:center;gap:4px;display:flex}.experience-guarantee>button{text-underline-offset:3px;text-decoration:underline}.experience-details{grid-template-columns:1fr auto;column-gap:28px;width:100%;max-width:850px;margin:0 auto;padding:25px 30px;display:grid}.experience-actions{flex-direction:column;grid-area:1/2/span 3;justify-content:center;gap:12px}.experience-details h1{font-size:30px}.experience-guarantee{margin:0}.inline-opening{outline:none;padding:12px 4% 30px;scroll-margin-top:10px;position:relative}.inline-opening-heading{color:#80688f;letter-spacing:2px;justify-content:space-between;align-items:center;font-size:8px;display:flex}.inline-opening-heading>h2{font-family:var(--font-display);letter-spacing:-1px;text-align:center;margin:5px 0 0;font-size:28px}.inline-opening-description{text-align:center;color:#9c88ac;margin:9px 0 0;font-size:12px}.inline-opening .booster-opening{--stage-height:clamp(390px, calc(100dvh - 330px), 560px)}.inline-opening .reveal-stage{height:clamp(390px,100dvh - 330px,560px)}.inline-opening .results-grid{max-width:1100px;margin:auto;padding-top:28px;padding-bottom:20px}.inline-opening .inspect-layout{max-width:900px;margin:20px auto}.inline-opening .results-actions{margin-top:12px}.preview-note{color:#b1a18a;text-align:center;background:#bc9e6210;border:1px solid #bc9e622a;border-radius:5px;justify-content:center;align-items:center;gap:6px;width:fit-content;margin:10px auto;padding:8px 14px;font-size:10px;display:flex}.experience-room>.error-banner,.experience-room>.resume-bar{width:92%;margin:10px 4%}@media (max-width:1050px){.experience-details{max-width:750px}}@media (max-width:760px){.pack-experience{min-height:calc(100dvh - 75px);padding-bottom:90px}.experience-topline{padding:13px 17px}.experience-details{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:20px 20px 25px;display:flex}.experience-details h1{margin:0;font-size:29px}.experience-series-code{font-size:7px}.experience-actions{gap:12px;width:100%;margin:5px 0}.experience-open{width:100%;padding:15px}.experience-preview{font-size:11px}.experience-guarantee{justify-content:center;gap:10px;font-size:8px}.inline-opening{padding:10px 15px 25px}.inline-opening-heading>h2{font-size:23px}.inline-opening .booster-opening{--pack-width:240px;--card-width:230px;--stage-height:410px}.inline-opening .reveal-stage{height:410px}.inline-opening .rip-instructions p{font-size:11px}.inline-opening .rip-instructions>span{font-size:8px}.inline-opening .inspect-layout{padding:15px 0}.preview-note{max-width:100%;font-size:9px;line-height:1.5}.inline-opening .results-grid{padding-top:25px}}.inline-opening .opening-flow{animation:.35s ease-out room-enter}@keyframes room-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}html[data-reduced=true] .inline-opening .opening-flow{animation:none}@media (max-width:760px){.inline-opening button{scroll-margin-block:100px}}.experience-topline{border:0;align-items:center;padding:23px 5% 8px}.wheel-room-title>span{letter-spacing:2px;color:#9c87af;font-size:9px}.wheel-room-title p{font-family:var(--font-display);letter-spacing:-.7px;color:#eee4f3;margin:8px 0;font-size:23px}.wheel-balance{background:linear-gradient(115deg,#d8f4a112,#22232a);border:1px solid #d8f4a149;border-radius:14px;align-items:center;gap:17px;min-width:340px;padding:16px 20px;display:flex;box-shadow:0 7px 26px #0003,inset 0 1px #e2ffb216}.wheel-balance-icon{color:#d8f4a1;background:#d8f4a115;border:1px solid #d8f4a128;border-radius:11px;place-items:center;width:43px;height:43px;display:grid;transform:rotate(-7deg)}.wheel-balance-value strong{font-family:var(--font-display);color:#e0ffac;letter-spacing:-1px;font-size:38px;line-height:1;display:block}.wheel-balance-value strong small{color:#a8b291;letter-spacing:0;margin-left:6px;font-size:15px}.wheel-balance-value>span{letter-spacing:1.5px;color:#dbe5cd;white-space:nowrap;margin-top:6px;font-size:8px;display:block}.wheel-balance-refill{border-left:1px solid #d8f4a123;min-width:155px;padding-left:18px}.wheel-balance-meter{gap:5px;margin:0 0 10px;display:flex}.wheel-balance-meter i{background:#e2f4c312;border-radius:3px;width:23px;height:5px}.wheel-balance-meter i.filled{background:#d8f4a1;box-shadow:0 0 9px #d8f4a126}.wheel-balance-refill>span{color:#b6c5a8;font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:10px;display:flex}.booster-wheel{--carousel-height:clamp(340px, calc(100dvh - 367px), 650px);height:var(--carousel-height);perspective:1200px;isolation:isolate;overflow:hidden}.wheel-atmosphere{background:radial-gradient(ellipse at 50% 48%, color-mix(in srgb, var(--set-color), transparent 88%), transparent 60%);pointer-events:none;position:absolute;inset:-15% 0}.wheel-track{pointer-events:none;border:1px solid #d5b7f018;border-radius:50%;height:25%;position:absolute;bottom:3%;left:8%;right:8%;transform:rotateX(55deg)}.wheel-floor{filter:blur(12px);pointer-events:none;background:radial-gradient(#0009,#0000 70%);height:12%;position:absolute;bottom:5%;left:25%;right:25%}.wheel-pack{width:min(310px, calc(var(--carousel-height) * .56));aspect-ratio:2/3;transform-style:preserve-3d;will-change:transform;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0;position:absolute;top:47%;left:50%}.wheel-pack:active{cursor:grabbing}.wheel-wrapper{transform-style:preserve-3d;pointer-events:none;display:block;position:absolute;inset:0}.wheel-pack .wheel-pack-front{box-shadow:9px 22px 32px #0008}.wheel-pack:focus-visible{outline-offset:9px;outline:2px solid #d8f4a1}.wheel-light{background:linear-gradient(110deg,#0000 5%,#fff2 27%,#0000 46%,#fff1 62%,#0000 80%) 0 0/210% 100%;background-position:var(--light-position,50%) 50%;mix-blend-mode:screen;pointer-events:none;position:absolute;inset:0}.wheel-navigation{justify-content:center;align-items:center;gap:24px;margin:-3px 0 0;display:flex}.wheel-navigation button{color:#c5b3d0;border:1px solid #76618266;border-radius:50%;place-items:center;width:33px;height:33px;display:grid}.wheel-navigation button:hover{background:#5c426b55}.wheel-navigation>span{letter-spacing:1.7px;color:#a28cb2;align-items:center;gap:17px;font-size:8px;display:flex}.wheel-navigation b{font-family:var(--font-display);letter-spacing:1px;color:#f1e7f7;font-size:17px;font-weight:500}.wheel-navigation i{color:#877394;font-size:11px;font-style:normal}.experience-details{padding-top:27px;padding-bottom:30px}@media (max-width:760px){.experience-topline{justify-content:center;padding:17px 18px 2px}.wheel-room-title{display:none}.wheel-balance{border-radius:11px;gap:11px;width:100%;min-width:0;padding:13px 15px}.wheel-balance-icon{width:36px;height:36px}.wheel-balance-value strong{font-size:32px}.wheel-balance-value>span{letter-spacing:1px;font-size:7px}.wheel-balance-refill{min-width:0;margin-left:auto;padding-left:13px}.wheel-balance-refill>span{max-width:142px;font-size:8px;line-height:1.5}.wheel-balance-meter{gap:4px}.wheel-balance-meter i{width:22px}.booster-wheel{--carousel-height:340px;height:var(--carousel-height)}.wheel-pack{width:195px;top:48%}.wheel-track{left:-45%;right:-45%}.wheel-navigation{gap:17px;margin-top:0}.wheel-navigation>span{letter-spacing:1px;gap:12px;font-size:7px}.wheel-navigation b{font-size:15px}.experience-details{padding-top:21px}}.inline-opening{padding-top:20px}.inline-opening-heading{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.inline-opening-heading>h2{color:var(--text);letter-spacing:-1px;max-width:650px;margin:0}.inline-opening-heading>.icon-button{justify-self:end}.opening-balance{color:#b7c5a7;letter-spacing:0;text-align:left;align-items:center;gap:7px;font-size:10px;display:flex}.opening-balance>svg{color:#d8f4a1}.opening-balance strong{color:#e0ffac;white-space:nowrap;font-size:20px}.opening-balance small{color:#a6b294;font-size:11px}@media (max-width:1050px){.inline-opening-heading{grid-template-columns:1fr auto}.inline-opening-heading>h2{grid-area:2/1/auto/-1}.inline-opening-heading>.icon-button{grid-area:1/2}.inline-opening-heading{row-gap:8px}}@media (max-width:760px){.inline-opening{padding-top:12px}.opening-balance{font-size:9px}.opening-balance strong{font-size:18px}}.wheel-webgl{pointer-events:none;z-index:1;position:absolute;inset:0}.booster-wheel[data-webgl=true] .wheel-wrapper{visibility:hidden}.wheel-loading{color:#b4a4c1;letter-spacing:.5px;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:13px;font-size:11px;display:none;position:absolute;inset:0}.booster-wheel[data-render=pending] .wheel-loading{display:flex}.booster-wheel[data-render=pending] .wheel-pack,.booster-wheel[data-render=pending] .wheel-webgl{visibility:hidden}.booster-wheel[data-render=ready] .wheel-webgl{animation:.25s ease-out wheel-materials-ready}@keyframes wheel-materials-ready{0%{opacity:0}to{opacity:1}}html[data-reduced=true] .wheel-webgl{animation:none}.booster-wheel[data-render=fallback] .wheel-wrapper{visibility:visible}.booster-wheel{touch-action:pan-y;outline-offset:-4px;-webkit-user-select:none;user-select:none;cursor:grab;position:relative}.booster-wheel:active{cursor:grabbing}.guest-pack-notice{background:linear-gradient(110deg,#382b22,#292229);border:1px solid #eac17c45;border-left:3px solid #f2ca83;border-radius:10px;align-items:center;gap:12px;min-width:0;margin:0;padding:13px 15px;display:flex}.guest-pack-notice-icon{color:#f2ca83;background:#f2ca8315;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.guest-pack-notice-icon svg{width:20px}.guest-pack-notice>div{flex:1;min-width:0}.guest-pack-notice strong{color:#ffe1ab;font-size:12px;font-weight:650;display:block}.guest-pack-notice p{color:#d0bfae;margin:4px 0 0;font-size:11px;line-height:1.5}.guest-pack-notice>button{color:#302316;background:#f2ca83;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:11px 12px;font-size:11px;font-weight:700;display:flex}.guest-pack-notice>button:hover{background:#ffdda3}.guest-pack-notice>button:focus-visible{outline-offset:4px;outline:2px solid #ffe1ab}@media (min-width:1280px){.experience-topline.has-guest-notice{grid-template-columns:minmax(210px,1fr) minmax(0,620px) minmax(380px,1fr);gap:24px;display:grid}.has-guest-notice .wheel-balance{justify-self:end}}@media (min-width:761px) and (max-width:1279px){.experience-topline.has-guest-notice{grid-template-columns:1fr auto;gap:14px;display:grid}.has-guest-notice .guest-pack-notice{grid-area:2/1/auto/-1}.has-guest-notice .wheel-balance{grid-area:1/2}.experience-topline.has-guest-notice~.booster-wheel{--carousel-height:clamp(340px, calc(100dvh - 450px), 650px)}}@media (max-width:760px){.experience-topline.has-guest-notice{flex-direction:column;gap:13px}.has-guest-notice .wheel-balance{order:-1}.guest-pack-notice{grid-template-columns:30px minmax(0,1fr);gap:9px;width:100%;padding:12px;display:grid}.guest-pack-notice-icon{align-self:start;width:30px;height:30px}.guest-pack-notice>button{grid-column:1/-1;width:100%;margin-top:1px;padding:10px}}
.achievement-nav-count{background:var(--lime);color:#202414;border-radius:4px;padding:1px 4px;font-size:10px}.achievement-summary{background:radial-gradient(at 0 0,#d5ee9119,#0000 70%),#282331;border:1px solid #5a6046;border-radius:14px;align-items:center;gap:18px;padding:22px;display:flex}.achievement-medal{width:58px;height:58px;color:var(--lime);background:#d5ee9111;border:1px solid #b3cc7377;border-radius:16px;place-items:center;display:grid;transform:rotate(-6deg)}.achievement-summary strong{font-size:30px;font-family:var(--font-display);line-height:1.1;display:block}.achievement-summary strong small{color:#a298b2;font-size:17px}.achievement-summary>div>span{color:#bfb4ca;font-size:11px}.achievement-pending{color:var(--lime);grid-template-columns:auto auto;align-items:center;column-gap:7px;margin-left:auto;display:grid}.achievement-pending>span{grid-column:1/-1;margin-top:3px}.achievement-explainer{color:#b4a6bf;margin:17px 0 22px;font-size:12px;line-height:1.7}.achievement-filters{gap:8px;margin-bottom:20px;display:flex}.achievement-filters button{color:#b9acbf;background:#18131f;border:1px solid #45394e;border-radius:8px;align-items:center;gap:7px;min-height:40px;padding:9px 13px;font-size:12px;display:flex}.achievement-filters button[aria-pressed=true]{color:var(--lime);background:#d5ee9115;border-color:#859855}.achievement-filters button>span{background:var(--lime);color:#202414;border-radius:4px;padding:1px 5px;font-size:10px}.achievement-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.achievement-card{background:#251e2e;border:1px solid #43354d;border-radius:12px;grid-template-columns:38px 1fr;gap:12px;min-width:0;padding:18px;display:grid}.achievement-ready{background:linear-gradient(130deg,#d5ee9112,#0000 75%),#251e2e;border-color:#b3cc7366}.achievement-claimed{background:#1b1722}.achievement-card-icon{color:#b09cbf;background:#362b40;border-radius:10px;align-self:start;place-items:center;width:38px;height:38px;display:grid}.achievement-ready .achievement-card-icon{color:var(--lime);background:#d5ee9118}.achievement-claimed .achievement-card-icon{color:#91b6a2;background:#20352d55}.achievement-card h3{margin:0 0 5px;font-size:14px;font-weight:650;line-height:1.4}.achievement-card p{color:#ac9cb9;margin:0;font-size:11px;line-height:1.6}.achievement-progress{background:#493852;border-radius:4px;grid-column:1/-1;height:4px;overflow:hidden}.achievement-progress>span{background:#9f85b4;border-radius:4px;height:100%;transition:width .3s;display:block}.achievement-ready .achievement-progress>span{background:var(--lime)}.achievement-claimed .achievement-progress>span{background:#668674}.achievement-card-footer{grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;display:flex}.achievement-reward{color:#e7dcf0;align-items:center;gap:5px;font-size:14px;font-weight:650;display:flex}.achievement-reward small{color:#a697b0;font-size:10px;font-weight:400}.achievement-state{color:#ac9ab9;align-items:center;gap:5px;font-size:11px;display:flex}.achievement-claim{background:var(--lime);color:#242b18;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:9px 12px;font-size:12px;font-weight:650;display:inline-flex}.achievement-claim:hover:not(:disabled){filter:brightness(1.1)}.achievement-empty{color:#b6a4c4;text-align:center;justify-content:center;align-items:center;gap:12px;padding:32px 12px;font-size:13px;display:flex}.achievement-error{color:#f2bfcd;margin-bottom:18px;font-size:12px}.achievement-notice{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(120deg,#d5ee9117,#0000 70%),#231f2df5;border:1px solid #a7be686e;border-radius:14px;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;width:min(450px,100vw - 32px);padding:18px 25px 18px 15px;animation:.25s ease-out achievement-arrive;display:grid;position:fixed;top:108px;right:24px;box-shadow:0 12px 40px #0006}.achievement-notice-icon{width:38px;height:38px;color:var(--lime);background:#d5ee9119;border-radius:10px;place-items:center;display:grid}.achievement-notice-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.achievement-notice-copy small{letter-spacing:1.3px;color:var(--lime);font-size:8px;font-weight:650}.achievement-notice-copy>button{text-align:left;align-items:center;gap:4px;font-size:13px;font-weight:650;line-height:1.4;display:flex}.achievement-notice-copy>span{color:#b7abbe;font-size:10px;line-height:1.5}.achievement-dismiss{color:#a99db4;border-radius:5px;place-items:center;min-width:25px;min-height:25px;display:grid;position:absolute;top:3px;right:3px}.achievement-dismiss:hover{background:#ffffff15}.achievement-notice-error{color:#f2bfcd;grid-column:1/-1;margin:0;font-size:11px}.achievement-confirmation{z-index:50;max-width:calc(100vw - 24px);color:var(--lime);background:#252d1ef5;border:1px solid #9daf70;border-radius:10px;align-items:center;gap:8px;padding:13px 18px;font-size:13px;display:flex;position:fixed;top:108px;left:50%;translate:-50%;box-shadow:0 8px 30px #0005}@keyframes achievement-arrive{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media (min-width:761px) and (max-width:1250px){.topbar{gap:14px}.main-nav button{padding:10px 9px}.top-actions{gap:10px}}@media (max-width:760px){.achievement-grid{grid-template-columns:1fr}.achievement-summary{gap:12px;padding:16px}.achievement-medal{border-radius:12px;width:42px;height:42px}.achievement-summary strong{font-size:24px}.achievement-summary>div>span{font-size:9px}.achievement-filters{gap:5px}.achievement-filters button{min-height:44px;padding:8px;font-size:11px}.achievement-notice{grid-template-columns:30px 1fr auto;gap:8px;width:calc(100vw - 24px);padding:15px 22px 15px 10px;top:86px;right:12px}.achievement-notice-icon{width:30px;height:34px}.achievement-notice .achievement-claim{min-height:44px;padding:8px;font-size:11px}.achievement-notice .achievement-claim svg{display:none}.achievement-notice-copy>button{font-size:12px}.achievement-notice-copy small{letter-spacing:.7px;font-size:7px}.achievement-notice-copy>span{font-size:9px}.achievement-confirmation{top:86px}.main-nav .achievement-nav{position:relative}.main-nav .achievement-nav-count{position:absolute;top:2px;right:10%}}html[data-reduced=true] .achievement-notice{animation:none}html[data-reduced=true] .achievement-progress>span{transition:none}@media (max-width:760px){.main-nav{gap:2px;padding-inline:6px}.main-nav button{flex:1 1 0;min-width:0;padding:8px 2px}}@media (max-width:360px){.main-nav button{letter-spacing:-.1px;font-size:9px}}
.collection-library{max-width:1280px;margin-inline:auto}.library-heading{justify-content:space-between;align-items:center;gap:40px;margin-bottom:30px;display:flex}.library-heading h1{font-family:var(--font-display);letter-spacing:-2px;margin:16px 0;font-size:clamp(38px,4.3vw,60px);line-height:1.05}.library-heading h1>span{color:var(--lime)}.library-heading p,.set-heading p{color:var(--muted);max-width:450px;margin:0;font-size:13px;line-height:1.7}.library-stats{flex-shrink:0;gap:30px;display:flex}.library-stats>div+div{border-left:1px solid var(--line);padding-left:30px}.library-stats strong{font-size:30px;font-family:var(--font-display);white-space:nowrap;font-weight:600;display:block}.library-stats strong small{color:var(--muted);font-size:16px;font-weight:400}.library-stats>div>span{color:var(--muted);margin-top:5px;font-size:11px;display:block}.library-toolbar{justify-content:space-between;align-items:center;gap:20px;margin:34px 0 18px;display:flex}.library-toolbar h2{align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.library-toolbar h2 span{color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:3px 6px;font-size:10px}.library-toolbar .search-box{flex:0 280px}.album-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.series-album{isolation:isolate;border:1px solid color-mix(in srgb, var(--album-color) 25%, #282330);min-height:320px;color:var(--text);background:#19171f;border-radius:6px 18px 18px 6px;text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s;display:block;position:relative;overflow:hidden;box-shadow:3px 4px #100e15,5px 6px #3a3340,0 14px 30px #09060d40}.series-album:hover{border-color:color-mix(in srgb, var(--album-color) 65%, transparent);transform:translateY(-4px);box-shadow:3px 5px #100e15,5px 7px #3a3340,0 16px 35px #09060d60}.series-album:focus-visible{outline:3px solid var(--album-color);outline-offset:6px}.album-art{z-index:-2;background:radial-gradient(ellipse at 70% 45%, color-mix(in srgb, var(--album-color) 30%, #18151e), #17141c);position:absolute;inset:0}.album-art img{object-position:center 28%;opacity:.86;transition:transform .65s}.series-album:hover .album-art img{transform:scale(1.045)}.series-album:before{content:"";z-index:-1;background:linear-gradient(90deg,#19171ffc 7%,#19171fe8 27%,#19171f60 65%,#19171f10),linear-gradient(#0000 35%,#14121bec);position:absolute;inset:0}.series-album:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 1px 1px #ffffff12,inset 15px 0 20px #00000045}.album-spine{writing-mode:vertical-rl;letter-spacing:2px;width:27px;color:color-mix(in srgb, var(--album-color) 65%, #aaa);background:#0a080d40;border-left:1px solid #ffffff14;justify-content:center;align-items:center;font-size:8px;display:flex;position:absolute;inset:0 auto 0 0;transform:rotate(180deg)}.album-cover{flex-direction:column;min-height:320px;padding:24px 26px 24px 49px;display:flex}.album-top{letter-spacing:1.5px;justify-content:space-between;align-items:center;gap:10px;font-size:9px;display:flex}.album-top>span:first-child{color:var(--album-color);align-items:center;gap:8px;display:flex}.album-top i{background:currentColor;border-radius:50%;width:3px;height:3px}.album-status{letter-spacing:.2px;color:#e4dce9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#18151dbb;border:1px solid #ffffff23;border-radius:20px;align-items:center;gap:4px;padding:6px 9px;display:inline-flex}.album-status.complete{color:var(--album-color)}.album-name{margin:29px 0 25px}.album-name>span{color:#b1a6ba;letter-spacing:2px;font-size:8px}.album-name h3{font-family:var(--font-display);letter-spacing:-1.5px;margin:9px 0 0;font-size:clamp(31px,3.4vw,49px);font-weight:700;line-height:.98}.album-name h3>span{display:block}.album-bottom{align-items:center;gap:30px;margin-top:auto;display:flex}.album-progress{width:100%;max-width:260px}.album-progress>div:first-child{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.album-progress strong{font-size:20px;font-weight:600}.album-progress small{color:#b6aabe;font-size:12px;font-weight:400}.album-progress>div>span{color:var(--album-color);font-size:10px}.album-progress-track{background:#ffffff20;border-radius:3px;height:3px;overflow:hidden}.album-progress-track>span{background:var(--album-color);border-radius:inherit;height:100%;transition:width .4s;display:block}.album-enter{background:var(--album-color);color:#19151f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-left:auto;transition:transform .3s;display:flex}.series-album:hover .album-enter{transform:rotate(45deg)}.library-footnote{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:8px;margin:32px 0 0;font-size:11px;display:flex}.album-back{color:#d6cddd;align-items:center;gap:8px;margin-bottom:26px;font-size:12px;text-decoration:none;display:inline-flex}.album-back:hover{color:var(--album-color)}.album-back>span{color:var(--muted);margin-left:10px}.set-heading{justify-content:space-between;align-items:center;gap:25px;display:flex}.set-heading .eyebrow{color:var(--album-color)}.set-heading h1{letter-spacing:-1.5px;font-size:clamp(30px,4vw,50px);line-height:1.1;font-family:var(--font-display);margin:12px 0}.set-heading h1:focus{outline:none}.set-heading>.small-primary{background:var(--album-color);flex-shrink:0}.set-progress-summary{border-bottom:1px solid var(--line);align-items:center;gap:20px;margin-bottom:24px;padding:24px 0;display:flex}.set-progress-summary>strong{white-space:nowrap;font-size:22px}.set-progress-summary small{color:var(--muted);font-size:14px;font-weight:400}.set-progress-summary strong>span{color:var(--muted);margin-left:12px;font-size:11px;font-weight:400}.set-progress-summary .album-progress-track{flex:1;max-width:360px}.set-progress-summary>span,.set-progress-summary>svg{color:var(--album-color);font-size:12px}.set-filters{justify-content:space-between;align-items:center;gap:20px}.set-filters .search-box{flex:0 330px}.ownership-tabs{border:1px solid var(--line);background:#201d27;border-radius:9px;gap:4px;padding:4px;display:flex}.ownership-tabs button{color:var(--muted);white-space:nowrap;border-radius:6px;align-items:center;gap:9px;padding:10px 14px;font-size:12px;display:flex}.ownership-tabs button[aria-pressed=true]{color:#f8f3fb;background:#3b3344}.ownership-tabs button>span{opacity:.7;font-size:10px}.rarity-tabs{flex-wrap:wrap;gap:7px;padding-bottom:6px;display:flex}.rarity-tabs button{border:1px solid var(--line);color:var(--muted);border-radius:6px;align-items:center;gap:6px;padding:8px 10px;font-size:10px;display:flex}.rarity-tabs button>i{background:var(--rarity-color);width:5px;height:5px;transform:rotate(45deg)}.rarity-tabs button>span{opacity:.6;margin-left:2px;font-size:9px}.rarity-tabs button[aria-pressed=true]{border-color:var(--rarity-color,var(--album-color));color:var(--text);background:#302938}@media (min-width:1400px){.album-cover{min-height:345px;padding-top:28px;padding-bottom:28px}.album-name{margin-top:35px}}@media (max-width:900px){.library-heading{gap:20px}.library-stats{gap:15px}.library-stats>div+div{padding-left:15px}.album-cover{padding-left:42px;padding-right:18px}.album-top{letter-spacing:1px;font-size:8px}.album-status{font-size:8px}.album-name h3{font-size:36px}}@media (max-width:760px){.library-heading{display:block}.library-heading h1{font-size:40px}.library-heading p{max-width:360px;font-size:12px}.library-stats{gap:25px;margin-top:22px}.library-stats>div+div{padding-left:25px}.library-stats strong{font-size:25px}.library-stats>div>span{font-size:10px}.library-toolbar{gap:12px;margin-top:26px}.library-toolbar h2{white-space:nowrap;font-size:13px}.library-toolbar .search-box{flex-basis:185px;padding-inline:10px}.library-toolbar input{font-size:11px}.album-shelf{grid-template-columns:1fr;gap:22px}.album-cover,.series-album{min-height:300px}.album-cover{padding:22px 23px 22px 44px}.album-name h3{font-size:43px}.album-name{margin:25px 0}.album-top,.album-status{font-size:9px}.library-footnote{align-items:flex-start;font-size:10px;line-height:1.6}.library-footnote svg{flex-shrink:0;margin-top:2px}.set-heading{flex-wrap:wrap;gap:15px}.set-heading>.small-primary{padding:10px 13px;font-size:11px}.set-heading p{font-size:12px}.set-progress-summary{gap:12px;padding-block:19px}.set-progress-summary strong>span{margin:3px 0 0;font-size:10px;display:block}.set-filters{gap:12px}.set-filters .search-box{flex-basis:100%}.ownership-tabs{width:100%}.ownership-tabs button{flex:1;justify-content:center;padding:9px 6px;font-size:11px}.rarity-tabs{gap:6px}.rarity-tabs button{padding:7px 8px;font-size:9px}.album-back{margin-bottom:22px}}[data-reduced=true] .series-album,[data-reduced=true] .album-art img,[data-reduced=true] .album-enter,[data-reduced=true] .album-progress-track>span{transition:none}html[data-reduced=true] .series-album:hover,html[data-reduced=true] .series-album:hover .album-art img{transform:none}@media (max-width:380px){.ownership-tabs button{flex-direction:column;gap:4px;padding:8px 3px;font-size:10px}.ownership-tabs button>span{font-size:9px}}
.friend-code{min-width:0}.friend-code>small{letter-spacing:1.4px;color:#ac9bbb;font-size:9px;display:block}.friend-code>button{color:var(--lime);cursor:pointer;background:#15121c;border:1px solid #584569;border-radius:9px;align-items:center;gap:18px;margin:10px 0;padding:12px 15px;display:flex}.friend-code code{letter-spacing:1px;-webkit-user-select:text;user-select:text;font-size:15px}.friend-code>span{color:var(--muted);font-size:11px;line-height:1.7}
.social-section{max-width:1200px;margin:auto}.social-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.social-heading h1{font-family:var(--font-display);letter-spacing:-1.8px;margin:17px 0 12px;font-size:clamp(32px,4.5vw,52px);line-height:1.1}.social-heading h1>span{color:var(--lime);margin-left:16px}.social-heading p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.social-heading-mark{width:86px;height:86px;color:var(--lime);background:#d4fb730b;border:1px solid #d4fb7333;border-radius:24px;place-items:center;display:grid;transform:rotate(-8deg)}.social-guest{text-align:center;border:1px solid var(--line);background:radial-gradient(at top,#d4fb7310,#0000 65%),#1d1923;border-radius:18px;flex-direction:column;align-items:center;padding:60px 22px;display:flex}.social-guest>svg{color:var(--lime)}.social-guest h2{font-family:var(--font-display);margin:23px 0 8px;font-size:28px}.social-guest p{max-width:450px;color:var(--muted);margin-bottom:25px;font-size:13px;line-height:1.8}.social-invite-code{border:1px solid var(--line);background:#251e2e;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;display:flex}.social-invite-code>div:first-child{color:var(--lime);align-items:center;gap:14px;display:flex}.social-invite-code p{color:var(--muted);font-size:13px}@media (max-width:600px){.social-invite-code{flex-direction:column;align-items:flex-start;gap:10px}}.collector-avatar{color:#d4b8f0;background:#ba99df18;border:1px solid #b692d733;border-radius:15px;flex-shrink:0;place-items:center;width:49px;height:49px;font-size:24px;display:grid}.social-tabs{border-bottom:1px solid var(--line);align-items:center;gap:8px;margin:28px 0 24px;padding-bottom:13px;display:flex}.social-tabs>button{color:var(--muted);border-radius:8px;align-items:center;gap:9px;padding:11px 15px;font-size:13px;display:flex}.social-tabs>button[aria-pressed=true]{color:var(--lime);background:#d4fb730c}.social-tabs>button>span{background:#ffffff0b;border-radius:5px;padding:3px 6px;font-size:10px}.social-tabs>button>i{background:var(--lime);border-radius:50%;width:6px;height:6px}.social-tabs>.social-refresh{margin-left:auto;padding:8px;font-size:11px}.add-friend{border:1px solid var(--line);background:#201b28;border-radius:12px;align-items:center;gap:12px;padding:20px;display:flex}.add-friend>div{align-items:center;gap:12px;margin-right:auto;display:flex}.add-friend>div>svg{color:var(--lime);flex-shrink:0}.add-friend strong{font-size:13px;display:block}.add-friend small{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.5;display:block}.add-friend>input{letter-spacing:1px;border-radius:8px;width:180px;padding:12px;font-size:12px}.add-friend .small-primary{white-space:nowrap}.social-list-title,.friend-requests>h2{align-items:center;gap:10px;margin:27px 0 18px;font-size:15px;display:flex}.social-list-title>span,.friend-requests>h2>span{color:var(--muted);font-size:11px}.friend-request{background:#caa26707;border:1px solid #ccac7133;border-radius:10px;align-items:center;gap:13px;margin-top:10px;padding:16px;display:flex}.friend-request>.collector-avatar{width:38px;height:38px}.friend-request>div:not(.friend-actions){min-width:0}.friend-request strong{overflow-wrap:anywhere;font-size:13px}.friend-request small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.friend-actions{flex-shrink:0;align-items:center;gap:16px;margin-left:auto;display:flex}.friend-actions button{font-size:11px}.friends-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.friend-card{border:1px solid var(--line);background:linear-gradient(130deg,#30233955,#211c29);border-radius:13px;grid-template-columns:49px minmax(0,1fr);align-items:center;gap:15px;padding:22px;display:grid}.friend-card h3{overflow-wrap:anywhere;margin:0 0 7px;font-size:16px}.friend-card small{color:var(--muted);font-size:9px}.friend-card>.small-primary{grid-column:1/-1;margin-top:7px}.friend-card>.remove-friend{color:var(--muted);grid-column:1/-1;justify-self:center;padding:0;font-size:10px}.social-empty{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 20px;display:flex}.social-empty>svg{color:#a494b4}.social-empty h3{font-family:var(--font-display);margin:0;font-size:23px;font-weight:500;line-height:1.3}.social-empty p{margin:0;font-size:12px;line-height:1.6}.social-error{color:#f1bcc4;background:#4b222755;border:1px solid #d4858e55;border-radius:9px;margin:15px 0;padding:13px 16px;font-size:12px;line-height:1.6}.social-error button{margin-left:12px;text-decoration:underline}.social-feedback{color:var(--lime);background:#d4fb730c;border:1px solid #d4fb7320;border-radius:8px;margin:0 0 20px;padding:12px 16px;font-size:12px;line-height:1.6}.trade-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.trade-toolbar>div{border:1px solid var(--line);border-radius:8px;flex-shrink:0;gap:4px;padding:4px;display:flex}.trade-toolbar button{color:var(--muted);border-radius:5px;padding:8px 11px;font-size:11px}.trade-toolbar button[aria-pressed=true]{color:#fff;background:#3b2e47}.trade-toolbar p{color:var(--muted);max-width:360px;margin:0;font-size:11px;line-height:1.7}.trade-list{gap:20px;display:grid}.trade-offer{border:1px solid var(--line);background:#221c2b;border-radius:14px;padding:22px}.trade-offer>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding-bottom:16px;display:flex}.trade-offer h3{overflow-wrap:anywhere;margin:6px 0 0;font-size:19px}.trade-status{color:var(--muted);background:#ffffff08;border-radius:6px;flex-shrink:0;padding:6px 9px;font-size:10px}.status-pending{color:#f3d79b;background:#f3d79b0e}.status-accepted{color:var(--lime);background:#d4fb7312}.trade-offer>footer{border-top:1px solid var(--line);align-items:center;gap:16px;margin:17px 0 0;padding:16px 0 0;display:flex}.trade-offer>footer>span{color:var(--muted);margin-right:auto;font-size:10px}.trade-offer>footer>.text-button,.trade-offer>footer>.small-primary{font-size:11px}.trade-sides{grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr);align-items:start;gap:18px;margin-top:20px;display:grid}.trade-sides>svg{color:#b5a3c4;align-self:center}.trade-sides h4{text-transform:uppercase;letter-spacing:1.3px;color:var(--muted);margin:0 0 12px;font-size:10px}.trade-cards{gap:7px;display:grid}.trade-card{border:1px solid #ffffff09;border-left:2px solid var(--rarity-color);background:#13101860;border-radius:7px;align-items:center;gap:11px;min-width:0;padding:9px;display:flex}.trade-thumb{background:#352a3b;border-radius:5px;flex-shrink:0;width:43px;height:54px;display:block;position:relative;overflow:hidden}.trade-thumb img{object-fit:cover}.trade-card>span:nth-child(2){min-width:0}.trade-card strong,.trade-pick strong{overflow-wrap:anywhere;font-size:12px;display:block}.trade-card small{color:var(--rarity-color);margin-top:5px;font-size:8px;line-height:1.6;display:block}.trade-card>b{flex-shrink:0;margin-left:auto;padding-inline:5px;font-size:13px}.trade-explainer{color:var(--muted);margin:20px 0;font-size:12px;line-height:1.8}.trade-confirm{margin:20px 0 0 auto;display:flex}.trade-picker-columns{grid-template-columns:1fr 1fr;gap:22px;display:grid}.trade-picker{border:1px solid var(--line);background:#18141d;border-radius:12px;min-width:0;padding:14px}.trade-picker h3{justify-content:space-between;align-items:center;margin:0 0 13px;font-size:14px;display:flex}.trade-picker h3>span{color:var(--lime);font-size:10px}.trade-picker .search-box{min-width:0;padding-inline:9px}.trade-picker .search-box input{font-size:11px}.duplicates-toggle{color:var(--muted);align-items:center;gap:7px;margin:12px 0;font-size:10px;display:flex}.duplicates-toggle input{accent-color:var(--lime)}.trade-picker-list{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;gap:7px;height:340px;display:flex;overflow-y:auto}.trade-pick{background:#251e2e;border:1px solid #ffffff0a;border-radius:7px}.trade-pick.selected{background:#d4fb7309;border-color:#d4fb7377}.trade-pick>button{text-align:left;align-items:center;gap:10px;width:100%;padding:9px;display:flex}.trade-pick>button>span:nth-child(2){flex:1;min-width:0}.trade-pick>button>svg{color:var(--lime);flex-shrink:0}.trade-pick small{margin-top:5px;font-size:9px;display:block}.trade-pick>label{align-items:center;gap:8px;padding:0 9px 9px;font-size:10px;display:flex}.trade-pick select{padding:5px 22px 5px 8px;font-size:11px}.trade-pick>label>small{color:#f1d099;max-width:110px;margin:0 0 0 auto;font-size:8px}.trade-composer-actions{justify-content:flex-end;align-items:center;gap:18px;margin-top:20px;display:flex}@media (max-width:1050px){.friends-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.add-friend{flex-wrap:wrap}.add-friend>div{flex-basis:100%}.add-friend>input{flex:1}}@media (max-width:760px){.social-heading-mark{display:none}.social-heading h1{font-size:35px}.social-heading h1>span{margin-left:8px;font-size:25px}.social-heading p{font-size:16px}.social-invite-code .friend-code{border-top:1px solid var(--line);width:100%;margin:6px 0 0;padding-top:16px}.social-invite-code .friend-code>button{justify-content:space-between;width:100%}.social-invite-code .friend-code>span{font-size:9px}.social-tabs{gap:3px;margin-top:22px}.social-tabs>button{gap:6px;padding:9px;font-size:11px}.social-tabs>.social-refresh{padding:5px;font-size:10px}.social-tabs>button>span{font-size:9px}.add-friend{gap:10px;padding:15px}.add-friend>input{flex-basis:100%;width:100%;min-width:0;font-size:12px}.add-friend>.small-primary{width:100%;font-size:11px}.friend-request{flex-wrap:wrap;padding:13px}.friend-actions{justify-content:flex-end;width:100%;padding-top:5px}.friends-grid{grid-template-columns:1fr}.social-list-title{font-size:14px}.trade-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.trade-toolbar p{font-size:10px}.trade-offer{padding:15px}.trade-offer>header h3{font-size:17px}.trade-sides{grid-template-columns:1fr;gap:13px}.trade-sides>svg{justify-self:center;transform:rotate(90deg)}.trade-sides h4{margin-bottom:9px;font-size:9px}.trade-offer>footer{flex-wrap:wrap;gap:12px;padding-bottom:0}.trade-offer>footer>span{flex-basis:100%;font-size:9px}.trade-offer>footer>.small-primary{margin-left:auto}.trade-picker-columns{grid-template-columns:1fr;gap:16px}.trade-picker-list{height:250px}.trade-picker{padding:11px}.trade-explainer{font-size:11px}.trade-confirm{width:100%}.social-guest{padding:35px 18px}.social-guest h2{font-size:25px}.social-guest p{font-size:12px}.social-empty{padding:35px 12px}.social-empty h3{font-size:21px}.social-error,.trade-composer-actions .small-primary,.trade-composer-actions .text-button{font-size:11px}}.main-nav .social-nav{position:relative}.add-friend>input{color:#f8f4fb;background:#15111d;border:1px solid #78608b}.add-friend>input:focus{outline:2px solid var(--lime);outline-offset:2px}
.profile-page{max-width:900px;margin:auto}.profile-back{align-items:center;gap:8px;margin-bottom:32px;display:flex}.profile-page>header{align-items:center;gap:24px;margin-bottom:32px;display:flex}.profile-avatar{width:80px;height:80px;color:var(--lime);background:#d4fb730c;border:1px solid #d4fb7330;border-radius:24px;flex-shrink:0;place-items:center;display:grid}.profile-page h1{font-family:var(--font-display);overflow-wrap:anywhere;margin:10px 0;font-size:clamp(30px,5vw,46px)}.profile-page header p{color:var(--muted);font-size:13px;line-height:1.7}.profile-settings-grid{grid-template-columns:1.3fr 1fr;gap:20px;display:grid}.profile-settings-card{border:1px solid var(--line);background:linear-gradient(140deg,#292131,#1d1824);border-radius:18px;min-width:0;padding:28px}.username-form{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.username-form label{font-size:13px;font-weight:650}.username-form p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.username-form input{color:#fff;background:#15111c;border:1px solid #78608b;border-radius:10px;width:100%;min-width:0;padding:13px;font-size:16px}.username-form input:focus{outline:2px solid var(--lime);outline-offset:2px}.username-form .profile-error{color:#ffb7bf}.username-form .profile-saved{color:var(--lime)}@media (max-width:700px){.profile-settings-grid{grid-template-columns:1fr}.profile-page>header{gap:16px}.profile-avatar{border-radius:18px;width:56px;height:56px}}
.community-chat{--chat-width:320px}.chat-panel{z-index:35;height:min(680px,100dvh - 120px);width:var(--chat-width);isolation:isolate;background:#19151f;border:1px solid #ffffff20;border-radius:20px;flex-direction:column;display:flex;position:fixed;bottom:20px;right:20px;overflow:hidden;box-shadow:0 18px 65px #08061070}.chat-heading{border-bottom:1px solid #ffffff08;flex-shrink:0;align-items:center;gap:10px;padding:20px 18px 17px;display:flex}.chat-heading-icon{width:35px;height:35px;color:var(--lime);background:#d4fb7310;border:1px solid #d4fb7325;border-radius:11px;place-items:center;display:grid}.chat-heading h2{letter-spacing:-.02em;margin:0 0 5px;font-size:15px}.chat-heading>.icon-button{margin-left:auto}.chat-connection{color:#a29aac;align-items:center;gap:5px;font-size:10px;display:flex}.chat-connection i{background:#a29aac;border-radius:50%;width:5px;height:5px}.chat-connection[data-connected=true] i{background:var(--lime);box-shadow:0 0 8px #d4fb7345}.chat-feed{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#554261 transparent;overflow-anchor:none;flex:1;min-height:0;padding:10px 12px;overflow-y:auto}.chat-feed-content{flex-direction:column;min-height:100%;display:flex}.chat-feed-content>.chat-empty{flex:1}.chat-entry{overflow-wrap:anywhere;border-bottom:1px solid #ffffff05;padding:12px 7px}.chat-entry-meta{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.chat-user{color:#ddc3eb;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:700;line-height:1.4}.chat-user:hover{color:#fff;text-decoration:underline}.chat-entry time{color:#81758d;flex-shrink:0;font-size:9px}.chat-guest-name{color:#a59bad;font-size:12px}.chat-message-text{color:#ddd7e3;white-space:pre-wrap;margin:0;font-size:12px;line-height:1.65}.chat-drop{border:1px solid color-mix(in srgb, var(--drop-color), transparent 82%);background:linear-gradient(115deg, color-mix(in srgb, var(--drop-color), transparent 93%), transparent);border-radius:12px;margin:8px 0;padding:12px}.chat-drop-card{align-items:center;gap:10px;display:flex}.chat-drop-art{border:1px solid color-mix(in srgb, var(--drop-color), transparent 50%);border-radius:5px;flex:0 0 40px;height:54px;position:relative;overflow:hidden}.chat-drop-art img{object-fit:cover;object-position:center 25%}.chat-drop-card strong{margin:3px 0;font-size:12px;display:block}.chat-drop-card small{letter-spacing:.1em;color:#aa9bb5;font-size:8px}.chat-drop-intro{color:var(--drop-color);align-items:center;gap:4px;font-size:10px;display:flex}.chat-empty{text-align:center;color:#95849f;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;min-height:220px;padding:25px;display:flex}.chat-empty strong{color:#e2d8e9;font-size:14px}.chat-empty p{margin:0;font-size:12px;line-height:1.7}.chat-composer{background:#1e1827;border-top:1px solid #ffffff10;flex-shrink:0;padding:14px 16px 18px}.chat-input-row{background:#100d16;border:1px solid #ffffff16;border-radius:11px;gap:6px;padding:5px;display:flex}.chat-input-row:focus-within{border-color:#d4fb7370}.chat-input-row input{color:#fff;background:0 0;border:none;border-radius:7px;outline:none;flex:1;width:0;min-width:0;padding:8px;font-size:12px}.chat-input-row button{background:var(--lime);color:#25201c;cursor:pointer;border:0;border-radius:8px;place-items:center;width:34px;min-height:34px;display:grid}.chat-input-row button:disabled{opacity:.35;cursor:default}.chat-compose-hint{color:#9687a2;justify-content:space-between;gap:12px;margin-top:12px;font-size:9px;line-height:1.5;display:flex}.chat-compose-hint>span:last-child{flex-shrink:0}.chat-guest-cta>span{color:#ded2e9;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.chat-guest-cta p{color:#a79ab4;margin:7px 0 12px;font-size:11px;line-height:1.7}.chat-guest-cta button,.chat-friend-button{width:100%;color:var(--lime);cursor:pointer;background:#d4fb7310;border:1px solid #d4fb7335;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px;font-size:11px;font-weight:650;display:flex}.chat-guest-cta button:hover,.chat-friend-button:hover{background:#d4fb7320}.chat-error{color:#ffb7bf;margin:0 0 12px;font-size:11px;line-height:1.5}.chat-new{z-index:1;color:var(--lime);cursor:pointer;background:#352c41;border:1px solid #d4fb7340;border-radius:20px;align-self:center;align-items:center;gap:6px;margin:-37px 0 8px;padding:8px 12px;font-size:10px;display:flex;box-shadow:0 4px 15px #0005}.chat-launcher{z-index:34;color:var(--lime);cursor:pointer;background:#292133;border:1px solid #d4fb7345;border-radius:16px;align-items:center;gap:8px;padding:12px 15px;font-size:12px;display:none;position:fixed;bottom:20px;right:20px;box-shadow:0 5px 25px #0004}.chat-unread-badge{color:#fff;background:#ef527c;border:2px solid #19151f;border-radius:20px;place-items:center;min-width:23px;height:23px;padding:0 5px;font-size:10px;display:grid;position:absolute;top:-8px;right:-8px;box-shadow:0 3px 12px #0005}.chat-mobile-scrim{display:none}.chat-profile{z-index:4;text-align:center;background:linear-gradient(140deg,#33273e,#211b2b);border:1px solid #947ba164;border-radius:18px;max-height:calc(100% - 120px);padding:32px 20px 20px;position:absolute;bottom:100px;left:12px;right:12px;overflow-y:auto;box-shadow:0 14px 70px #0009}.chat-profile-close{position:absolute;top:8px;right:8px}.chat-avatar{color:#2e2039;background:linear-gradient(145deg,#e3c2f6,#a48bb6);border-radius:18px;place-items:center;width:52px;height:52px;margin:0 auto 13px;font-size:19px;font-weight:750;display:grid;box-shadow:0 0 30px #b58bcb15}.chat-profile h3{overflow-wrap:anywhere;margin:0;font-size:17px}.chat-joined{color:#b19abd;margin:7px 0 19px;font-size:10px}.chat-profile-stats{justify-content:center;gap:35px;margin-bottom:22px;display:flex}.chat-profile-stats strong{font-size:21px;display:block}.chat-profile-stats span{color:#b9a9c5;margin-top:5px;font-size:9px;display:block}.chat-relationship{color:var(--lime);justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.chat-profile>p{font-size:12px}.chat-profile>.chat-error{margin:12px 0 0}.chat-friend-button:disabled{opacity:.5;cursor:default}@media (min-width:1280px){.app-shell:has(.community-chat)>.sound-float{left:22px;right:auto}.community-chat[data-desktop-open=false] .chat-panel{display:none}.community-chat[data-desktop-open=false] .chat-launcher{display:flex}}@media (max-width:1279px){.chat-panel{z-index:51;width:min(350px,100vw - 24px);height:auto;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border-radius:0;display:none;top:0;bottom:0;right:0}.chat-launcher{top:auto;bottom:calc(92px + env(safe-area-inset-bottom));display:flex}.community-chat[data-mobile-open=true] .chat-panel{display:flex}.community-chat[data-mobile-open=true] .chat-mobile-scrim{z-index:50;background:#06040bcc;display:block;position:fixed;inset:0}.chat-heading{padding-top:24px}.chat-input-row input{font-size:16px}}.chat-composer .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}