:root{--void:#04060c;--panel:#0b1226;--bone:#e6ebf6;--mute:#8b96b3;--blue:#2f6bff;--blue-hi:#6ea2ff;--blue-glow:#2f6bff8c;--s:clamp(190px, 34vmin, 420px);--lh:calc(var(--s) * .2);--bh:calc(var(--s) * .8);--half:calc(var(--s) / 2);--lid-half:calc(var(--s) * .52);--font:"Archivo", "Arial Black", Impact, system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{min-height:100dvh;font-family:var(--font);color:var(--bone);background:radial-gradient(56vmin 34vmin at 50% 66%, #2f6bff29, transparent 70%), var(--void);grid-template-rows:auto 1fr;margin:0;display:grid;overflow-x:hidden}.top{justify-content:space-between;align-items:center;gap:1rem;padding:clamp(1rem,3vw,1.75rem) clamp(1rem,4vw,2.5rem);display:flex}.logo{color:var(--bone);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:.6em;font-size:clamp(.8rem,2.6vw,1.3rem);font-weight:900;font-stretch:125%;line-height:1;text-decoration:none;display:inline-flex}.logo .mark{background:var(--blue);width:.72em;height:.72em;box-shadow:0 0 14px var(--blue-glow);flex:none}.who{color:var(--mute);align-items:center;gap:.9rem;min-width:0;font-size:.85rem;display:flex}.who[hidden]{display:none}.who span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.link{font:inherit;color:var(--blue-hi);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:.25rem 0;text-decoration:underline}.arena{padding:calc(var(--s) * .5) 1rem 2rem;flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex}.stage{width:var(--s);height:var(--s);perspective:1700px;--lid:0deg;--tx:-20deg;--ty:-34deg;position:relative}.stage[data-state=open]{--lid:125deg;--tx:-27deg;--ty:-14deg}.mover,.float,.knock,.sway,.tilt,.assembly,.body,.pivot,.lid{transform-style:preserve-3d}.mover,.float,.knock,.sway,.tilt,.assembly{position:absolute;inset:0}.float{animation:7s ease-in-out infinite float}.knock{animation:9s linear infinite knock}.sway{animation:12s ease-in-out infinite alternate sway}.tilt{transform:rotateX(var(--tx)) rotateY(var(--ty));transition:transform 1.2s cubic-bezier(.22,.9,.24,1)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes knock{0%,84%,to{transform:none}86%{transform:translate(-4px)rotate(-1.2deg)}88%{transform:translate(4px)rotate(1.2deg)}90%{transform:translate(-3px)rotate(-.8deg)}92%{transform:translate(2px)rotate(.5deg)}}@keyframes sway{0%{transform:rotateY(-9deg)}to{transform:rotateY(9deg)}}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.face{background:linear-gradient(170deg,#101a36 0%,#070b18 72%);border:1px solid #2f6bff4d;position:absolute;box-shadow:inset 0 -40px 70px #2f6bff1a}.body{left:0;top:var(--lh);width:var(--s);height:var(--bh);position:absolute}.f-front{transform:translateZ(var(--half));inset:0}.f-back{transform:rotateY(180deg) translateZ(var(--half));filter:brightness(.7);inset:0}.f-left{transform:rotateY(-90deg) translateZ(var(--half));filter:brightness(.6);inset:0}.f-right{transform:rotateY(90deg) translateZ(var(--half));filter:brightness(.8);inset:0}.f-bottom{width:var(--s);height:var(--s);left:0;top:calc((var(--bh) - var(--s)) / 2);transform:rotateX(-90deg) translateZ(calc(var(--bh) / 2));filter:brightness(.5)}.f-front:before{content:"";aspect-ratio:1;background:var(--blue);width:8%;box-shadow:0 0 26px 2px var(--blue-glow);animation:3.2s ease-in-out infinite pulse;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.in{backface-visibility:hidden;background:linear-gradient(#050813,#2f6bff1f 45%,#6ea2ff8c);position:absolute}.in-back{transform:translateZ(calc(var(--half) * -1 + 4px));inset:0}.in-left{transform:translateX(calc(var(--half) * -1 + 4px)) rotateY(90deg);inset:0}.in-right{transform:translateX(calc(var(--half) - 4px)) rotateY(-90deg);inset:0}.in-floor{width:var(--s);height:var(--s);left:0;top:calc((var(--bh) - var(--s)) / 2);transform:translateY(calc(var(--bh) / 2 - 4px)) rotateX(90deg);background:radial-gradient(closest-side, #cfe0ff 0%, var(--blue-hi) 28%, #2f6bff59 60%, transparent 100%)}.beam{width:76%;height:calc(var(--s) * 1.25);clip-path:polygon(26% 100%,74% 100%,100% 0,0 0);filter:blur(7px);opacity:0;pointer-events:none;background:linear-gradient(#0000,#2f6bff47 55%,#aacdffd9);transition:opacity .9s .25s;position:absolute;bottom:6px;left:12%}.beam-b{transform:rotateY(90deg)}.stage[data-state=open] .beam{opacity:.9}.pivot{left:0;top:var(--lh);width:var(--s);transform-origin:50% 0;height:0;transform:translateZ(calc(var(--s) / -2)) rotateX(var(--lid));transition:transform .9s cubic-bezier(.5,0,.2,1);position:absolute}.stage[data-state=open] .pivot{transition:transform 1.15s cubic-bezier(.3,1.25,.4,1)}.lid{left:calc(var(--s) * -.02);top:calc(var(--lh) * -1);width:calc(var(--s) * 1.04);height:var(--lh);transform:translateZ(calc(var(--s) * .5));position:absolute}.l-front{transform:translateZ(var(--lid-half));inset:0}.l-back{transform:rotateY(180deg) translateZ(var(--lid-half));filter:brightness(.7);inset:0}.l-left{transform:rotateY(-90deg) translateZ(var(--lid-half));filter:brightness(.6);inset:0}.l-right{transform:rotateY(90deg) translateZ(var(--lid-half));filter:brightness(.8);inset:0}.l-top,.l-under{width:100%;height:calc(var(--s) * 1.04);left:0;top:calc((var(--lh) - var(--s) * 1.04) / 2)}.l-top{transform:rotateX(90deg) translateZ(calc(var(--lh) / 2));background:linear-gradient(200deg,#16224a 0%,#0a1230 70%)}.l-under{transform:rotateX(-90deg) translateZ(calc(var(--lh) / 2));background:radial-gradient(closest-side, var(--blue-hi), #2f6bff66 70%, #0a1230)}.l-front:after,.l-left:after,.l-right:after{content:"";background:var(--blue-hi);height:2px;box-shadow:0 0 14px 3px var(--blue-glow);animation:3.2s ease-in-out infinite pulse;position:absolute;bottom:-1px;left:0;right:0}.shadow{filter:blur(6px);background:radial-gradient(closest-side,#2f6bff80,#0000);width:80%;height:26px;animation:7s ease-in-out infinite shadow;position:absolute;top:calc(100% + 26px);left:10%}@keyframes shadow{0%,to{opacity:.95;transform:scale(1)}50%{opacity:.6;transform:scale(.84)}}.note{text-align:center;opacity:0;max-width:34ch;min-height:3.4em;margin:clamp(2.6rem,6vh,4rem) 0 1.4rem;font-size:clamp(1rem,2.4vw,1.25rem);font-weight:500;line-height:1.45;transition:opacity .6s,transform .6s;transform:translateY(6px)}.note.show{opacity:1;transform:none}.actions{flex-wrap:wrap;justify-content:center;gap:.9rem;display:flex}.btn{font:inherit;border:1px solid var(--blue);cursor:pointer;border-radius:2px;min-width:10.5em;padding:.95em 1.9em;font-size:1rem;font-weight:700;transition:background .2s,color .2s,box-shadow .2s}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 0 28px #2f6bff59}.btn.primary:hover:not(:disabled){background:var(--blue-hi);border-color:var(--blue-hi);color:var(--void)}.btn.ghost{color:var(--bone);background:0 0}.btn.ghost:hover:not(:disabled){background:#2f6bff29}.btn:disabled{opacity:.5;cursor:progress}:focus-visible{outline:2px solid var(--blue-hi);outline-offset:3px}dialog{background:var(--panel);width:min(92vw,400px);color:var(--bone);font-family:var(--font);text-align:center;border:1px solid #2f6bff8c;padding:2rem 1.75rem 1.5rem;box-shadow:0 0 70px #2f6bff40}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02040acc}dialog h2{margin:0 0 .6rem;font-size:1.5rem;font-weight:900;font-stretch:112%}dialog p{color:var(--mute);margin:0 0 1.4rem;line-height:1.5}#google-button{justify-content:center;min-height:44px;display:flex}#signin-error{color:#ff8a8a;min-height:1.4em;margin:1rem 0 .4rem;font-size:.9rem}@media (prefers-reduced-motion:reduce){.float,.knock,.sway,.shadow,.f-front:before,.l-front:after,.l-left:after,.l-right:after{animation:none}.tilt,.pivot,.beam,.note{transition-duration:.01ms;transition-delay:0s}}@media (width<=480px){.btn{flex:100%}.who span{max-width:38vw}}