@keyframes pulse-ring{0%{opacity:.55;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}.pulse-ring{border:2px solid var(--tier);border-radius:9999px;animation:1.8s ease-out infinite pulse-ring;position:absolute;inset:0}.pulse-ring:nth-child(2){animation-delay:.6s}.pulse-ring:nth-child(3){animation-delay:1.2s}@keyframes ambient-drift{0%{transform:translate(-4%,2%)scale(1)}50%{transform:translate(4%,-3%)scale(1.08)}to{transform:translate(-4%,2%)scale(1)}}.ambient-blob{filter:blur(70px);pointer-events:none;border-radius:9999px;animation:7s ease-in-out infinite ambient-drift;position:absolute}@keyframes spark-rise{0%{opacity:0;transform:translateY(0)scale(1)}15%{opacity:1}to{opacity:0;transform:translateY(-140px)scale(.2)}}.spark{background:var(--tier);width:6px;height:6px;box-shadow:0 0 12px var(--tier);border-radius:9999px;animation:2.4s ease-out infinite spark-rise;position:absolute}@keyframes sheen{0%{transform:translate(-120%)skew(-18deg)}to{transform:translate(220%)skew(-18deg)}}.slab-sheen:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff29,#0000);width:45%;animation:3.2s ease-in-out .6s infinite sheen;position:absolute;inset:0}.slab{background:linear-gradient(160deg,#ffffff24,#ffffff0a 45%,#ffffff1a);border:1px solid #ffffff38;border-radius:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff59,inset 0 -1px #0006,0 30px 60px -20px #000c}.slab-label{color:#15151d;background:linear-gradient(#f4eee3,#e4e4ee)}.tab-active{color:var(--text)}.tab-active .tab-dot{opacity:1}.tab-dot{opacity:0;transition:opacity .2s}.scroll-x{scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}.stage-bg{transition:background .7s}@keyframes pack-bob{0%,to{transform:translateY(0)rotate(-.6deg)}50%{transform:translateY(-3px)rotate(.6deg)}}.pack-bob{will-change:transform;animation:3.4s ease-in-out infinite pack-bob}@keyframes pack-sweep{0%{opacity:0;transform:translate(-160%)skew(-20deg)}4%{opacity:1}26%{opacity:1;transform:translate(240%)skew(-20deg)}30%,to{opacity:0;transform:translate(240%)skew(-20deg)}}.pack-sweep{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(90deg,#0000,#ffffff0d 30%,#f4eee347 50%,#ffffff0d 70%,#0000);border-radius:0;width:38%;animation:4s ease-in-out .8s infinite pack-sweep;position:absolute;inset:4% 0}.tear-line{transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#0000,#f4eee3 12% 50%,#f4eee3 88%,#0000);border-radius:0;height:2px;position:absolute;left:3%;right:3%;box-shadow:0 0 6px 1px #f4eee3f2,0 0 18px 4px #e90104b3,0 0 40px 10px #e9010459}.tear-glow{filter:blur(14px);pointer-events:none;background:radial-gradient(#f4eee3f2,#e901048c 38%,#0000 70%);border-radius:9999px;height:26%;position:absolute;left:-12%;right:-12%}.foil-shard{background:linear-gradient(135deg, #fff, var(--shard,#e90104) 60%, #fff6);pointer-events:none;border-radius:0;position:absolute;box-shadow:0 0 6px #f4eee3b3}@keyframes holo-drift{0%{transform:rotate(0)scale(1.6)}to{transform:rotate(360deg)scale(1.6)}}.card-back{background:linear-gradient(160deg,#1a1a26,#0d0d14 55%,#16161f);border-color:#ffffff3d}.card-back-holo{opacity:.55;filter:blur(26px)saturate(1.2);mix-blend-mode:screen;pointer-events:none;background:conic-gradient(from 210deg,#e90104 0deg 70deg,#e90104 130deg 200deg,#e90104 270deg 360deg);animation:14s linear infinite holo-drift;position:absolute;inset:0}.card-back-grid{pointer-events:none;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:14px 14px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 78%);mask-image:radial-gradient(#000 30%,#0000 78%)}.card-back-emblem{text-shadow:0 2px 8px #00000059;background:linear-gradient(160deg,#e90104,#e90104);box-shadow:inset 0 1px #ffffff59,0 12px 32px -10px #e90104cc,0 0 0 1px #ffffff1f}@keyframes ray-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ray-burst{pointer-events:none;background:repeating-conic-gradient(#e901046b 0deg 5deg,#0000 5deg 15deg);border-radius:9999px;animation:24s linear infinite ray-spin;position:absolute;inset:-45%;-webkit-mask-image:radial-gradient(circle,#000 0%,#0009 40%,#0000 68%);mask-image:radial-gradient(circle,#000 0%,#0009 40%,#0000 68%)}@keyframes specular{0%{transform:translate(-140%)skew(-18deg)}to{transform:translate(240%)skew(-18deg)}}.specular-sweep{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(90deg,#0000,#ffffff0d 30%,#ffffff6b 50%,#ffffff0d 70%,#0000);width:40%;animation:.8s cubic-bezier(.3,.7,.3,1) both specular;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.pack-bob,.pack-sweep,.pulse-ring,.ambient-blob,.spark,.slab-sheen:after,.card-back-holo,.ray-burst,.specular-sweep{animation:none}.pack-sweep{display:none}}.slab-lite{width:100%;min-width:0;position:relative;container-type:inline-size}.slab-lite-in{background:linear-gradient(160deg,#ffffff29,#ffffff0d 45%,#ffffff1f);border:1px solid #ffffff47;border-radius:0;flex-direction:column;font-size:12cqw;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #fff6,inset 0 -1px #00000073,0 20px 40px -18px #000000d9}.slab-lite-label{background:linear-gradient(#f4eee3,#e6e6ef);justify-content:space-between;align-items:center;gap:4cqw;padding:4cqw 6cqw 3cqw;display:flex}.slab-lite-well{background:#00000080;border-radius:0;flex:1;min-height:0;margin:2cqw 5cqw 5cqw;position:relative;overflow:hidden}.slab-lite-nolabel .slab-lite-well{margin-top:5cqw}.slab-lite-well img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker{position:relative;overflow:hidden}.ticker:before,.ticker:after{content:"";z-index:1;pointer-events:none;width:4%;position:absolute;top:0;bottom:0}.ticker:before{background:linear-gradient(90deg, var(--bg), transparent);left:0}.ticker:after{background:linear-gradient(-90deg, var(--bg), transparent);right:0}.ticker-track{will-change:transform;width:max-content;animation:ticker var(--ticker-dur,40s) linear infinite;gap:8px;display:flex}.ticker:hover .ticker-track{animation-play-state:paused}.bar{background:#ffffff14;border-radius:0;height:2px;overflow:hidden}.bar>i{background:var(--bar,var(--accent));border-radius:0;height:100%;display:block}.buy-sheet{left:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom));z-index:35;background:color-mix(in oklab, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);position:fixed;box-shadow:0 -12px 30px -16px #000000e6}@media (prefers-reduced-motion:reduce){.ticker-track,.stage-float{animation:none}}.sealed{--matte-a:#262631;--matte-b:#101016;--edge:#ffffff29;width:100%;min-width:0;position:relative;container-type:inline-size}.sealed-photo{background:#fff;border-radius:0;place-items:center;padding:7%;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 10px 30px -12px #000000b3}.sealed-photo img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%}.sealed-photo.is-cutout{background:radial-gradient(70% 55% at 50% 45%,#ffffff1a,#0000 70%),radial-gradient(60% 12% at 50% 94%,#0000008c,#0000 70%),linear-gradient(#1d1f29,#0f1016);padding:8%;box-shadow:inset 0 0 0 1px #ffffff0f,0 10px 30px -12px #000000b3}.sealed-photo.is-cutout img{filter:drop-shadow(0 6px 10px #0000008c)}.sealed-in{font-size:12cqw;position:absolute;inset:0}.sealed-front{border:1px solid var(--edge);background:radial-gradient(120% 90% at 50% 0%, #ffffff14, transparent 55%), linear-gradient(160deg, var(--matte-a), var(--matte-b) 70%);border-radius:0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #ffffff2e,inset 0 -2cqw 4cqw #00000073,0 18px 36px -16px #000000e6}.sealed-box .sealed-front,.sealed-etb .sealed-front,.sealed-cube .sealed-front{border-radius:0;inset:9cqw 8cqw 0 0}.sealed-top{clip-path:polygon(0 100%,8cqw 0,100% 0,calc(100% - 8cqw) 100%);background:linear-gradient(#3a3a48,#22222c);border-top-left-radius:2cqw;border-top-right-radius:2cqw;height:10cqw;position:absolute;top:0;left:4cqw;right:4cqw}.sealed-side{clip-path:polygon(0 9cqw,100% 0,100% calc(100% - 9cqw),0 100%);background:linear-gradient(90deg,#050505,#0d0506);border-bottom-right-radius:2cqw;width:12cqw;position:absolute;top:0;bottom:6cqw;right:0}.sealed-lid{background:linear-gradient(#ffffff12,#ffffff05);border-bottom:1px solid #0009;height:22%;position:absolute;top:0;left:0;right:0;box-shadow:0 1px #ffffff14}.sealed-etb .sealed-logo{margin-top:10%}.sealed-pouch .sealed-front{background:radial-gradient(120% 60% at 50% 30%, #ffffff1a, transparent 60%), linear-gradient(170deg, var(--matte-a), var(--matte-b) 75%);border-radius:0}.sealed-crimp{opacity:.9;background:repeating-linear-gradient(90deg,#ffffff1f 0 2cqw,#00000040 2cqw 4cqw);height:9%;position:absolute;left:0;right:0}.sealed-crimp-top{clip-path:polygon(0 0,100% 0,100% 55%,96% 100%,92% 55%,88% 100%,84% 55%,80% 100%,76% 55%,72% 100%,68% 55%,64% 100%,60% 55%,56% 100%,52% 55%,48% 100%,44% 55%,40% 100%,36% 55%,32% 100%,28% 55%,24% 100%,20% 55%,16% 100%,12% 55%,8% 100%,4% 55%,0 100%);top:0}.sealed-crimp-bottom{clip-path:polygon(0 100%,100% 100%,100% 45%,96% 0,92% 45%,88% 0,84% 45%,80% 0,76% 45%,72% 0,68% 45%,64% 0,60% 45%,56% 0,52% 45%,48% 0,44% 45%,40% 0,36% 45%,32% 0,28% 45%,24% 0,20% 45%,16% 0,12% 45%,8% 0,4% 45%,0 0);bottom:0}.sealed-logo{z-index:1;filter:drop-shadow(0 2cqw 4cqw #000000b3);justify-content:center;align-items:center;width:78%;height:42%;display:flex;position:relative}.sealed-box .sealed-logo{width:70%;height:40%}.sealed-etb .sealed-logo{height:36%}.sealed-pouch .sealed-logo{height:34%}.sealed-logo img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.sealed-logo-text{text-align:center;color:#ffffffd9;text-transform:uppercase;letter-spacing:.04em;font-size:.8em;font-weight:800;line-height:1.05}.sealed-caption{z-index:1;letter-spacing:.16em;text-transform:uppercase;color:#ffffffc7;white-space:nowrap;background:#00000073;border:1px solid #ffffff2e;border-radius:999px;margin-top:4cqw;padding:1.2cqw 3.5cqw;font-size:.36em;font-weight:700;position:relative}.sealed-pouch .sealed-caption{margin-top:4cqw}.sealed-gloss{pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff12 48%,#0000 58%);position:absolute;inset:0}.sealed-stage{background:linear-gradient(#0d0506,#050505);border:1px solid #ffffff1f;border-radius:0;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.sealed-stage-floor{filter:blur(10px);background:radial-gradient(#ffffff2e,#0000 70%);border-radius:9999px;height:12%;position:absolute;bottom:6%;left:8%;right:8%}.sealed-stage-body{position:relative}.stage{aspect-ratio:1;background:radial-gradient(90% 70% at 50% 100%,#0d0506,#050505 70%);border-radius:0;width:100%;position:relative;overflow:hidden}.stage-hero{background:0 0;border-radius:0;overflow:visible}.stage-floor{filter:blur(14px);pointer-events:none;background:radial-gradient(#f4eee347,#0000 70%);border-radius:9999px;height:16%;position:absolute;bottom:6%;left:10%;right:10%}.stage-body{z-index:3;transition:transform .18s;position:absolute;left:50%;transform:translate(-50%)}.stage-case .stage-body{width:100%;bottom:-14%}.stage-pack .stage-body{filter:drop-shadow(0 18px 20px #0009);width:42%;bottom:3%}.stage-behind{z-index:1;transition:transform .18s;position:absolute}.stage-case .stage-behind{width:34%;bottom:60%}.stage-case .stage-behind-0{z-index:2;left:50%;transform:translate(-50%)}.stage-case .stage-behind-1{width:30%;bottom:57%;left:6%;transform:rotate(-3deg)}.stage-case .stage-behind-2{width:30%;bottom:57%;right:6%;transform:rotate(3deg)}.stage-case .stage-behind-solo{left:50%;transform:translate(-50%)}.stage-pack .stage-behind{width:40%;bottom:18%}.stage-pack .stage-behind-0{left:8%;transform:rotate(-10deg)}.stage-pack .stage-behind-1{right:8%;transform:rotate(10deg)}.stage-pack .stage-behind-2{display:none}.stage-pack .stage-behind-solo{left:50%;transform:translate(-50%)}.stage-hero{aspect-ratio:5/4}.stage-hero.stage-case .stage-body{bottom:-20%}.stage-hero.stage-case .stage-behind{width:30%;bottom:60%}.stage-hero.stage-case .stage-behind-1{width:27%;bottom:55%;left:9%}.stage-hero.stage-case .stage-behind-2{width:27%;bottom:55%;right:9%}.stage-hero.stage-pack .stage-body{width:36%;bottom:4%}.stage-hero.stage-pack .stage-behind{width:34%;bottom:16%}.stage-hero.stage-pack .stage-behind-0{left:12%}.stage-hero.stage-pack .stage-behind-1{right:12%}.stage-detail{background:radial-gradient(90% 70% at 50% 100%,#0d0506,#050505 70%);border-radius:0;overflow:hidden}@keyframes stage-float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-10px)}}.stage-float{will-change:transform;animation:6s ease-in-out infinite stage-float}.tile{transition:transform .18s,border-color .18s}.tile:hover{border-color:var(--border-strong);transform:translateY(-3px)}.tile-line{background:var(--tier,var(--tier-base));border-radius:0;height:2px}.tile-soldout .stage{filter:grayscale(.6)brightness(.6)}.pool-tile{border:1px solid var(--border);background:var(--surface);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--tier) 35%, transparent);border-radius:0;transition:transform .18s,border-color .18s}.pool-tile:hover{border-color:var(--border-strong);transform:translateY(-2px)}.mock{border:1px solid var(--border);background:var(--bg);aspect-ratio:4/3;border-radius:0;position:relative;overflow:hidden}.mini-bar{z-index:35;background:color-mix(in oklab, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);visibility:hidden;transition:transform .22s,visibility 0s .22s;position:fixed;top:56px;left:0;right:0;transform:translateY(calc(-100% - 60px))}.mini-bar-on{visibility:visible;transition:transform .22s;transform:translateY(0)}.pick-arrow{border:1px solid var(--border-strong);background:var(--surface);width:40px;height:40px;color:var(--text);border-radius:9999px;place-items:center;transition:border-color .15s,opacity .15s;display:grid}.pick-arrow:hover{border-color:color-mix(in oklab, var(--text) 30%, transparent)}.pick-arrow:disabled{opacity:.3}.case-wheel{isolation:isolate;background:radial-gradient(ellipse 90% 70% at 50% 35%, var(--surface-2), var(--bg) 75%)}.wheel-glow{pointer-events:none;background:radial-gradient(ellipse 45% 38% at 50% 48%, color-mix(in oklab, var(--case-accent,var(--text)) 16%, transparent), transparent 70%);transition:background .4s;position:absolute;inset:0}.wheel-track{aspect-ratio:1/.66;cursor:grab}.wheel-track:active{cursor:grabbing}.wheel-track:focus-visible{outline:1px solid var(--border-strong);outline-offset:-6px;border-radius:0}.wheel-slot{will-change:left, top, transform, opacity;width:66%;position:absolute}@media (min-width:768px){.wheel-track{aspect-ratio:1/.42}.wheel-slot{width:40%}}.case-tile{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in oklab, var(--surface) 92%, var(--case-accent) 8%), var(--surface) 55%);border-radius:0;flex-direction:column;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.case-tile:hover{border-color:color-mix(in oklab, var(--case-accent) 45%, var(--border-strong));box-shadow:0 24px 60px -24px color-mix(in oklab, var(--case-accent) 45%, transparent);transform:translateY(-4px)}.case-tile-art{padding-top:2.75rem;position:relative;overflow:hidden}.case-tile-glow{background:radial-gradient(60% 55% at 50% 72%, color-mix(in oklab, var(--case-accent) 26%, transparent), transparent 70%);opacity:.7;transition:opacity .3s;position:absolute;inset:0}.case-tile:hover .case-tile-glow{opacity:1}.case-tile-stage{transition:transform .4s cubic-bezier(.2,.8,.2,1)}.case-tile:hover .case-tile-stage{transform:scale(1.03)}.case-tile-stat{background:var(--surface-2);border-radius:0;padding:.55rem .4rem}.case-tile-stat dt{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10px}.case-tile-stat dd{margin-top:2px;font-size:15px;font-weight:700}@media (prefers-reduced-motion:reduce){.case-tile,.case-tile-stage{transition:none}.case-tile:hover,.case-tile:hover .case-tile-stage{transform:none}}.skel{background:linear-gradient(100deg, var(--surface) 30%, color-mix(in oklab, var(--surface-2) 70%, white 4%) 50%, var(--surface) 70%);background-size:300% 100%;border-radius:0;animation:1.3s ease-in-out infinite skel-sweep}@keyframes skel-sweep{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.skel{animation:none}}.install-prompt{left:12px;right:12px;bottom:calc(64px + env(safe-area-inset-bottom));z-index:40;border:1px solid var(--border-strong);background:color-mix(in oklab, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:0;align-items:center;gap:12px;padding:10px 10px 10px 12px;animation:.3s cubic-bezier(.2,.8,.2,1) both install-in;display:flex;position:fixed;box-shadow:0 12px 40px #00000073}@keyframes install-in{0%{opacity:0;transform:translateY(16px)}}.value-chart-tip{border:1px solid var(--border-strong);background:var(--surface-2);text-align:center;pointer-events:none;border-radius:0;flex-direction:column;align-items:center;gap:1px;max-width:210px;padding:5px 9px;font-size:12px;line-height:1.25;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 12px));box-shadow:0 6px 20px #00000059}.proof-facts{border:1px solid var(--border);background:var(--border);border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.proof-facts>div{background:var(--surface);padding:12px 14px}.proof-facts dt{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px}.proof-facts dd{margin-top:3px;font-size:15px;font-weight:600}@media (min-width:640px){.proof-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}.proof-hashes>div{border-top:1px solid var(--border);grid-template-columns:110px minmax(0,1fr);gap:10px;padding:7px 0;font-size:12px;display:grid}.proof-hashes dt{color:var(--muted)}.proof-hashes dd{overflow-wrap:anywhere;color:color-mix(in oklab, var(--text) 85%, transparent)}.proof-facts>div:last-child:nth-child(odd){grid-column:span 2}@media (min-width:640px){.proof-facts>div:last-child:nth-child(odd){grid-column:auto}.proof-facts>div:last-child:nth-child(3n+2){grid-column:span 2}.proof-facts>div:last-child:nth-child(3n+1){grid-column:span 3}}.rewards-hero{background:radial-gradient(120% 140% at 0% 0%, color-mix(in oklab, var(--tier-grail) 14%, transparent) 0%, transparent 55%), var(--surface)}.level-badge{color:#050505;background:linear-gradient(145deg, #e90104, var(--tier-grail) 55%, #e90104);width:64px;height:64px;box-shadow:0 8px 30px color-mix(in oklab, var(--tier-grail) 35%, transparent), inset 0 1px 0 #ffffff80;border-radius:0;flex-shrink:0;place-items:center;font-size:28px;font-weight:800;display:grid}.level-badge[data-level="1"]{color:var(--text);background:linear-gradient(145deg,#3a404c,#242833);box-shadow:inset 0 1px #ffffff1a}.level-badge[data-level="2"],.level-badge[data-level="3"]{color:#06201c;background:linear-gradient(145deg, #f4eee3, var(--tier-hit) 60%, #e90104);box-shadow:0 8px 30px color-mix(in oklab, var(--tier-hit) 30%, transparent), inset 0 1px 0 #ffffff80}.level-badge[data-level="4"],.level-badge[data-level="5"]{color:#fff;background:linear-gradient(145deg, #f4eee3, var(--tier-big) 60%, #e90104);box-shadow:0 8px 30px color-mix(in oklab, var(--tier-big) 35%, transparent), inset 0 1px 0 #fff6}.level-bar{background:linear-gradient(90deg, var(--accent), var(--tier-grail));transition:width .6s cubic-bezier(.2,.8,.2,1)}.level-chip{border:1px solid var(--border-strong);background:var(--surface-2);border-radius:0;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:grid}.level-chip.is-current{border-color:var(--tier-grail);color:var(--tier-grail);box-shadow:0 0 0 3px color-mix(in oklab, var(--tier-grail) 18%, transparent)}.streak-day{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:0;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;display:flex}.streak-day.is-done{border-color:color-mix(in oklab, var(--success) 50%, transparent);background:color-mix(in oklab, var(--success) 12%, var(--surface-2));color:var(--text)}.streak-day.is-today{border-color:var(--accent);color:var(--text);box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 20%, transparent)}.chat-lvl{vertical-align:1px;background:var(--surface-2);min-width:18px;height:16px;color:var(--muted);border:1px solid var(--border);border-radius:0;place-items:center;margin-right:6px;padding:0 4px;font-size:10px;font-weight:800;display:inline-grid}.chat-lvl.lvl-2,.chat-lvl.lvl-3{color:var(--tier-hit);border-color:color-mix(in oklab, var(--tier-hit) 40%, transparent)}.chat-lvl.lvl-4,.chat-lvl.lvl-5{color:var(--tier-big);border-color:color-mix(in oklab, var(--tier-big) 45%, transparent)}.chat-lvl.lvl-6,.chat-lvl.lvl-7{color:var(--tier-grail);border-color:color-mix(in oklab, var(--tier-grail) 50%, transparent)}.feed-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""chat""feed";gap:16px;display:grid}.feed-chat{height:380px}@media (min-width:1024px){.feed-layout{grid-template:"head chat""feed chat"1fr/minmax(0,1fr) 360px;gap:8px 24px}.feed-chat{height:calc(100dvh - 7rem);position:sticky;top:80px}}.ship-steps{grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:relative}.ship-steps li{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:3px;display:flex;position:relative}.ship-steps li:before{content:"";background:var(--border);width:100%;height:2px;position:absolute;top:5px;left:-50%}.ship-steps li:first-child:before{display:none}.ship-steps li.is-done:before{background:var(--success)}.ship-steps li.is-done{color:var(--text)}.ship-dot{z-index:1;background:var(--surface-2);border:2px solid var(--border-strong);border-radius:999px;width:12px;height:12px;position:relative}.ship-steps li.is-done .ship-dot{background:var(--success);border-color:var(--success)}.ship-steps li.is-now .ship-dot{box-shadow:0 0 0 4px color-mix(in oklab, var(--success) 25%, transparent)}.room-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"main""chat";gap:16px;display:grid}.room-chat{height:420px}@media (min-width:1024px){.room-layout{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"main chat";gap:24px}.room-chat{height:calc(100dvh - 7rem);position:sticky;top:80px}}.room-toast{z-index:60;border:1px solid var(--tier,var(--border-strong));background:color-mix(in oklab, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:min(92vw,520px);box-shadow:0 10px 40px color-mix(in oklab, var(--tier,#000) 35%, transparent);border-radius:999px;align-items:center;gap:10px;padding:10px 16px;animation:.35s cubic-bezier(.2,.8,.2,1) both room-toast-in;display:flex;position:fixed;top:72px;left:50%;transform:translate(-50%)}@keyframes room-toast-in{0%{opacity:0;transform:translate(-50%,-12px)}}.battle-seat.is-winner{border-color:var(--tier-grail);box-shadow:0 0 0 3px color-mix(in oklab, var(--tier-grail) 25%, transparent), 0 20px 60px color-mix(in oklab, var(--tier-grail) 20%, transparent)}.battle-flip{animation:.55s cubic-bezier(.2,.8,.2,1) both battle-flip}@keyframes battle-flip{0%{opacity:0;transform:perspective(600px)rotateY(80deg)scale(.9)}}.battle-shake{animation:.5s linear infinite battle-shake}@keyframes battle-shake{25%{transform:translate(-2px)rotate(-.6deg)}75%{transform:translate(2px)rotate(.6deg)}}@media (prefers-reduced-motion:reduce){.battle-flip,.battle-shake{animation:none}}.lang-badge{border:1px solid var(--border-strong);font-family:var(--font-sans);letter-spacing:.06em;color:var(--muted);vertical-align:middle;border-radius:0;flex-shrink:0;align-items:center;padding:.05rem .35rem;font-size:10px;font-weight:700;line-height:1.4;display:inline-flex}.mission{border:1px solid var(--border);background:var(--surface-2);border-radius:0;align-items:center;gap:.75rem;padding:.7rem .8rem;display:flex}.mission.is-claimed{opacity:.65}.badge-tile{border:1px solid var(--border);background:var(--surface-2);text-align:center;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:.3rem;min-height:7rem;padding:.75rem .5rem;display:flex}.badge-icon{border:1px solid var(--border-strong);width:2.25rem;height:2.25rem;color:var(--muted);border-radius:999px;place-items:center;display:grid}.badge-tile.is-earned{border-color:color-mix(in oklab, var(--tier-grail) 45%, transparent);background:linear-gradient(180deg, color-mix(in oklab, var(--tier-grail) 12%, var(--surface-2)), var(--surface-2))}.badge-tile.is-earned .badge-icon{border-color:color-mix(in oklab, var(--tier-grail) 60%, transparent);color:var(--tier-grail);box-shadow:0 0 18px -4px color-mix(in oklab, var(--tier-grail) 60%, transparent)}.badge-tile.is-locked{opacity:.7}.race-head{background:radial-gradient(ellipse 60% 120% at 100% 0%, color-mix(in oklab, var(--tier-grail) 16%, transparent), transparent 70%)}.creator-hero{background:radial-gradient(ellipse 50% 140% at 0% 0%, color-mix(in oklab, var(--accent) 16%, transparent), transparent 70%), var(--surface)}.faq summary::-webkit-details-marker{display:none}.faq-chev{border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);flex-shrink:0;width:.55rem;height:.55rem;transition:transform .15s;transform:rotate(45deg)translateY(-2px)}.faq details[open] .faq-chev{transform:rotate(-135deg)translateY(-2px)}.faq a{color:var(--text);text-decoration:underline}.overlay-card{border:2px solid color-mix(in oklab, var(--tier) 70%, transparent);box-shadow:0 0 40px -6px color-mix(in oklab, var(--tier) 60%, transparent), 0 20px 50px -20px #000c;background:linear-gradient(135deg,#050505f0,#050505db)}.overlay-grail{animation:1.6s ease-in-out infinite overlay-glow}@keyframes overlay-glow{50%{box-shadow:0 0 70px 4px color-mix(in oklab, var(--tier) 70%, transparent), 0 20px 50px -20px #000c}}@media (prefers-reduced-motion:reduce){.overlay-grail{animation:none}}.hero-chests{aspect-ratio:1.25;width:100%;max-width:600px;margin:0 auto;position:relative}.hero-chests-glow{filter:blur(10px);background:radial-gradient(closest-side,#e9010438,#e901040f 60%,#0000 75%);border-radius:50%;position:absolute;inset:8% 10% 12%}.hero-chests-floor{background:radial-gradient(closest-side,#000000bf,#0000);border-radius:50%;height:12%;position:absolute;bottom:10%;left:8%;right:8%}.hero-chest{animation:hero-float 6s var(--d,0s) ease-in-out infinite;will-change:transform;margin:0;position:absolute}.hero-chest img{width:100%;height:auto;filter:drop-shadow(0 18px 22px #0009) drop-shadow(0 0 22px color-mix(in oklab, var(--tier) 35%, transparent));display:block}.hero-chest figcaption{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.hc-1{z-index:1;width:25%;top:28%;left:1%}.hc-2{z-index:6;width:30%;top:44%;left:12%}.hc-3{z-index:5;width:50%;top:4%;left:25%}.hc-4{z-index:6;width:30%;top:44%;right:12%}.hc-5{z-index:1;width:25%;top:28%;right:1%}.hc-3 img{filter:drop-shadow(0 24px 30px #0009)drop-shadow(0 0 40px #e9010473)}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes hero-prism{to{background-position:-200% 0}}.chest-tiers{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}@media (max-width:767px){.chest-tiers{scroll-snap-type:x mandatory;grid-template-columns:repeat(5,150px);margin:0 -16px;padding:0 16px 4px;overflow-x:auto}.chest-tiers>li{scroll-snap-align:start}}.chest-tier-card{border-radius:var(--radius-card);border:1px solid var(--border);background:radial-gradient(90% 70% at 50% 35%, color-mix(in oklab, var(--tier) 16%, transparent), transparent 70%), var(--surface);text-align:center;padding:12px 12px 14px;position:relative;overflow:hidden}.chest-tier-card:after{content:"";background:var(--tier);opacity:.7;border-radius:0;height:2px;position:absolute;top:0;left:16px;right:16px}.chest-tier-art img{filter:drop-shadow(0 12px 16px #0000008c);width:100%;height:auto;display:block}.chest-tier-name{font:800 16px/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--tier);margin-top:4px}.chest-tier-mythic .chest-tier-name{background:linear-gradient(90deg,#f4eee3,#fff,#f4eee3,#f4eee3,#f4eee3) 0 0/200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text}.chest-tier-mythic:hover .chest-tier-name{animation:4s linear infinite hero-prism}.chest-tier-line{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.35}@media (prefers-reduced-motion:reduce){.hero-chest,.hc-3 figcaption,.chest-tier-mythic .chest-tier-name{animation:none}}.try-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (max-width:639px){.try-grid>:last-child{grid-column:span 2}}@media (min-width:640px){.try-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:900px){.try-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.try-card{cursor:pointer;width:100%;transition:transform .15s,border-color .15s}.try-card:hover{border-color:color-mix(in oklab, var(--tier) 50%, transparent);transform:translateY(-3px)}.try-card:active{transform:translateY(0)scale(.98)}.try-card .chest-tier-line{color:var(--text);font-weight:600}.big-pull-toast{left:50%;bottom:calc(68px + env(safe-area-inset-bottom));z-index:60;background:color-mix(in oklab, var(--surface-2) 92%, transparent);border:1px solid color-mix(in oklab, var(--tier-grail) 45%, transparent);width:min(92vw,420px);box-shadow:0 12px 40px -10px #000000b3, 0 0 30px -8px color-mix(in oklab, var(--tier-grail) 60%, transparent);border-radius:0;align-items:center;gap:8px;padding:8px 10px 8px 8px;animation:.45s cubic-bezier(.2,1.3,.4,1) both big-pull-in;display:flex;position:fixed;transform:translate(-50%)}@media (min-width:768px){.big-pull-toast{bottom:24px}}@keyframes big-pull-in{0%{opacity:0;transform:translate(-50%,24px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}.top-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (min-width:768px){.top-wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}.top-wall-card{border:1px solid var(--color-border);background:radial-gradient(120% 80% at 50% 70%, color-mix(in srgb, var(--tw) 22%, transparent) 0%, var(--color-surface) 62%);border-radius:0;transition:border-color .2s,transform .2s;display:block;overflow:hidden}.top-wall-card:hover{border-color:color-mix(in srgb, var(--tw) 55%, transparent);transform:translateY(-2px)}.top-wall-stage{aspect-ratio:1;position:relative}.top-wall-chest{filter:drop-shadow(0 10px 18px #0009);width:82%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.top-wall-item{filter:drop-shadow(0 14px 22px #000000a6);height:48%;position:absolute;top:5%;left:18%;right:18%}.top-wall-item img{object-fit:contain;width:100%;height:100%}.pticker{color:#fff;letter-spacing:.16em;text-transform:uppercase;background:#e90104;align-items:center;height:42px;font-size:14px;font-weight:700;display:flex;overflow:hidden}.pticker-live{color:#fff;background:#000;flex-shrink:0;align-items:center;gap:8px;height:100%;padding:0 14px;font-size:12px;display:inline-flex}.pticker-dot{background:#e90104;border-radius:50%;width:7px;height:7px;position:relative}.pticker-dot:after{content:"";background:#e90104;border-radius:50%;animation:1.8s ease-out infinite pticker-pulse;position:absolute;inset:0}@keyframes pticker-pulse{0%{opacity:.6;transform:scale(1)}80%,to{opacity:0;transform:scale(2.8)}}.pticker-track-wrap{flex:1;position:relative;overflow:hidden}.pticker-track{will-change:transform;width:max-content;animation:34s linear infinite pticker-run;display:flex}.pticker:hover .pticker-track,.pticker:focus-within .pticker-track{animation-play-state:paused}@keyframes pticker-run{to{transform:translate(-50%)}}.pticker-item{white-space:nowrap;color:#fff;align-items:center;gap:8px;padding:0 18px;display:inline-flex}.pticker-item:after{content:"";background:#fff;flex:none;width:6px;height:6px;margin-left:18px;transform:rotate(45deg)}.pticker-item:hover .pticker-name{text-underline-offset:3px;text-decoration:underline}.pticker-chest{display:none}.pticker-user{color:#fff}.pticker-name{text-overflow:ellipsis;max-width:260px;overflow:hidden}.pticker-val{color:#fff!important}.pticker-mult{color:#e90104;letter-spacing:.04em;background:#fff;padding:1px 6px;font-size:11px}@media (prefers-reduced-motion:reduce){.pticker-track{animation:none}.pticker-track-wrap{overflow-x:auto}}.rip-tab{flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:5px;display:flex;position:relative}.rip-tab-btn{width:56px;height:56px;box-shadow:0 8px 20px -6px #e90104b3, 0 0 0 4px var(--bg);background:linear-gradient(#e90104,#e90104);border-radius:50%;place-items:center;margin-left:-28px;transition:transform .15s;display:grid;position:absolute;top:-20px;left:50%}.rip-tab-btn img{object-fit:contain;filter:drop-shadow(0 2px 3px #00000073);width:44px;height:44px}.rip-tab:active .rip-tab-btn{transform:scale(.92)}.rip-tab-label{color:var(--accent-2);font-size:11px;font-weight:700}.stage-body .case-art img{transform-origin:50% 85%;will-change:transform;animation:5s ease-in-out 1.2s infinite chest-breathe}@keyframes chest-breathe{50%{transform:translateY(-2.5%)scale(1.01)}}.stage-behind{transition:transform .45s cubic-bezier(.2,.8,.2,1)}.stage-spark{background:var(--case-accent,#e90104);width:5px;height:5px;box-shadow:0 0 8px 2px var(--case-accent,#e90104);opacity:0;pointer-events:none;border-radius:50%;position:absolute}.stage-spark-1{top:38%;left:30%}.stage-spark-2{top:32%;left:62%}.stage-spark-3{top:44%;left:48%}@media (hover:hover){.group:hover .stage-body .case-art img,.case-tile:hover .stage-body .case-art img{filter:brightness(1.12)saturate(1.1);animation:.55s ease-in-out chest-rattle,5s ease-in-out .55s infinite chest-breathe}.group:hover .stage-behind,.case-tile:hover .stage-behind{transform:translateY(-7%)}.group:hover .stage-spark,.case-tile:hover .stage-spark{animation:1.1s ease-out infinite spark-up}.group:hover .stage-spark-2,.case-tile:hover .stage-spark-2{animation-delay:.35s}.group:hover .stage-spark-3,.case-tile:hover .stage-spark-3{animation-delay:.7s}}.case-tile:active .stage-body .case-art img{animation:.45s ease-in-out chest-rattle}@keyframes chest-rattle{0%,to{transform:none}15%{transform:rotate(-2.2deg)translateY(-1%)}30%{transform:rotate(2deg)}45%{transform:rotate(-1.4deg)translateY(-1.5%)}60%{transform:rotate(1deg)}80%{transform:rotate(-.4deg)}}@keyframes spark-up{0%{opacity:0;transform:translateY(0)scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(-60px)scale(1.2)}}@media (prefers-reduced-motion:reduce){.stage-body .case-art img,.stage-spark{animation:none!important}}@media (min-width:768px){.hero-title{font-variation-settings:"wdth" 76}}body:has(.buy-sheet) .rip-tab-btn{width:30px;height:30px;box-shadow:none;margin-left:-15px;top:6px}body:has(.buy-sheet) .rip-tab-btn img{width:24px;height:24px}.chest-peek{cursor:pointer;width:100%;height:100%;position:relative}.chest-peek img,.chest-peek video{object-fit:contain;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0}.chest-peek video{mix-blend-mode:lighten;transform:scale(.9);-webkit-mask-image:radial-gradient(closest-side,#000 62%,#0000 100%);mask-image:radial-gradient(closest-side,#000 62%,#0000 100%)}.chest-tier-art .chest-peek{aspect-ratio:1}.odds-drawer{grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.2,.8,.2,1);display:grid}.odds-drawer.is-open{grid-template-rows:1fr}.feed-in{animation:.5s cubic-bezier(.2,.8,.2,1) both feed-in}@keyframes feed-in{0%{opacity:0;background:#e901041f;transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.feed-in{animation:none}}.react-btn{border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;align-items:center;gap:6px;padding:7px 14px;transition:transform .15s,border-color .2s,background-color .2s;display:inline-flex}.react-btn:hover{border-color:var(--border-strong,#fff3)}.react-btn:active{transform:scale(.94)}.react-btn.is-on{border-color:color-mix(in srgb, var(--accent) 70%, transparent);background:color-mix(in srgb, var(--accent) 14%, var(--color-surface))}.react-emoji{font-size:17px;line-height:1;display:inline-block}.react-btn.is-pop .react-emoji{animation:.6s cubic-bezier(.3,1.6,.5,1) react-pop}@keyframes react-pop{0%{transform:scale(1)}35%{transform:scale(1.7)rotate(-12deg)}to{transform:scale(1)}}.study-badge{border:1px solid var(--color-border);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;transition:border-color .2s,color .2s;display:inline-flex}.study-badge span{color:#b80003;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:700}.study-badge:hover{color:var(--text);border-color:#b80003}
