:root{--canvas: #f4f6f8;--surface: #ffffff;--surface-subtle: #edf1f5;--ink: #15181d;--muted: #5f6875;--line: #d6dce4;--accent: #1f63e9;--accent-soft: #e6efff;--board-surface: #15181d;--board-edge: #343942;--board-text: #f8fafc;--body: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--data: var(--body);color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--canvas: #0e1116;--surface: #181c22;--surface-subtle: #20252d;--ink: #f3f5f7;--muted: #a4adba;--line: #353c47;--accent: #78a8ff;--accent-soft: #1a2c4d;--board-surface: #080a0d}}*,*: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:16px}#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:9ch;margin:1.5rem 0 0;font-size:clamp(2.5rem,6vw,4.75rem);font-weight:680;letter-spacing:-.065em;line-height:.98;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:1.25rem;box-shadow:0 1.75rem 5rem color-mix(in srgb,var(--ink) 10%,transparent)}.board-label{margin:0 0 1.25rem;color:var(--muted);font-family:var(--body);font-size:.8125rem;font-weight:700;letter-spacing:-.01em}.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:.75rem;font-family:var(--data);font-size:clamp(3rem,11vw,4.75rem);font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.06em}.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:.7rem;box-shadow:0 .75rem 1.7rem color-mix(in srgb,#000000 20%,transparent);font-family:var(--data);font-size:calc(var(--flap-w) * .72);font-weight:650;font-variant-numeric: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:.7rem .7rem 0 0}.flap__face--bottom{bottom:0;border-radius:0 0 .7rem .7rem}.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:650;font-variant-numeric:tabular-nums;letter-spacing:-.075em;line-height:1}.eta{min-height:1.5em;margin:1.75rem 0 0;color:var(--ink);font-size:clamp(1.0625rem,2.5vw,1.25rem);font-weight:650;line-height:1.45}.reassurance{max-width:27rem;margin:1rem auto 0;color:var(--muted);font-size:.9375rem;line-height:1.65}.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:.6rem;font-size:.875rem;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(--data);font-size:.6875rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase}.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;border-radius:1rem}}@media(prefers-reduced-motion:reduce){.connection:before{animation:none}.flap__leaf{display:none}.board{transition:none}}