:root{--canvas: #0b0e0f;--surface: #101516;--surface-subtle: #1a2224;--ink: #e4e1d8;--muted: #8a9a9c;--line: #263033;--accent: #e3a857;--accent-soft: #241d12;--board-surface: #0b0e0f;--board-edge: #2c3739;--board-text: #e4e1d8;--title: "IM Fell English", Georgia, serif;--caps: "IM Fell English SC", Georgia, serif;--body: "EB Garamond", Garamond, Georgia, serif;--data: var(--body);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}body{min-height:100vh;min-height:100svh;margin:0;padding:clamp(1.25rem,5vw,4rem);display:grid;place-items:center;background:var(--canvas);color:var(--ink);font-family:var(--body);font-size:18px}.logo{display:block;width:clamp(4.5rem,10vw,6.5rem);height:auto;color:var(--ink);filter:drop-shadow(0 0 1.75rem color-mix(in srgb,var(--accent) 30%,transparent))}#anteroom{width:min(100%,68rem);display:grid;grid-template-columns:minmax(0,.9fr) minmax(22rem,1.1fr);align-items:center;gap:clamp(2.5rem,8vw,7rem)}.queue-intro{position:relative;padding-left:clamp(1.25rem,3vw,2rem);text-align:left}.queue-intro:before{position:absolute;inset:0 auto 0 0;width:2px;content:"";background:linear-gradient(to bottom,var(--accent) 0 2.5rem,var(--line) 2.5rem 100%);border-radius:999px}.room-title{max-width:11ch;margin:1.5rem 0 0;font-family:var(--title);font-size:clamp(2.5rem,6vw,4.75rem);font-weight:400;letter-spacing:-.005em;line-height:1.02;text-wrap:balance}.room-message{max-width:28rem;margin:1.25rem 0 0;color:var(--muted);font-size:clamp(1rem,2vw,1.125rem);line-height:1.65}.queue-stage{position:relative;min-width:0;padding:clamp(2rem,5vw,3.75rem);text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:.25rem;box-shadow:0 1.75rem 5rem #000,0 0 6rem -2rem color-mix(in srgb,var(--accent) 22%,transparent)}.board-label{margin:0 0 1.25rem;color:var(--muted);font-family:var(--caps);font-size:.9375rem;letter-spacing:.2em}.board{display:flex;justify-content:center;transition:opacity .25s ease}.board__flaps{display:flex;justify-content:center;gap:.55rem;perspective:700px;background:linear-gradient(var(--line),var(--line)) center / 100% 1px no-repeat}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.board--through{opacity:.3}.board__plain{padding:.7rem 1.1rem;color:var(--ink);background:var(--surface-subtle);border-radius:.25rem;font-family:var(--data);font-size:clamp(3rem,11vw,4.75rem);font-weight:400;font-variant-numeric:lining-nums tabular-nums}.flap{--flap-w: clamp(3.6rem, 9vw, 5rem);--flap-h: calc(var(--flap-w) * 1.3);position:relative;width:var(--flap-w);height:var(--flap-h);overflow:hidden;color:var(--board-text);background:var(--board-surface);border:1px solid var(--board-edge);border-radius:.25rem;box-shadow:0 .75rem 1.7rem color-mix(in srgb,#000000 45%,transparent);font-family:var(--data);font-size:calc(var(--flap-w) * .72);font-weight:400;font-variant-numeric:lining-nums tabular-nums;transform-style:preserve-3d}.flap__face{position:absolute;left:0;width:100%;height:50%;overflow:hidden;backface-visibility:hidden;background:var(--board-surface)}.flap__face--top{top:0;border-bottom:1px solid #000000;border-radius:.25rem .25rem 0 0}.flap__face--bottom{bottom:0;border-radius:0 0 .25rem .25rem}.flap__glyph{position:absolute;left:0;width:100%;height:var(--flap-h);line-height:var(--flap-h);text-align:center}.flap__face--top .flap__glyph{top:0}.flap__face--bottom .flap__glyph{bottom:0}.flap__leaf{z-index:2;transform-origin:center bottom;transition:transform .13s cubic-bezier(.4,0,1,.7)}.flap__leaf--top{transform:rotateX(0)}.flap__leaf--bottom{transform:rotateX(90deg);transform-origin:center top;transition-delay:.13s;transition-timing-function:cubic-bezier(0,.4,.3,1)}.flap--turning .flap__leaf--top{transform:rotateX(-90deg)}.flap--turning .flap__leaf--bottom{transform:rotateX(0)}.countdown{margin:0;color:var(--ink);font-family:var(--data);font-size:clamp(3.25rem,11vw,5rem);font-weight:400;font-variant-numeric:lining-nums tabular-nums;line-height:1}.opens-at{margin:1rem 0 0;color:var(--accent);font-style:italic}.opens-at:empty{display:none}.eta{min-height:1.5em;margin:1.75rem 0 0;color:var(--ink);font-size:clamp(1.125rem,2.5vw,1.3125rem);font-weight:500;line-height:1.45}.reassurance{max-width:27rem;margin:1rem auto 0;color:var(--muted);font-size:1rem;line-height:1.6}.notice{max-width:27rem;margin:1.25rem auto 0;padding:.75rem .9rem;color:var(--ink);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:.25rem;font-size:.9375rem;line-height:1.5}.status-bar{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:2rem 0 0;padding:0;color:var(--muted);font-family:var(--caps);font-size:.875rem;letter-spacing:.16em}.connection{display:inline-flex;align-items:center;gap:.45rem}.connection:before{width:.5rem;height:.5rem;content:"";background:var(--accent);border-radius:50%;animation:pulse 2.4s ease-in-out infinite}.connection[data-state=reconnecting]{color:var(--ink)}.connection[data-state=reconnecting]:before{animation-duration:.9s}.status-bar__divider{opacity:.45}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@media(max-width:48rem){body{place-items:start center}#anteroom{max-width:36rem;grid-template-columns:1fr;gap:2rem}.queue-intro{padding:0 0 0 1.25rem}.room-title{max-width:12ch;font-size:clamp(2.5rem,12vw,4rem)}}@media(max-width:30rem){body{padding:1.25rem}.queue-stage{padding:2rem 1.25rem}}@media(prefers-reduced-motion:reduce){.connection:before{animation:none}.flap__leaf{display:none}.board{transition:none}}