:root{--h:210;--s:82%;--l:64%;--bg:#06070a;--bg-2:#0a0c11;--ink:#f3f5fa;--ink-dim:#a6adbd;--ink-faint:#68707f;--line:#ffffff1a;--accent:hsl(var(--h) var(--s) var(--l));--accent-soft:hsl(var(--h) var(--s) var(--l) / .16);--accent-glow:hsl(var(--h) var(--s) var(--l) / .5);--mono:"JetBrains Mono", ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--sans:"Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--gutter:clamp(1.1rem, 5vw, 5.5rem);--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100svh;line-height:1.5;overflow:hidden}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.skip{z-index:100;background:var(--accent);color:#06070a;font:600 .85rem var(--sans);transition:top .2s var(--ease);border-radius:8px;padding:.6rem 1rem;position:fixed;top:-100px;left:1rem}.skip:focus{top:1rem}.stage{z-index:0;pointer-events:none;background:radial-gradient(130% 120% at 72% 48%, var(--bg-2), var(--bg) 62%);position:fixed;inset:0}#signal{width:100%;height:100%;display:block;position:absolute;inset:0}.glow{background:radial-gradient(42% 46% at var(--gx,64%) var(--gy,50%), hsl(var(--h) var(--s) var(--l) / .2), transparent 70%);mix-blend-mode:screen;transition:background .9s linear;position:absolute;inset:0}.vignette{background:radial-gradient(120% 90% at 30%,#0000 40%,#0000008c 100%),linear-gradient(90deg,#00000080,#0000 46%);position:absolute;inset:0}@media (width<=820px){.vignette{background:linear-gradient(#00000040 0%,#0000 30%,#000000c7 72%)}.stage{background:radial-gradient(120% 80% at 50% 36%, var(--bg-2), var(--bg) 70%)}.glow{background:radial-gradient(44% 34% at 50% 36%, hsl(var(--h) var(--s) var(--l) / .24), transparent 70%)}}.grain{opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.boot{z-index:60;background:var(--bg);transition:opacity .7s var(--ease), visibility .7s;animation:bootout .7s var(--ease) 1.7s forwards;place-items:center;display:grid;position:fixed;inset:0}.boot.is-gone{opacity:0;visibility:hidden;pointer-events:none}@keyframes bootout{to{opacity:0;visibility:hidden}}.boot__box{font:500 clamp(.7rem, 2.4vw, .9rem) / 1.9 var(--mono);color:var(--ink-dim);min-width:min(26rem,86vw);padding:0 1.4rem}.boot__line{opacity:0;animation:bootline .5s var(--ease) forwards;transform:translateY(6px)}.boot__line:first-child{animation-delay:50ms}.boot__line:nth-child(2){animation-delay:.28s}.boot__line:nth-child(3){animation-delay:.5s}.boot__line:nth-child(4){animation-delay:.72s}.boot__line:nth-child(5){animation-delay:.94s}.boot__line:nth-child(6){animation-delay:1.16s}.boot__brand{font:700 clamp(1.4rem, 5vw, 2rem) var(--sans);color:var(--ink);letter-spacing:-.02em;margin-top:.9rem}.boot__brand b{color:var(--accent);font-weight:700}@keyframes bootline{to{opacity:1;transform:none}}.hud{z-index:40;padding:clamp(1rem, 2.4vw, 1.7rem) var(--gutter);opacity:0;pointer-events:none;animation:hudin .7s var(--ease) 2s forwards;align-items:center;gap:1rem;display:flex;position:fixed;inset:0 0 auto;transform:translateY(-8px)}.hud.is-ready{opacity:1;transform:none}@keyframes hudin{to{opacity:1;transform:none}}.mark{pointer-events:auto;flex-direction:column;line-height:1.1;text-decoration:none;display:flex}.mark__name{font:700 1.3rem var(--sans);letter-spacing:-.03em}.mark__name b{color:var(--accent);transition:color .6s linear}.mark__tag{font:500 .66rem var(--mono);color:var(--ink-faint);letter-spacing:.06em;margin-top:2px}.uname{font:500 clamp(.62rem, 1.3vw, .8rem) / 1.3 var(--mono);color:var(--ink-dim);text-align:right;flex-wrap:wrap;justify-content:flex-end;gap:0 .5ch;max-width:min(46ch,48vw);margin-left:auto;display:flex}.uname__prompt{color:var(--accent);transition:color .6s linear}.uname__cmd{color:var(--ink-faint)}.uname__out{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex-basis:100%;overflow:hidden}.caret{color:var(--accent);transition:color .6s linear;animation:1.05s step-end infinite blink}@keyframes blink{0%,55%{opacity:1}56%,to{opacity:0}}.mark__count{font:500 .78rem var(--mono);color:var(--ink-faint);letter-spacing:.05em;white-space:nowrap}.mark__count .cur{color:var(--ink);font-weight:700}.mark__count .sep{opacity:.5;margin:0 .35ch}@media (width<=820px){.hud{padding-top:max(.9rem, env(safe-area-inset-top));gap:.7rem}.uname{display:none}.mark__count{margin-left:auto}}.track{z-index:10;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;height:100svh;position:relative;overflow:hidden auto}.track::-webkit-scrollbar{display:none}.track:focus{outline:none}.frame{scroll-snap-align:start;scroll-snap-stop:always;min-height:100svh;padding:clamp(5rem, 12vh, 8rem) var(--gutter) clamp(5rem, 12vh, 7rem);align-items:center;display:flex;position:relative}.panel{width:100%;max-width:40rem}.eyebrow{font:600 .72rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);align-items:center;gap:.6ch;margin-bottom:1.2rem;display:inline-flex}.eyebrow__dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 14px 2px var(--accent-glow);border-radius:50%;transition:background .6s linear,box-shadow .6s linear}.eyebrow__yr{color:var(--ink-faint)}.eyebrow__yr:before{content:"· "}.title{font:700 clamp(2.6rem, 7.6vw, 5.4rem) / .98 var(--sans);letter-spacing:-.035em;background:linear-gradient(180deg, var(--ink), #cfd5e2 120%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem}.kicker{font:500 clamp(1.1rem, 2.5vw, 1.5rem) / 1.35 var(--sans);color:var(--ink);max-width:32ch;margin-bottom:1.5rem}.kicker:first-letter{color:var(--accent)}.body{color:var(--ink-dim);max-width:46ch;font-size:clamp(.98rem,1.6vw,1.08rem)}.body p+p{margin-top:.85rem}.stat{border:1px solid var(--line);border-left:2px solid var(--accent);-webkit-backdrop-filter:blur(6px);background:#ffffff06;border-radius:10px;flex-direction:column;gap:.2rem;margin-top:1.9rem;padding:.7rem 1.1rem .75rem;transition:border-color .6s linear;display:inline-flex}.stat__label{font:600 .64rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.stat__value{font:500 1.02rem var(--mono);color:var(--ink)}.finale{margin-top:2rem}.nameit{display:block}.nameit__hint{font:600 .64rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.55rem;display:block}.nameit__row{border:1px solid var(--line);font:500 1rem var(--mono);transition:border-color .25s var(--ease), box-shadow .25s var(--ease);background:#ffffff08;border-radius:10px;align-items:center;gap:.6ch;padding:.55rem .9rem;display:inline-flex}.nameit__row:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.nameit__pre{color:var(--ink-faint)}#nameit{color:var(--accent);font:inherit;width:11ch;caret-color:var(--accent);background:0 0;border:none}#nameit::placeholder{color:var(--ink-faint)}#nameit:focus{outline:none}.actions{flex-wrap:wrap;gap:.7rem;margin-top:1.6rem;display:flex}.btn{border:1px solid var(--line);font:600 .9rem var(--sans);color:var(--ink);transition:transform .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease);background:#ffffff08;border-radius:10px;align-items:center;gap:.5ch;padding:.7rem 1.2rem;text-decoration:none;display:inline-flex}.btn:hover{background:#ffffff12;border-color:#ffffff38;transform:translateY(-2px)}.btn--solid{background:var(--accent);color:#06070a;border-color:#0000}.btn--solid:hover{background:hsl(var(--h) var(--s) calc(var(--l) + 6%))}html.motion .panel>*{opacity:0;transform:translateY(26px)}html.motion .frame.is-active .panel>*{animation:reveal .8s var(--ease) forwards}html.motion .frame.is-active .panel>:first-child{animation-delay:50ms}html.motion .frame.is-active .panel>:nth-child(2){animation-delay:.13s}html.motion .frame.is-active .panel>:nth-child(3){animation-delay:.21s}html.motion .frame.is-active .panel>:nth-child(4){animation-delay:.29s}html.motion .frame.is-active .panel>:nth-child(5){animation-delay:.37s}html.motion .frame.is-active .panel>:nth-child(6){animation-delay:.45s}@keyframes reveal{to{opacity:1;transform:none}}.nav{z-index:40;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);width:46px;height:46px;color:var(--ink);cursor:pointer;transition:opacity .25s var(--ease), transform .2s var(--ease), border-color .2s;background:#0a0c1180;border-radius:50%;place-items:center;display:grid;position:fixed;left:50%;transform:translate(-50%)}.nav svg{width:22px;height:22px;transform:rotate(90deg)}.nav--prev{top:calc(clamp(1rem,2.4vw,1.7rem) + 54px)}.nav--next{bottom:clamp(1rem,4vh,2rem)}.nav:hover{border-color:var(--accent);transform:translate(-50%)scale(1.08)}.nav:disabled{opacity:0;pointer-events:none}@media (width<=820px){.nav{display:none}}.rail{z-index:40;flex-direction:column;align-items:flex-end;gap:.55rem;display:flex;position:fixed;top:50%;right:clamp(.7rem,2vw,1.6rem);transform:translateY(-50%)}.rail__btn{cursor:pointer;background:0 0;border:none;justify-content:flex-end;align-items:center;width:26px;height:10px;padding:0;display:flex;position:relative}.rail__btn:after{content:"";width:18px;height:2px;transition:width .3s var(--ease), background .3s var(--ease);background:#ffffff3d;border-radius:2px}.rail__btn:hover:after{background:#ffffff80;width:26px}.rail__btn.is-active:after{background:var(--accent);width:30px;box-shadow:0 0 10px var(--accent-glow)}.rail__tip{white-space:nowrap;font:500 .72rem var(--mono);color:var(--ink);border:1px solid var(--line);opacity:0;pointer-events:none;transition:opacity .2s var(--ease), transform .2s var(--ease);-webkit-backdrop-filter:blur(8px);background:#0a0c11d1;border-radius:7px;padding:.3rem .6rem;position:absolute;top:50%;right:34px;transform:translateY(-50%)translate(6px)}.rail__tip b{color:var(--accent)}.rail__btn:hover .rail__tip,.rail__btn:focus-visible .rail__tip{opacity:1;transform:translateY(-50%)}@media (width<=820px){.rail{gap:.4rem;right:.5rem}.rail__btn{width:18px}.rail__btn:after{width:12px}.rail__tip{display:none}}.hint{z-index:35;left:var(--gutter);font:600 .68rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);pointer-events:none;align-items:center;gap:.6ch;display:flex;position:fixed;bottom:clamp(1rem,4vh,2rem)}.hint__chev{animation:bob 1.8s var(--ease) infinite;font-size:1.1em}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (width<=820px){.hint{left:50%;bottom:max(1rem, env(safe-area-inset-bottom));transform:translate(-50%)}.frame{align-items:flex-end;padding-bottom:clamp(5.5rem,16vh,8rem)}.panel{max-width:100%}.title{background:linear-gradient(180deg, var(--ink), #cfd5e2);-webkit-background-clip:text;background-clip:text}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}html.motion .panel>*{opacity:1;transform:none}.hint__chev{animation:none}.caret{opacity:1;animation:none}}html.no-motion .panel>*{opacity:1;transform:none}html.no-motion .track{scroll-behavior:auto}
