:root{--slot-height: 26vh;--label-size: clamp(22px, 2.8vw, 54px);--name-size: clamp(40px, 5.5vw, 108px);--gold: #FEC20D;--gold-light: #fff6c2;--gold-bright: #ffffff}.name-grid{position:fixed;top:10%;left:50%;transform:translate(-50%);width:min(100vw,140vh);height:var(--slot-height);display:grid;grid-template-columns:repeat(3,1fr);z-index:1;pointer-events:none}.name-slot{position:relative;height:var(--slot-height);overflow:hidden}.name-slot__inner{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:.08em}.name-slot__inner--empty{opacity:0;pointer-events:none}.name-slot__label{font-family:GreycliffCF,system-ui,sans-serif;font-weight:700;font-size:var(--label-size);color:#fff;text-transform:uppercase;letter-spacing:.18em;white-space:nowrap;line-height:1}.name-slot__name{font-family:GreycliffCF,system-ui,sans-serif;font-weight:900;font-size:var(--name-size);color:var(--gold);text-transform:uppercase;letter-spacing:.01em;line-height:.95;white-space:nowrap;display:block;will-change:filter}.name-slot__inner--enter .name-slot__name{animation:nameGlow 2.8s ease-in-out 1.2s infinite alternate}.letter{display:inline-block;will-change:transform,opacity,filter}@keyframes labelLetterIn{0%{opacity:0;transform:translateY(-18px) scaleY(.6);filter:blur(4px)}65%{opacity:1;filter:blur(0)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes labelLetterOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px);filter:blur(3px)}}@keyframes nameLetterIn{0%{opacity:0;transform:translateY(70px) scale(.55);filter:blur(14px)}55%{opacity:1;transform:translateY(-8px) scale(1.06);filter:blur(0)}72%{transform:translateY(3px) scale(.98)}85%{transform:translateY(-2px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes nameLetterOut{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(-22px) scale(.9);filter:blur(6px)}}@keyframes letterShine{0%{filter:brightness(1) drop-shadow(0 0 6px rgba(254,194,13,0))}40%{filter:brightness(2.2) drop-shadow(0 0 18px rgba(255,255,220,.9))}70%{filter:brightness(1.5) drop-shadow(0 0 10px rgba(254,194,13,.5))}to{filter:brightness(1) drop-shadow(0 0 6px rgba(254,194,13,0))}}@keyframes underlineDraw{0%{width:0;opacity:.9}to{width:100%;opacity:.7}}@keyframes underlineFade{0%{opacity:.7}to{opacity:0}}@keyframes nameGlow{0%,to{filter:drop-shadow(0 0 8px rgba(254,194,13,.25))}50%{filter:drop-shadow(0 0 22px rgba(254,194,13,.7)) drop-shadow(0 0 50px rgba(254,194,13,.3))}}.letter-label--enter{opacity:0;animation:labelLetterIn .55s cubic-bezier(.22,1,.36,1) both}.letter-name--enter{opacity:0;color:var(--gold);animation:nameLetterIn .7s cubic-bezier(.16,1,.3,1) both,letterShine .55s ease-in-out var(--shine-delay, 9999s) both}.letter-label--exit{animation:labelLetterOut .4s ease-in both}.letter-name--exit{animation:nameLetterOut .45s ease-in both}.letter-label--empty,.letter-name--empty{opacity:0}.name-underline{display:block;height:2px;background:linear-gradient(90deg,var(--gold) 0%,var(--gold-light) 50%,transparent 100%);border-radius:1px;width:0;opacity:0;margin-top:.15em}.name-underline--enter{animation:underlineDraw .6s cubic-bezier(.22,1,.36,1) both}.name-underline--exit{animation:underlineFade .3s ease-in both}@font-face{font-family:GreycliffCF;src:url(/fonts/GreycliffCF-Light.otf) format("opentype");font-weight:300;font-style:normal;font-display:block}@font-face{font-family:GreycliffCF;src:url(/fonts/GreycliffCF-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:block}@font-face{font-family:GreycliffCF;src:url(/fonts/GreycliffCF-DemiBold.otf) format("opentype");font-weight:600;font-style:normal;font-display:block}@font-face{font-family:GreycliffCF;src:url(/fonts/GreycliffCF-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:GreycliffCF;src:url(/fonts/GreycliffCF-Heavy.otf) format("opentype");font-weight:900;font-style:normal;font-display:block}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:#000}body{font-family:GreycliffCF,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}