.showcase{--sc-dur-instant: .12s;--sc-dur-fast: .28s;--sc-dur-base: .5s;--sc-dur-slow: .9s;--sc-dur-beat: 4s;--sc-dur-loop: 24s;--sc-ease-standard: cubic-bezier(.4, 0, .2, 1);--sc-ease-entrance: cubic-bezier(.16, 1, .3, 1);--sc-ease-exit: cubic-bezier(.4, 0, 1, 1);--sc-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--sc-stagger-1: .08s;--sc-stagger-2: .16s;--sc-stagger-3: .24s;--sc-stagger-4: .32s;--sc-glow-soft: 0 0 12px rgba(34, 211, 238, .18);--sc-glow-med: 0 0 20px rgba(34, 211, 238, .3);--sc-glow-strong: 0 0 34px rgba(34, 211, 238, .45);--sc-highlight: rgba(103, 232, 249, .9);--sc-highlight-soft: rgba(34, 211, 238, .22);--sc-highlight-strong: rgba(165, 243, 252, 1);--sc-cat-character: #67e8f9;--sc-cat-party: #6ee7b7;--sc-cat-npc: #fb7185;--sc-cat-faction: #c4b5fd;--sc-cat-place: #93c5fd;--sc-cat-item: #fcd34d;--sc-cat-lore: #a5b4fc;--sc-cat-quest: #5eead4}.showcase .sc-frame{position:relative;display:flex;flex-direction:column;gap:.75rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:1rem;backdrop-filter:blur(16px);padding:1rem;overflow:hidden}.showcase .sc-frame__eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary)}.showcase .sc-frame__media{position:relative;width:100%;aspect-ratio:var(--sc-frame-aspect, 16 / 10);border-radius:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);overflow:hidden}.showcase .sc-frame__media>*{position:absolute;inset:0}.showcase .sc-frame__caption{margin:0;font-size:.9rem;line-height:1.45;color:var(--text-secondary)}@keyframes sc-bloom{0%{opacity:0;transform:scale(.6)}60%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes sc-edge-draw{0%{stroke-dashoffset:var(--sc-edge-length, 1000);opacity:.2}to{stroke-dashoffset:0;opacity:1}}@keyframes sc-stat-tick{0%{transform:translateY(0);box-shadow:none}40%{transform:translateY(-2px);box-shadow:var(--sc-glow-med)}to{transform:translateY(0);box-shadow:var(--sc-glow-soft)}}@keyframes sc-coin-transfer{0%{opacity:0;transform:translate(0) scale(.8)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(var(--sc-coin-dx, 80px),var(--sc-coin-dy, 0)) scale(.8)}}@keyframes sc-item-move{0%{opacity:0;transform:translate(-16px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes sc-note-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sc-sync-pulse{0%{box-shadow:0 0 0 0 var(--sc-highlight-soft)}70%{box-shadow:0 0 0 10px #22d3ee00}to{box-shadow:0 0 #22d3ee00}}@keyframes sc-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes sc-beat-window{0%{opacity:0}4%{opacity:1}15%{opacity:1}19%{opacity:0}to{opacity:0}}.showcase .sc-bloom{animation:sc-bloom var(--sc-dur-slow) var(--sc-ease-entrance) both}.showcase .sc-edge-draw{stroke-dasharray:var(--sc-edge-length, 1000);animation:sc-edge-draw var(--sc-dur-slow) var(--sc-ease-standard) both}.showcase .sc-stat-tick{animation:sc-stat-tick var(--sc-dur-base) var(--sc-ease-spring) both}.showcase .sc-coin-transfer{animation:sc-coin-transfer var(--sc-dur-slow) var(--sc-ease-standard) infinite}.showcase .sc-item-move{animation:sc-item-move var(--sc-dur-base) var(--sc-ease-entrance) both}.showcase .sc-note-appear{animation:sc-note-appear var(--sc-dur-base) var(--sc-ease-entrance) both}.showcase .sc-sync-pulse{animation:sc-sync-pulse var(--sc-dur-slow) var(--sc-ease-standard) infinite}.showcase .sc-drift{animation:sc-drift 6s var(--sc-ease-standard) infinite}.showcase .sc-beat{animation:sc-beat-window var(--sc-dur-loop) var(--sc-ease-standard) infinite}.showcase .sc-beat--1{animation-delay:calc(var(--sc-dur-loop) * 0)}.showcase .sc-beat--2{animation-delay:calc(var(--sc-dur-loop) * -.8333)}.showcase .sc-beat--3{animation-delay:calc(var(--sc-dur-loop) * -.6667)}.showcase .sc-beat--4{animation-delay:calc(var(--sc-dur-loop) * -.5)}.showcase .sc-beat--5{animation-delay:calc(var(--sc-dur-loop) * -.3333)}.showcase .sc-beat--6{animation-delay:calc(var(--sc-dur-loop) * -.1667)}.showcase .sc-stagger>*:nth-child(1){animation-delay:var(--sc-stagger-1)}.showcase .sc-stagger>*:nth-child(2){animation-delay:var(--sc-stagger-2)}.showcase .sc-stagger>*:nth-child(3){animation-delay:var(--sc-stagger-3)}.showcase .sc-stagger>*:nth-child(4){animation-delay:var(--sc-stagger-4)}@media(prefers-reduced-motion:reduce){.showcase .sc-bloom,.showcase .sc-edge-draw,.showcase .sc-stat-tick,.showcase .sc-coin-transfer,.showcase .sc-item-move,.showcase .sc-note-appear,.showcase .sc-sync-pulse,.showcase .sc-drift,.showcase .sc-beat,.showcase .sc-beat--1,.showcase .sc-beat--2,.showcase .sc-beat--3,.showcase .sc-beat--4,.showcase .sc-beat--5,.showcase .sc-beat--6{animation:none!important}.showcase .sc-bloom,.showcase .sc-item-move,.showcase .sc-note-appear,.showcase .sc-coin-transfer{opacity:1!important;transform:none!important}.showcase .sc-edge-draw{stroke-dashoffset:0!important;opacity:1!important}.showcase .sc-stat-tick{box-shadow:var(--sc-glow-soft)!important;transform:none!important}.showcase .sc-sync-pulse{box-shadow:none!important}.showcase .sc-beat:not(.sc-beat--6){opacity:0!important}.showcase .sc-beat--6{opacity:1!important}}