:root{color-scheme:dark;--ink:#030106;--purple:#bd55ff;--violet:#8b2de2;--white:#fcf9ff;--muted:#91849a}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--ink)}body{color:var(--white);font-family:Inter,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}#stars,.ambient,.grain{position:fixed;inset:0;pointer-events:none}.ambient{z-index:1;background:radial-gradient(ellipse 36% 50% at 50% 47%,rgba(183,70,255,.18),transparent 72%),linear-gradient(90deg,rgba(0,0,0,.52),transparent 26%,transparent 74%,rgba(0,0,0,.52))}.grain{z-index:30;inset:-50%;width:200%;height:200%;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .22s steps(2) infinite}.launch-shell{position:relative;z-index:2;width:100%;height:100%;min-height:580px;isolation:isolate}.topbar,.footer{position:absolute;z-index:50;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding-inline:clamp(22px,4vw,64px)}.topbar{top:0;padding-top:max(24px,3.5vh)}.brand{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none;font-size:.78rem;font-weight:800;letter-spacing:.38em}.brand svg{width:18px;height:25px;fill:none;stroke:var(--purple);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px rgba(189,85,255,.9))}.brand sup{position:relative;top:-.25em;margin-left:.12em;font-size:.48em;letter-spacing:0}.system{display:flex;align-items:center;gap:10px;margin:0;color:#786d80;font:600 .69rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em}.system i{width:5px;height:5px;border-radius:50%;background:var(--purple);box-shadow:0 0 12px var(--purple);animation:blink 1.8s ease-in-out infinite}.hero{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;perspective:1400px}.architecture{position:absolute;inset:0;pointer-events:none}.halo{position:absolute;left:50%;top:45%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) rotateX(69deg);border:1px solid rgba(207,129,255,.18);box-shadow:0 0 42px rgba(154,44,225,.12),inset 0 0 34px rgba(174,59,240,.08)}.halo-outer{width:min(67vw,820px);border-style:dashed;animation:spin 28s linear infinite}.halo-mid{width:min(53vw,650px);border-color:rgba(255,255,255,.12);animation:spinReverse 19s linear infinite}.halo-inner{width:min(39vw,480px);border-color:rgba(209,123,255,.28);box-shadow:0 0 60px rgba(168,57,235,.25);animation:pulse 3s ease-in-out infinite}.floor-ring{position:absolute;left:50%;top:72%;width:min(50vw,660px);height:70px;border:1px solid rgba(200,104,255,.22);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 34px rgba(186,74,255,.25),inset 0 0 55px rgba(174,55,238,.12);filter:blur(.2px)}.vertical-light{position:absolute;left:50%;top:7%;width:2px;height:72%;transform:translateX(-50%);background:linear-gradient(transparent,rgba(225,166,255,.12) 30%,rgba(255,255,255,.75) 72%,transparent);box-shadow:0 0 28px rgba(196,91,255,.8);opacity:.55}.beam{position:absolute;top:12%;width:26%;height:74%;background:linear-gradient(180deg,transparent,rgba(174,52,238,.08),transparent);filter:blur(16px)}.beam-left{left:13%;transform:skewX(-14deg)}.beam-right{right:13%;transform:skewX(14deg)}.headline{position:absolute;z-index:4;left:50%;top:44%;width:100%;transform:translate(-50%,-50%);text-align:center;font-size:clamp(5.5rem,14.5vw,14rem);font-weight:800;line-height:.68;letter-spacing:-.085em;text-transform:uppercase;white-space:nowrap}.headline span{display:block}.line-one{color:#fff;text-shadow:0 0 65px rgba(196,95,255,.15)}.line-two{position:relative;z-index:15;color:transparent;-webkit-text-stroke:1px rgba(242,217,255,.68);text-shadow:0 0 42px rgba(185,73,255,.38)}.king-gift{position:absolute;z-index:10;left:50%;top:45%;width:min(39vw,525px);aspect-ratio:1.094;transform:translate(-50%,-50%);filter:blur(0);will-change:transform,opacity}.king-gift img{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 25px rgba(0,0,0,.65)) drop-shadow(0 0 26px rgba(217,104,255,.58)) drop-shadow(0 0 95px rgba(119,31,194,.46));animation:float 4.5s 3s ease-in-out infinite}.gift-glow{position:absolute;z-index:1;inset:3%;border-radius:50%;background:radial-gradient(circle,rgba(230,137,255,.4),rgba(143,38,214,.17) 35%,transparent 69%);filter:blur(24px);animation:breathe 2.8s ease-in-out infinite}.gift-sheen{position:absolute;z-index:3;left:50%;top:2%;width:1px;height:92%;background:linear-gradient(transparent,#fff 42%,rgba(229,152,255,.8) 52%,transparent 92%);box-shadow:0 0 12px #fff,0 0 45px var(--purple);opacity:.55;transform:translateX(-50%)}.copy{position:absolute;z-index:21;left:50%;top:78%;width:min(90%,640px);transform:translateX(-50%);text-align:center}.kicker{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 14px;color:#d2c2da;font:650 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.34em}.kicker span{width:28px;height:1px;background:linear-gradient(90deg,transparent,var(--purple))}.kicker span:last-child{transform:scaleX(-1)}.statement{margin:0;color:#8e8195;font-size:clamp(.92rem,1.4vw,1.08rem);font-weight:400;line-height:1.55;letter-spacing:.025em}.rank-mark{position:absolute;z-index:18;right:clamp(22px,6vw,110px);top:50%;display:flex;flex-direction:column;align-items:flex-end;transform:translateY(-50%);opacity:.78}.rank-mark small{color:#756879;font:600 .62rem/1 ui-monospace,monospace;letter-spacing:.28em}.rank-mark strong{color:#fff;font-size:clamp(2.8rem,5vw,5.8rem);line-height:.9;letter-spacing:-.08em;text-shadow:0 0 30px rgba(188,78,255,.52)}.footer{bottom:0;padding-bottom:max(23px,3vh)}.footer p,.footer button{margin:0;color:#5f5664;font:600 .62rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}.footer button{display:flex;align-items:center;gap:8px;padding:9px 12px;border:0;background:transparent;cursor:pointer;transition:color .25s}.footer button:hover,.footer button:focus-visible{color:#fff}.footer button:focus-visible{outline:1px solid var(--purple);outline-offset:3px}.footer svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.play .king-gift{animation:kingEnter 2.6s .35s cubic-bezier(.16,.84,.2,1) both}.play .headline{animation:titleEnter 1.7s 1.35s cubic-bezier(.2,.8,.2,1) both}.play .copy{animation:copyEnter 1.2s 2.25s ease-out both}.play .rank-mark{animation:rankEnter 1s 2.7s ease-out both}.play .architecture{animation:worldEnter 2s ease-out both}
@keyframes kingEnter{0%{opacity:0;transform:translate(-50%,32%) scale(.48) rotateX(18deg);filter:blur(15px) brightness(2)}55%{opacity:1;filter:blur(0) brightness(1.15)}78%{transform:translate(-50%,-54%) scale(1.045) rotateX(-2deg)}100%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0) brightness(1)}}@keyframes titleEnter{from{opacity:0;transform:translate(-50%,-44%) scale(.94);filter:blur(12px)}to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}}@keyframes copyEnter{from{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes rankEnter{from{opacity:0;transform:translate(20px,-50%)}to{opacity:.78;transform:translate(0,-50%)}}@keyframes worldEnter{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes float{50%{transform:translateY(-9px) scale(1.008)}}@keyframes breathe{50%{transform:scale(1.14);opacity:.65}}@keyframes pulse{50%{opacity:.45;filter:brightness(1.6)}}@keyframes spin{to{transform:translate(-50%,-50%) rotateX(69deg) rotateZ(360deg)}}@keyframes spinReverse{to{transform:translate(-50%,-50%) rotateX(69deg) rotateZ(-360deg)}}@keyframes blink{50%{opacity:.22}}@keyframes grain{25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}}@keyframes aurora{50%{filter:brightness(1.35)}}
@media(max-width:760px){.launch-shell{min-height:520px}.system span{display:none}.brand{font-size:.69rem;letter-spacing:.28em}.hero{perspective:900px}.headline{top:40%;font-size:clamp(4.7rem,23vw,8.3rem);line-height:.72}.king-gift{top:43%;width:min(86vw,460px)}.halo-outer{width:130vw}.halo-mid{width:104vw}.halo-inner{width:78vw}.floor-ring{top:69%;width:92vw}.copy{top:75%;padding:0 18px}.kicker{font-size:.62rem;letter-spacing:.2em;gap:9px}.kicker span{width:16px}.statement{font-size:.94rem}.rank-mark{right:18px;top:62%}.rank-mark small{font-size:.52rem}.rank-mark strong{font-size:2.7rem}.footer p:first-child{display:none}.footer{justify-content:center}.footer p:last-child{position:absolute;right:22px}.beam-left{left:-5%}.beam-right{right:-5%}}@media(max-height:670px){.headline{top:40%;font-size:clamp(4.3rem,17vh,7.6rem)}.king-gift{top:43%;width:min(55vh,410px)}.copy{top:75%}.statement{font-size:.88rem}.rank-mark{top:54%}}@media(prefers-reduced-motion:reduce){.play .king-gift,.play .headline,.play .copy,.play .rank-mark,.play .architecture,.king-gift img,.gift-glow,.halo,.system i,.grain{animation-duration:.01ms;animation-delay:0s}}

/* Headline visibility fix */
.headline{
    top:18%;
    z-index:22;
    font-size:clamp(4rem,8vw,8rem);
    line-height:1;
}

.headline .line-one,
.headline .line-two{
    display:inline-block;
}

.headline .line-two{
    margin-left:.16em;
}

@media(max-width:760px){
    .headline{
        top:16%;
        font-size:clamp(3.4rem,16vw,6rem);
        line-height:.78;
    }

    .headline .line-one,
    .headline .line-two{
        display:block;
    }

    .headline .line-two{
        margin-left:0;
    }
}