.stage{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem 1rem;overflow:hidden;background:linear-gradient(120deg,#ffc9b9,#f6b8e4,#c9b6ff,#a8e6ff,#b5f5d4,#ffe3a3);background-size:400% 400%;animation:drift-bg 24s ease-in-out infinite}@keyframes drift-bg{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.blob{position:absolute;width:45vmax;aspect-ratio:1;border-radius:50%;filter:blur(80px);opacity:.7;pointer-events:none}.blob-a{background:#ff9ecf;top:-15vmax;left:-10vmax;animation:float-a 18s ease-in-out infinite}.blob-b{background:#8fd3ff;bottom:-20vmax;right:-10vmax;animation:float-b 22s ease-in-out infinite}.blob-c{background:#b9a3ff;top:30%;left:40%;width:30vmax;animation:float-c 26s ease-in-out infinite}@keyframes float-a{50%{transform:translate(15vw,10vh) scale(1.15)}}@keyframes float-b{50%{transform:translate(-12vw,-12vh) scale(.9)}}@keyframes float-c{50%{transform:translate(-20vw,8vh) scale(1.2)}}.peter-field{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 1.5s ease}.peter-field.visible{opacity:1}.card{position:relative;z-index:1;width:min(100%,1100px);container-type:inline-size;display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:clamp(2rem,6vw,4.5rem) clamp(1.25rem,5vw,4rem);text-align:center;border-radius:2.5rem;background:#ffffff29;border:1px solid rgba(255,255,255,.45);box-shadow:0 30px 80px -20px #6e46b459,inset 0 1px #fff9;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);animation:card-in .9s cubic-bezier(.2,.8,.2,1) both}@keyframes card-in{0%{opacity:0;transform:translateY(40px) scale(.92)}}.card.punch{animation:card-in .9s cubic-bezier(.2,.8,.2,1) both,punch .7s cubic-bezier(.3,1.6,.5,1)}@keyframes punch{0%{transform:scale(1)}25%{transform:scale(1.045);box-shadow:0 0 0 6px #ffffff80,0 0 120px 30px #ffbef0cc,inset 0 1px #fff9}to{transform:scale(1)}}.card.glowing{animation:card-in .9s cubic-bezier(.2,.8,.2,1) both,glow 4s ease-in-out infinite}@keyframes glow{50%{box-shadow:0 30px 100px -10px #6e46b473,0 0 60px #ffdcfa73,inset 0 1px #ffffffb3}}.pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:999px;font-size:.8rem;font-weight:600;letter-spacing:.02em;color:var(--soft-white);background:#ffffff38;border:1px solid rgba(255,255,255,.5);animation:pill-in .6s cubic-bezier(.3,1.5,.5,1) both}@keyframes pill-in{0%{opacity:0;transform:scale(.6)}}.pill-dot{width:.5rem;height:.5rem;border-radius:50%;background:#7cf5c0;box-shadow:0 0 10px #7cf5c0;animation:pulse 2s ease-in-out infinite}.pill-dot.thinking{background:#c79bff;box-shadow:0 0 10px #c79bff;animation-duration:.6s}@keyframes pulse{50%{opacity:.3}}.dots:after{content:"";display:inline-block;width:1.2em;text-align:left;animation:dots 1.2s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.label{display:flex;flex-wrap:wrap;justify-content:center;gap:0 .3em;margin:0;font-size:clamp(1.1rem,3vw,1.75rem);font-weight:500;color:var(--soft-white);text-shadow:var(--glow)}.word{opacity:.92;animation:word-in .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.3s + var(--i) * .12s)}@keyframes word-in{0%{opacity:0;transform:translateY(.6em);filter:blur(8px)}}.name-slot{--final-size: min(13rem, calc(150cqi / var(--final-len)));--slot-h: calc(var(--final-size) * 1.1);position:relative;width:100%;height:var(--slot-h);display:flex;align-items:center;justify-content:center}.skeleton{width:70%;height:70%;border-radius:1.5rem;background:linear-gradient(90deg,#ffffff1f,#ffffff73,#ffffff1f);background-size:200% 100%;animation:skeleton 1.1s linear infinite,fade-in .6s .4s both}@keyframes skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes fade-in{0%{opacity:0}}.name{margin:0;font-size:min(var(--final-size),calc(150cqi / var(--len)));font-weight:800;line-height:1;letter-spacing:-.045em;white-space:nowrap;color:var(--soft-white);text-shadow:0 0 40px rgba(255,255,255,.55),0 6px 40px rgba(120,70,200,.35)}.reel-window{position:absolute;top:-20%;right:0;bottom:-20%;left:0;overflow:hidden;mask-image:linear-gradient(transparent,#000 32%,#000 68%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 32%,#000 68%,transparent)}.reel{padding-top:calc(var(--slot-h) * .2);animation:reel-spin var(--roll-ms) cubic-bezier(.12,.62,.18,1.03) both,reel-blur var(--roll-ms) linear both}@keyframes reel-spin{to{transform:translateY(calc(-1 * var(--steps) * var(--slot-h)))}}@keyframes reel-blur{0%{filter:blur(0)}10%{filter:blur(5px)}55%{filter:blur(2px)}85%,to{filter:blur(0)}}.reel-item{height:var(--slot-h);display:flex;align-items:center;justify-content:center}.name.rolling{opacity:.7}.letter{display:inline-block;animation:letter-pop .9s ease-out both;animation-delay:calc(var(--i) * 70ms)}@keyframes letter-pop{0%{opacity:.7;transform:none}35%{opacity:1;transform:translateY(-.16em) scale(1.22) rotate(3deg);text-shadow:0 0 60px rgba(255,255,255,.95),0 6px 40px rgba(120,70,200,.35)}70%{transform:translateY(.03em) scale(.97) rotate(-1deg)}to{transform:none}}.name.shimmer{cursor:pointer;color:transparent;text-shadow:none;background:linear-gradient(100deg,var(--soft-white) 0% 42%,#ffd2f3 47%,#ffffff 50%,#c6efff 53%,var(--soft-white) 58% 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 24px rgba(255,255,255,.5)) drop-shadow(0 6px 24px rgba(120,70,200,.35));animation:shimmer 3.5s ease-in-out infinite;transition:transform .2s ease}.name.shimmer:hover{transform:scale(1.03)}@keyframes shimmer{0%{background-position:100% 0}55%,to{background-position:0% 0}}.burst{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}.burst>*{position:absolute;left:0;top:0;translate:-50% -50%}.flash{width:60cqi;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 0%,rgba(255,230,250,.8) 30%,transparent 70%);animation:flash .9s ease-out both}@keyframes flash{0%{transform:scale(.1);opacity:1}to{transform:scale(2.2);opacity:0}}.ring{width:30cqi;aspect-ratio:1;border-radius:50%;border:3px solid rgba(255,255,255,.9);box-shadow:0 0 30px #fffc;animation:ring 1.2s cubic-bezier(.1,.7,.3,1) both}.ring-late{border-color:#c8aaffe6;animation-delay:.18s}@keyframes ring{0%{transform:scale(0);opacity:1}to{transform:scale(5);opacity:0}}.particle{font-size:var(--size);animation:particle 1.6s cubic-bezier(.1,.8,.3,1) both;animation-delay:var(--delay)}@keyframes particle{0%{transform:translate(0) scale(.2) rotate(0);opacity:1}65%{transform:translate(var(--dx),var(--dy)) scale(1) rotate(var(--spin));opacity:1}to{transform:translate(var(--dx),calc(var(--dy) + 80px)) scale(.8) rotate(var(--spin));opacity:0}}@media(prefers-reduced-motion:reduce){.stage,.blob,.card,.pill,.pill-dot,.word,.skeleton,.name{animation:none!important}}:root{--soft-white: #fffaf6;--glow: 0 2px 18px rgba(120, 70, 200, .3);font-family:Plus Jakarta Sans,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:#f6b8e4}