*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#050510;width:100%;height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}*{box-sizing:border-box;margin:0;padding:0}.page{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;inset:0}.bg{z-index:0;background:radial-gradient(80% 60% at 50% 30%,#1a0533 0%,#0000 70%),radial-gradient(60% 80% at 20% 80%,#03071e 0%,#0000 60%),radial-gradient(70% 70% at 80% 70%,#0d0221 0%,#0000 60%),linear-gradient(160deg,#0d0221 0%,#050510 40%,#0a0118 100%);position:absolute;inset:0}.noise{z-index:1;opacity:.04;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:200px 200px;position:absolute;inset:0}.page:before,.page:after{content:"";filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;animation:12s ease-in-out infinite alternate drift;position:absolute}.page:before{background:radial-gradient(circle,#8a2be240 0%,#0000 70%);width:500px;height:500px;top:-100px;left:-100px}.page:after{background:radial-gradient(circle,#00c8ff2e 0%,#0000 70%);width:400px;height:400px;animation-delay:-6s;bottom:-80px;right:-80px}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(40px,30px)scale(1.1)}}.intro-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:1rem;animation:.7s both fadeUp;display:flex;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.intro-teaser{letter-spacing:-.02em;text-transform:uppercase;background:linear-gradient(135deg,#ff6fd8 0%,#a855f7 40%,#3b82f6 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 40px #a855f780);-webkit-background-clip:text;background-clip:text;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(1.8rem,7vw,5.5rem);font-weight:900;line-height:1;animation:4s infinite gradientShift}.intro-sub{letter-spacing:.2em;color:#fff6;text-transform:uppercase;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(.9rem,2.5vw,1.3rem);font-weight:300}.enter-btn{color:#fff;letter-spacing:.06em;cursor:pointer;background:linear-gradient(135deg,#a855f7,#3b82f6);border:none;border-radius:16px;margin-top:.5rem;padding:15px 40px;font-family:Segoe UI,system-ui,sans-serif;font-size:1.1rem;font-weight:700;transition:transform .15s,box-shadow .2s,filter .2s;animation:2s ease-in-out infinite pulse-btn;box-shadow:0 4px 28px #a855f773}.enter-btn:hover{filter:brightness(1.1);animation:none;transform:translateY(-2px)scale(1.04);box-shadow:0 8px 36px #a855f7a6}.enter-btn:active{transform:scale(.97)}@keyframes pulse-btn{0%,to{box-shadow:0 4px 28px #a855f773}50%{box-shadow:0 4px 44px #a855f7bf}}.dots{justify-content:center;gap:18px;margin-top:.5em;display:flex}.dots span{background:linear-gradient(135deg,#a855f7,#3b82f6);border-radius:50%;width:clamp(14px,3vw,22px);height:clamp(14px,3vw,22px);animation:.9s ease-in-out infinite dot-pulse}.dots span:nth-child(2){animation-delay:.18s}.dots span:nth-child(3){animation-delay:.36s}@keyframes dot-pulse{0%,to{opacity:.35;transform:scale(.45)}50%{opacity:1;transform:scale(1.2)}}.topbar{z-index:10;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:absolute;top:0;left:0;right:0}.counter{color:#fff6;letter-spacing:.08em;text-transform:uppercase;font-family:Segoe UI,system-ui,sans-serif;font-size:.85rem}.counter strong{color:#ffffffbf}.mute-btn{cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;padding:6px 10px;font-size:1.1rem;line-height:1;transition:background .2s,transform .15s}.mute-btn:hover{background:#ffffff24;transform:scale(1.1)}.mute-btn:active{transform:scale(.95)}.content{z-index:2;text-align:center;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:.15em;padding:0 20px;display:flex;position:relative}.greeting{letter-spacing:.1em;color:#ffffff80;text-transform:uppercase;margin-bottom:.1em;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(1.2rem,4vw,2.5rem);font-weight:300}.label{letter-spacing:.15em;color:#ffffffbf;text-transform:uppercase;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(1.8rem,5.5vw,4.5rem);font-weight:300}.term{letter-spacing:-.02em;text-transform:uppercase;background:linear-gradient(135deg,#ff6fd8 0%,#a855f7 25%,#3b82f6 50%,#06b6d4 75%,#10b981 100%) 0 0/300% 300%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 40px #a855f78c)drop-shadow(0 0 80px #3b82f659);-webkit-background-clip:text;background-clip:text;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(3rem,12vw,10rem);font-weight:900;line-height:1;transition:opacity .38s,transform .38s;animation:6s infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.term--in{opacity:1;transform:translateY(0)scale(1)}.term--out{opacity:0;transform:translateY(-20px)scale(.94)}.term--long{font-size:clamp(2.2rem,10vw,8rem)}.term--xl{letter-spacing:-.03em;font-size:clamp(1.6rem,8.5vw,6.5rem)}.controls{z-index:10;flex-direction:column;align-items:center;gap:12px;padding:20px 20px 28px;display:flex;position:absolute;bottom:0;left:0;right:0}.name-input{color:#ffffffd9;text-align:center;background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;outline:none;width:min(320px,100%);padding:10px 18px;font-family:Segoe UI,system-ui,sans-serif;font-size:1rem;transition:border-color .2s,background .2s}.name-input::placeholder{color:#ffffff47}.name-input:focus{background:#ffffff17;border-color:#a855f799}.reroll-btn{color:#fff;letter-spacing:.04em;cursor:pointer;background:linear-gradient(135deg,#a855f7,#3b82f6);border:none;border-radius:14px;padding:13px 32px;font-family:Segoe UI,system-ui,sans-serif;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .2s,filter .2s;box-shadow:0 4px 24px #a855f766}.reroll-btn:hover{filter:brightness(1.1);transform:translateY(-2px)scale(1.03);box-shadow:0 8px 32px #a855f799}.reroll-btn:active{transform:scale(.97)}.term--special{background:linear-gradient(135deg,#facc15 0%,#f97316 20%,#ef4444 40%,#a855f7 60%,#facc15 100%) 0 0/300% 300%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 50px #f97316b3)drop-shadow(0 0 100px #ef444473);-webkit-background-clip:text;background-clip:text;animation:2s infinite gradientShift}.content--shake{animation:.55s both contentShake}@keyframes contentShake{0%{transform:translate(0)scale(1)}15%{transform:translate(-10px,5px)scale(1.02)}30%{transform:translate(10px,-5px)scale(1.04)}45%{transform:translate(-7px,3px)scale(1.02)}60%{transform:translate(7px,-3px)scale(1.01)}75%{transform:translate(-4px,2px)scale(1)}to{transform:translate(0)scale(1)}}.flash{z-index:20;pointer-events:none;background:#ffffff2e;animation:.6s both flashFade;position:absolute;inset:0}@keyframes flashFade{0%{opacity:1}to{opacity:0}}.enter-prompt{opacity:.55;margin-right:4px;font-weight:400}