@layer components{.stage3d{perspective:1100px;perspective-origin:50% 40%}.card3d{--cw:clamp(15.5rem, 30vw, 25rem);width:var(--cw);height:calc(var(--cw) / 1.586);font-size:calc(var(--cw) / 19);transform-style:preserve-3d;position:relative}.card3d-face{backface-visibility:hidden;border-radius:1.1em;position:absolute;inset:0}.card3d-edge{backface-visibility:visible;background:#0d2a63}.card3d-edge--reward{background:#8a6410}.card3d-front{color:#fff;background:radial-gradient(120% 90% at 100% 0,#5ce1ff47,#0000 55%),radial-gradient(90% 80% at 0 100%,#1b6bf08c,#0000 60%),linear-gradient(145deg,#123a86,#0a1d44 60%,#071431);padding:1.15em 1.25em;overflow:hidden;box-shadow:inset 0 1px #ffffff40,inset 0 0 0 1px #ffffff14,0 30px 60px -20px #0009,0 0 80px -10px #1b6bf073}.card3d-front--reward{background:radial-gradient(120% 90% at 100% 0,#ffc83d59,#0000 55%),radial-gradient(90% 80% at 0 100%,#ffc83d40,#0000 60%),linear-gradient(145deg,#0f5a3c,#0b4630 55%,#062a1d);box-shadow:inset 0 1px #ffffff4d,inset 0 0 0 1px #ffc83d4d,0 30px 60px -20px #0009,0 0 90px -5px #ffc83d73}.card3d-back{background:linear-gradient(160deg,#f4f9ff,#dbe8fb);transform:translateZ(-6.5px)rotateY(180deg);box-shadow:0 30px 60px -20px #0009}.card3d-sheen{mix-blend-mode:screen;background:linear-gradient(105deg,#0000 35%,#ffffff29 45%,#ffffff0a 52%,#0000 60%) 50% 0/250% 100%}.tunnel-scene{perspective:700px;perspective-origin:50% 45%;background:radial-gradient(60% 50% at 50% 45%, #1b6bf047, transparent 70%), linear-gradient(180deg, #040c1f, var(--color-tunnel) 40%, #081936);overflow:hidden}.ws-brush{animation:1.2s linear infinite ws-brush}@keyframes ws-brush{to{transform:translate(-28px)}}.ws-roller{transform-box:fill-box;transform-origin:50%;animation:3s linear infinite ws-spin}@keyframes ws-spin{to{transform:rotate(360deg)}}[data-washing=true] .ws-brush{animation-duration:.3s}[data-washing=true] .ws-roller{animation-duration:.6s}.ws-spray line,.ws-air line{stroke-dasharray:6 10;animation:.4s linear infinite ws-flow}.ws-air line{animation-duration:.7s}@keyframes ws-flow{to{stroke-dashoffset:-16px}}.ws-sparkle{transform-box:fill-box;transform-origin:50%;animation:1.4s ease-in-out infinite ws-twinkle}.ws-sparkle:nth-child(2n){animation-delay:.5s}@keyframes ws-twinkle{0%,to{opacity:.4;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}.glass{-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);color:#fff;background:#0e20469e;border:1px solid #ffffff24;border-radius:1.1rem;box-shadow:0 20px 50px -20px #000000b3}.caret{background:var(--color-water);width:2px;height:1.1em;margin-left:2px;animation:1s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.scan-corner{border-color:var(--color-water);filter:drop-shadow(0 0 6px #5ce1ffcc);border-radius:6px;width:2.2rem;height:2.2rem;position:absolute}.scan-beam{background:var(--color-water);border-radius:3px;height:3px;position:absolute;left:4%;right:4%;box-shadow:0 0 18px 4px #5ce1ffb3,0 -30px 40px -10px #5ce1ff40}.bubble{width:var(--size);height:var(--size);animation:bubble-rise var(--dur) ease-in var(--delay) infinite;background:radial-gradient(circle at 30% 30%,#ffffffe6,#5ce1ff40 45%,#5ce1ff0d 70%);border:1px solid #ffffff59;border-radius:999px;position:absolute;bottom:-40px}@keyframes bubble-rise{0%{opacity:0;transform:translateY(0)scale(.6)}15%{opacity:1}to{opacity:0;transform:translateY(-75vh)translate(20px)scale(1.1)}}.story-rail{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06122b99;border:1px solid #ffffff1f;border-radius:999px;gap:.25rem;padding:.3rem;display:flex;position:relative}.story-rail:after{content:"";background:var(--color-water);transform-origin:0;height:2px;transform:scaleX(var(--p,0));border-radius:2px;position:absolute;bottom:-1px;left:1rem;right:1rem}.scroll-hint:after{content:"";background:linear-gradient(var(--color-water), transparent);width:1px;height:1.5rem;margin:.5rem auto 0;animation:1.8s ease-in-out infinite hint;display:block}@keyframes hint{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}.arch-glow{border:3px solid #5ce1ff80;border-bottom:0;border-radius:50% 50% 0 0/60% 60% 0 0;box-shadow:0 0 30px #5ce1ff4d,inset 0 0 30px #5ce1ff33}.btn-glow{color:#fff;background:linear-gradient(180deg, #2a7bff, var(--color-brand));border-radius:999px;justify-content:center;align-self:flex-start;align-items:center;height:3rem;padding:0 1.4rem;font-size:.9375rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff4d,0 8px 30px -6px #1b6bf0cc,0 0 0 1px #5ce1ff40}.btn-glow:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff4d,0 12px 36px -6px #1b6bf0f2,0 0 0 1px #5ce1ff80}.btn-glow:active{transform:translateY(1px)}}