@font-face{font-family:Bricolage;src:url('/assets/bricolage-clock.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:PlexSans;src:url('/assets/plex-sans.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:PlexMono;src:url('/assets/plex-mono.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:dark;--ground:#111113;--ink:#eeece7;--muted:#b8b5af;--quiet:#a6a39e}
*{box-sizing:border-box}html{min-height:100%;background:var(--ground)}body{margin:0;min-height:100svh;color:var(--ink);font-family:PlexSans,Arial,sans-serif;-webkit-font-smoothing:antialiased;display:grid;place-items:center}
[hidden]{display:none!important}
.stage{width:100%;max-width:1040px;margin:auto;padding:64px 30px 72px;text-align:center}
.wordmark{width:clamp(235px,26vw,310px);margin:0 auto 56px;line-height:0;font-size:0;color:var(--ink)}
.wordmark svg{width:100%;height:auto;overflow:visible;filter:drop-shadow(0 0 7px #c9c3ff1c)}
.launch-details{margin:0 auto}.launch-line{margin:0}.launch-line time{display:block}
.launch-weekday{display:block;font:18px/1.5 PlexSans,sans-serif;color:var(--muted);margin-bottom:11px}
.launch-date{display:block;font:500 clamp(52px,6.3vw,80px)/1.12 Bricolage,sans-serif;letter-spacing:-.045em;white-space:nowrap}
.launch-year{font:inherit;letter-spacing:inherit;color:inherit;margin-left:0}
.launch-hour{display:block;margin-top:12px;font:500 38px/1.3 Bricolage,sans-serif;letter-spacing:-.025em}
.launch-zone{font-size:.55em;letter-spacing:0;color:var(--muted)}
.local-time{margin:15px 0 0;color:var(--muted);font-size:15px;line-height:1.6}
.countdown{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:start;gap:8px;max-width:440px;margin:48px auto 0;user-select:none}
.unit{min-width:0}.digits{display:flex;justify-content:center;font:500 43px/1.15 Bricolage,sans-serif;letter-spacing:-.035em;color:#d7d4ce;font-feature-settings:'tnum' 1}
.digit{display:inline-block;width:.62em;flex:0 0 .62em;text-align:center;position:relative}.digit.is-decoding{color:#96938e}
.label{display:block;font:14px/1.5 PlexSans,sans-serif;color:var(--muted);margin-top:4px}
.separator{color:#696660;font:22px/1 Bricolage,sans-serif;padding-top:12px}
.opening{font:14px/1.6 PlexSans,sans-serif;color:var(--ink);margin:20px 0 0}
.enter{display:inline-flex;align-items:center;gap:24px;min-height:64px;margin-top:44px;padding:14px 24px;border:1px solid #66645f;color:var(--ink);font:24px/1.4 Bricolage,sans-serif;text-decoration:none}.enter:hover{border-color:var(--ink)}.enter:focus-visible{outline:2px solid var(--ink);outline-offset:7px}
.reveal-char{position:relative;display:inline-block;white-space:pre}
.reveal-char .settled{visibility:hidden}.reveal-char.is-locked .settled{visibility:visible}
.reveal-char .candidate{position:absolute;inset:0;text-align:center;color:#b7b3c0;pointer-events:none}
.reveal-char.is-locked .candidate{display:none}
@media(max-width:600px){.stage{padding:56px 20px 64px}.wordmark{width:235px;margin-bottom:49px}.launch-weekday{font-size:16px;margin-bottom:12px}.launch-date{font-size:clamp(30px,9.4vw,56px);letter-spacing:-.05em}.launch-year{font:inherit;margin-left:0}.launch-hour{font-size:31px;margin-top:15px}.launch-zone{font-size:.55em}.local-time{font-size:14px}.countdown{gap:4px;max-width:310px;margin-top:40px}.digits{font-size:34px}.label{font-size:13px;margin-top:4px}.separator{font-size:18px;padding-top:9px}}
@media(max-height:560px) and (min-width:601px){.stage{padding:26px}.wordmark{width:220px;margin-bottom:24px}.launch-weekday{font-size:15px;margin-bottom:3px}.launch-date{font-size:52px}.launch-hour{font-size:30px;margin-top:7px}.countdown{margin-top:27px}.digits{font-size:34px}.label{margin-top:5px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.digit.is-decoding{color:inherit}.wordmark svg{filter:none}.reveal-char .settled{visibility:visible}.reveal-char .candidate{display:none}}
@media(forced-colors:active){.wordmark svg{filter:none}.wordmark svg .foil-base{fill:CanvasText}.wordmark svg .foil-coating{display:none}}

/* First-roll label shares the opening-time typography, in muted ink. */
.launch-weekday{font:500 38px/1.3 Bricolage,sans-serif;letter-spacing:-.025em;color:var(--muted)}
@media(max-width:600px){.launch-weekday{font-size:31px}}
@media(max-height:560px) and (min-width:601px){.launch-weekday{font-size:30px}}
