.case-stage{--case-tier:var(--tier,var(--tier-base));background:var(--bg);isolation:isolate;position:relative}.case-vignette{pointer-events:none;background:radial-gradient(70% 50% at 50% 42%,#f2f4f70f,#0000 70%),radial-gradient(120% 90%,#0000 55%,#000000bf 100%);position:absolute;inset:0}.case-ambient{pointer-events:none;background:radial-gradient(ellipse 75% 55% at 50% 40%, color-mix(in oklab, var(--case-tier) 42%, transparent), transparent 72%);opacity:0;transition:opacity .5s;position:absolute;inset:0}.case-ambient.is-on{opacity:1;animation:3.6s ease-in-out .5s infinite case-breathe}@keyframes case-breathe{0%,to{opacity:1}50%{opacity:.62}}.case-beat{pointer-events:none;background:radial-gradient(ellipse 45% 32% at 50% 44%, color-mix(in oklab, var(--gold) 40%, transparent), transparent 70%), color-mix(in oklab, var(--bg) 92%, black);position:absolute;inset:0}.case-scene{aspect-ratio:1;margin-top:16%;margin-bottom:-7%;transition:width .5s cubic-bezier(.3,.7,.2,1);position:relative}.case-seam-under{filter:blur(18px);pointer-events:none;background:radial-gradient(#ffffffb3,#f2f4f747 40%,#0000 70%);border-radius:9999px;height:32%;position:absolute;top:34%;left:-6%;right:-6%}.case-seam-over{filter:blur(7px);mix-blend-mode:screen;pointer-events:none;background:radial-gradient(#ffffffd9,#f2f4f74d 50%,#0000 74%);border-radius:9999px;height:16%;position:absolute;top:41%;left:8%;right:8%}.case-interior{background:radial-gradient(ellipse at 50% 55%, color-mix(in oklab, var(--case-tier) 30%, white 70%), color-mix(in oklab, var(--case-tier) 40%, transparent) 45%, transparent 72%);filter:blur(10px);mix-blend-mode:screen;pointer-events:none;border-radius:9999px;height:32%;position:absolute;top:34%;left:12%;right:12%}.case-interior-spill{background:radial-gradient(ellipse 50% 60% at 50% 70%, color-mix(in oklab, var(--case-tier) 28%, transparent), transparent 70%);filter:blur(18px);pointer-events:none;height:70%;position:absolute;top:0;left:-10%;right:-10%}.case-flash{background:var(--text);filter:blur(8px);pointer-events:none;border-radius:24%;position:absolute;inset:12% 0}.case-rise-clip{clip-path:inset(-140% -10% 37%);pointer-events:none;position:absolute;inset:0}.case-product{justify-content:center;align-items:flex-end;height:60%;display:flex;position:absolute;left:50%;transform:translate(-50%)}.case-product-body{filter:drop-shadow(0 18px 22px #0000008c)drop-shadow(0 2px 4px #00000059)}.case-photo{object-fit:contain;object-position:bottom;border-radius:6px;width:100%;max-height:100%;display:block}.case-caption{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.case-caption b{color:var(--text);font-weight:600}.case-dot{background:var(--success);width:6px;height:6px;box-shadow:0 0 8px var(--success);border-radius:9999px;display:inline-block}.case-hold{width:84px;height:84px;color:var(--text);background:radial-gradient(circle at 50% 35%, var(--surface-2), var(--bg) 70%);border:1px solid var(--border-strong);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:9999px;outline:none;place-items:center;transition:transform .15s,border-color .15s;display:grid;position:relative;box-shadow:0 10px 30px -12px #000000e6,inset 0 1px #ffffff14}.case-hold:focus-visible{border-color:var(--accent-2)}.case-hold.is-holding{transform:scale(.96)}.case-hold-label{letter-spacing:.12em;text-transform:uppercase;text-align:center;font-size:10px;font-weight:700;line-height:1.25}.case-hold-ring{pointer-events:none;width:calc(100% + 12px);height:calc(100% + 12px);position:absolute;inset:-6px;transform:rotate(-90deg)}.case-hold-ring .track{fill:none;stroke:#ffffff1a;stroke-width:2px}.case-hold-ring .fill{fill:none;stroke:var(--accent-2);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 4px color-mix(in oklab, var(--accent-2) 70%, transparent));transition:stroke-dashoffset .15s ease-out}.case-hold.is-holding .case-hold-ring .fill{stroke-dashoffset:0;transition:stroke-dashoffset var(--hold-ms,.6s) linear}.case-hold.is-armed .case-hold-ring .fill{stroke-dashoffset:0;transition:none}.case-tier-word{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-variation-settings:"wdth" 80;color:var(--case-tier);text-shadow:0 0 24px color-mix(in oklab, var(--case-tier) 60%, transparent);font-size:34px;font-weight:800;line-height:.92}.case-mote{background:color-mix(in oklab, var(--gold) 55%, white);width:4px;height:4px;box-shadow:0 0 10px var(--gold);opacity:0;pointer-events:none;border-radius:9999px;animation:5.5s ease-in-out infinite case-mote;position:absolute}@keyframes case-mote{0%{opacity:0;transform:translate(0,0)scale(.6)}20%{opacity:.85}60%{opacity:.6}to{transform:translate3d(var(--dx,0px), -160px, 0) scale(.2);opacity:0}}.case-result{background:color-mix(in oklab, var(--surface) 88%, transparent);border:1px solid var(--border);border-radius:var(--radius-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.case-result-name{font-family:var(--font-display);letter-spacing:-.02em;font-variation-settings:"wdth" 90;font-weight:800;line-height:1}.case-fade{background:var(--bg);pointer-events:none;z-index:40;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.case-ambient.is-on,.case-mote{animation:none}.case-scene{transition:none}}