.staff,:root:has(.staff){--s-bg: #f8fafc;--s-surface: #ffffff;--s-surface-2: #f1f5f9;--s-hover: #f1f5f9;--s-border: #e2e8f0;--s-border-strong: #cbd5e1;--s-text: #0f172a;--s-text-2: #475569;--s-text-3: #64748b;--s-accent: #0051c3;--s-accent-hover: #003f99;--s-accent-fg: #ffffff;--s-accent-text: #0051c3;--s-accent-soft: #e8f0fc;--s-alert: #c2410c;--s-alert-soft: #fff4eb;--s-alert-border: #fdba74;--s-sim: #78350f;--s-sim-soft: #fef3c7;--s-sim-border: #fcd34d;--s-ok: #15803d;--s-shadow: 0 1px 2px rgba(15, 23, 42, .06);--s-radius: 8px;--s-radius-sm: 6px;--s-sans: system-ui, -apple-system, "Segoe UI", Inter, Roboto, sans-serif;--s-mono: ui-monospace, SFMono-Regular, Menlo, monospace;color-scheme:light}@media(prefers-color-scheme:dark){.staff,:root:has(.staff){--s-bg: #0f172a;--s-surface: #1e293b;--s-surface-2: #172234;--s-hover: #263347;--s-border: #334155;--s-border-strong: #475569;--s-text: #f1f5f9;--s-text-2: #a6b3c6;--s-text-3: #94a3b8;--s-accent: #2563eb;--s-accent-hover: #1d4ed8;--s-accent-fg: #ffffff;--s-accent-text: #7cb2fb;--s-accent-soft: rgba(59, 130, 246, .18);--s-alert: #fb923c;--s-alert-soft: rgba(249, 115, 22, .12);--s-alert-border: #c2410c;--s-sim: #fcd34d;--s-sim-soft: rgba(245, 158, 11, .12);--s-sim-border: #92400e;--s-ok: #4ade80;--s-shadow: none;color-scheme:dark}}:root:has(.staff),:root:has(.staff) body{background:var(--s-bg);color:var(--s-text)}.staff{min-height:100dvh;background:var(--s-bg);color:var(--s-text);font-family:var(--s-sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}.staff a{color:var(--s-accent-text)}.staff button,.staff input,.staff select,.staff textarea{font:inherit;color:inherit}.staff :focus-visible{outline:2px solid var(--s-accent);outline-offset:1px}.s-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:20px;height:52px;padding:0 max(20px,env(safe-area-inset-left));background:var(--s-surface);border-bottom:1px solid var(--s-border)}.s-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--s-text)!important;font-weight:600;white-space:nowrap}.s-brand img{height:18px;width:auto}.s-brand span{padding-left:10px;border-left:1px solid var(--s-border-strong)}.s-tabs{display:flex;align-self:stretch;gap:4px}.s-tabs a{display:flex;align-items:center;padding:0 10px;color:var(--s-text-2);text-decoration:none;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px}.s-tabs a:hover{color:var(--s-text)}.s-tabs a.on{color:var(--s-text);border-bottom-color:var(--s-accent)}.s-top-end{margin-left:auto;color:var(--s-text-2);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.s-main{max-width:1200px;margin:0 auto;padding:20px max(20px,env(safe-area-inset-left)) max(32px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.s-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}.s-head h1{margin:0;font-size:20px;font-weight:600;letter-spacing:-.01em}.s-head p{margin:2px 0 0;color:var(--s-text-2)}.s-section{display:flex;flex-direction:column;gap:8px}.s-section>h2{margin:8px 0 0;font-size:14px;font-weight:600}.s-muted{color:var(--s-text-2)}.s-small{font-size:13px}.s-num{font-variant-numeric:tabular-nums}.s-error{color:var(--s-alert)}.s-row{display:flex;align-items:center;gap:8px}.s-wrap{flex-wrap:wrap}.s-grow{flex:1;min-width:0}.s-panel{background:var(--s-surface);border:1px solid var(--s-border);border-radius:var(--s-radius);box-shadow:var(--s-shadow);padding:14px 16px}.s-panel-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}.s-stack{display:flex;flex-direction:column;gap:10px}.s-empty{padding:14px 16px;border:1px dashed var(--s-border-strong);border-radius:var(--s-radius);color:var(--s-text-2)}.s-badge{display:inline-flex;align-items:center;gap:6px;padding:1px 8px;border-radius:999px;border:1px solid var(--s-border);background:var(--s-surface-2);color:var(--s-text-2);font-size:12px;font-weight:500;line-height:20px;white-space:nowrap;font-variant-numeric:tabular-nums}.s-badge.accent{border-color:transparent;background:var(--s-accent-soft);color:var(--s-accent-text)}.s-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border-radius:var(--s-radius-sm);border:1px solid var(--s-border-strong);background:var(--s-surface);color:var(--s-text);font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap;cursor:pointer}.staff a.s-btn{color:var(--s-text)}.s-btn:hover{background:var(--s-hover)}.s-btn:disabled{opacity:.5;cursor:default;background:var(--s-surface)}.s-btn.primary{background:var(--s-accent);border-color:var(--s-accent);color:var(--s-accent-fg)}.s-btn.primary:hover{background:var(--s-accent-hover)}.s-btn.small{height:28px;padding:0 10px;font-size:12.5px}.s-seg{display:inline-flex;padding:2px;gap:2px;border:1px solid var(--s-border);border-radius:var(--s-radius);background:var(--s-surface-2)}.s-seg button{appearance:none;height:28px;min-width:36px;padding:0 10px;border:0;border-radius:5px;background:none;color:var(--s-text-2);font-size:13px;font-weight:500;text-transform:capitalize;cursor:pointer}.s-seg button:hover{color:var(--s-text)}.s-seg button.on{background:var(--s-surface);color:var(--s-text);box-shadow:0 0 0 1px var(--s-border-strong),0 1px 2px #0f172a14}.s-label{font-size:12px;font-weight:500;color:var(--s-text-2)}.s-field{display:flex;flex-direction:column;gap:4px}.s-input{width:100%;height:34px;padding:0 10px;border:1px solid var(--s-border-strong);border-radius:var(--s-radius-sm);background:var(--s-surface);color:var(--s-text);font-size:14px}.s-input::placeholder{color:var(--s-text-3)}.s-input:focus{outline:none;border-color:var(--s-accent);box-shadow:0 0 0 3px var(--s-accent-soft)}.s-check{display:inline-flex;align-items:center;gap:6px;accent-color:var(--s-accent)}input[type=range].s-range{flex:1;min-width:120px;accent-color:var(--s-accent);height:28px;margin:0}.s-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}.s-table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}.s-table th{text-align:left;font-weight:500;font-size:12px;color:var(--s-text-2);background:var(--s-surface-2);padding:7px 12px;border-bottom:1px solid var(--s-border);white-space:nowrap}.s-table td{padding:7px 12px;border-bottom:1px solid var(--s-border);vertical-align:middle}.s-table tr:last-child td{border-bottom:0}.s-table tbody tr:hover td{background:var(--s-hover)}.s-table .end{text-align:right}.s-table-wrap{background:var(--s-surface);border:1px solid var(--s-border);border-radius:var(--s-radius);overflow:auto;box-shadow:var(--s-shadow)}.s-venue{display:flex;gap:14px;align-items:flex-start}.s-venue .qr{width:72px;height:72px;border-radius:var(--s-radius-sm);border:1px solid var(--s-border);flex:none}.s-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;align-items:end}.s-form .full{grid-column:1 / -1}.night-detail{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:12px;align-items:start}.night-detail .s-table-wrap{box-shadow:none}.night-detail tr.past td{color:var(--s-text-3)}.night-detail tr.now td{font-weight:600;color:var(--s-text);background:var(--s-accent-soft)}.sim-banner{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline;padding:8px 12px;border:1px solid var(--s-sim-border);border-radius:var(--s-radius);background:var(--s-sim-soft);color:var(--s-sim);font-size:13px}.sim-banner b{font-weight:600}.monitor-totals{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:var(--s-surface);border:1px solid var(--s-border);border-radius:var(--s-radius);box-shadow:var(--s-shadow);overflow:hidden}.monitor-totals .stat{padding:10px 16px 12px;border-left:1px solid var(--s-border)}.monitor-totals .stat:first-child{border-left:0}.monitor-totals .stat .label{font-size:12px;color:var(--s-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor-totals .stat .value{font-size:24px;font-weight:600;line-height:1.25;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.monitor-totals .stat.alarm{background:var(--s-alert-soft);box-shadow:inset 0 3px 0 var(--s-alert)}.monitor-totals .stat.alarm .value,.monitor-totals .stat.alarm .label{color:var(--s-alert)}.monitor-table{background:var(--s-surface);border:1px solid var(--s-border);border-radius:var(--s-radius);box-shadow:var(--s-shadow);overflow:hidden;font-size:13px}.monitor-row{display:grid;grid-template-columns:minmax(200px,2.4fr) minmax(170px,1.8fr) repeat(6,minmax(64px,.7fr));gap:12px;align-items:center;width:100%;min-height:40px;padding:8px 14px;border:0;border-top:1px solid var(--s-border);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;font-variant-numeric:tabular-nums}.monitor-row>:nth-child(n+3){text-align:right}.monitor-row:hover{background:var(--s-hover)}.monitor-row.head{min-height:0;padding-top:7px;padding-bottom:7px;border-top:0;background:var(--s-surface-2);color:var(--s-text-2);font-size:12px;font-weight:500;white-space:nowrap;cursor:default}.monitor-row.head>:first-child{padding-left:14px}.monitor-row .bar{font-weight:600}.monitor-row .lineup{color:var(--s-text-3);font-weight:400}.monitor-row .flags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.monitor-night .chev{display:inline-block;width:14px;font-size:11px;color:var(--s-text-3)}.monitor-night.sick>.monitor-row{box-shadow:inset 3px 0 0 var(--s-alert);background:var(--s-alert-soft)}.monitor-night.sick>.monitor-row:hover{background:var(--s-hover)}.monitor-night.sick .bar{color:var(--s-alert)}.flag{display:inline-block;padding:0 7px;border-radius:4px;border:1px solid var(--s-alert-border);background:var(--s-alert-soft);color:var(--s-alert);font-size:11.5px;font-weight:600;line-height:18px;white-space:nowrap}.monitor-detail{padding:12px 14px 14px 36px;border-top:1px dashed var(--s-border);background:var(--s-surface-2)}.monitor-detail .s-table-wrap{background:var(--s-surface)}@media(max-width:760px){.s-top{gap:12px;padding:0 12px}.s-brand span,.s-top-end{display:none}.s-main{padding:14px 12px 28px;gap:12px}.monitor-totals{grid-template-columns:repeat(3,minmax(0,1fr))}.monitor-totals .stat{padding:8px 10px 10px;border-top:1px solid var(--s-border)}.monitor-totals .stat:nth-child(-n+3){border-top:0}.monitor-totals .stat:nth-child(3n+1){border-left:0}.monitor-totals .stat .label{white-space:normal}.monitor-totals .stat .value{font-size:20px}.monitor-row{grid-template-columns:minmax(0,1.5fr) minmax(0,1.2fr) 28px 60px;gap:8px;padding:8px 10px}.monitor-night .chev{display:none}.monitor-row.head>:first-child{padding-left:0}.monitor-row>:nth-child(n+5){display:none}.monitor-row.head{white-space:normal;font-size:11px}.monitor-detail{padding:10px}.s-venue{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px 12px}.s-venue .qr{width:56px;height:56px;grid-row:span 2}.s-venue .s-btn{justify-self:start}}@font-face{font-family:Montserrat;src:url(/fonts/montserrat-latin.woff2) format("woff2");font-weight:300 800;font-display:swap}@font-face{font-family:Playfair Display;src:url(/fonts/playfair-italic-latin.woff2) format("woff2");font-style:italic;font-weight:400 700;font-display:swap}:root{--matcha: #7b843d;--matcha-light: #c5cf8a;--plum: #30101a;--plum-2: #3d1724;--plum-3: #4c2131;--cream: #fffcf8;--cream-dim: rgba(255, 252, 248, .68);--cream-faint: rgba(255, 252, 248, .14);--pine: #444923;--peacock: #1f3a3a;--oat: #e3d5bb;--blush: #d4a59f;--gold: #c9a227;--sienna: #77352a;--radius: 18px;--sans: "Montserrat", system-ui, -apple-system, sans-serif;--display: "Playfair Display", Georgia, serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--plum);color:var(--cream);font-family:var(--sans);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body,#root{min-height:100dvh}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--matcha-light)}.page{max-width:480px;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 20px max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:18px;min-height:100dvh}.page.wide{max-width:1100px}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:10px;align-items:center}.row.spread{justify-content:space-between}.grow{flex:1}.center{text-align:center}.spacer{flex:1}.display{font-family:var(--display);font-style:italic;font-weight:500;letter-spacing:-.01em;line-height:1.15}h1.display{font-size:34px;margin:0}h2.display{font-size:26px;margin:0}.prompt{font-family:var(--display);font-style:italic;font-size:28px;line-height:1.2;margin:0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--matcha-light)}.muted{color:var(--cream-dim)}.small{font-size:13px}.big-number{font-size:72px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.error{color:#ffb4a8;font-size:14px}.card{background:var(--plum-2);border:1px solid var(--cream-faint);border-radius:var(--radius);padding:18px}.card.raised{background:var(--plum-3)}.card.matcha{background:var(--matcha);border-color:transparent}.card.peacock{background:var(--peacock);border-color:transparent}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--cream-faint);font-size:13px;font-weight:600}.pill.gold{background:var(--gold);color:var(--plum)}.pill.matcha{background:var(--matcha)}.divider{height:1px;background:var(--cream-faint);border:0;margin:4px 0}.btn{appearance:none;border:0;border-radius:999px;padding:15px 22px;font-weight:700;font-size:16px;background:var(--matcha);color:var(--cream);cursor:pointer;min-height:52px;transition:transform .08s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn.block{width:100%}.btn.ghost{background:transparent;border:1.5px solid var(--cream-faint)}.btn.cream{background:var(--cream);color:var(--plum)}.btn.gold{background:var(--gold);color:var(--plum)}.btn.small{min-height:38px;padding:8px 14px;font-size:14px}.link-btn{background:none;border:0;color:var(--matcha-light);font-weight:600;padding:6px 0;cursor:pointer}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:600;color:var(--cream-dim)}.input{width:100%;background:var(--plum-3);border:1.5px solid var(--cream-faint);border-radius:14px;padding:14px 16px;font-size:17px;outline:none}.input:focus{border-color:var(--matcha-light)}.input.code{font-size:30px;letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums}.toggle-row{display:flex;gap:8px}.choice{flex:1;appearance:none;border:1.5px solid var(--cream-faint);background:var(--plum-3);border-radius:14px;padding:14px;font-weight:600;cursor:pointer;text-align:center}.choice.on{background:var(--matcha);border-color:var(--matcha-light)}.choice.big{padding:22px 14px;font-size:18px}input[type=range].dial{width:100%;accent-color:var(--gold);height:40px}.topbar{display:flex;align-items:center;gap:10px;min-height:44px}.topbar .venue{font-weight:700;font-size:15px}.icon-btn{position:relative;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--cream-faint);background:var(--plum-2);display:grid;place-items:center;cursor:pointer;font-weight:700}.dot{position:absolute;top:-1px;right:-1px;width:11px;height:11px;border-radius:50%;background:var(--gold);border:2px solid var(--plum)}.signal{width:9px;height:9px;border-radius:50%;background:var(--matcha-light)}.signal.weak{background:var(--gold)}.signal.off{background:var(--blush)}.timer-bar{height:6px;border-radius:6px;background:var(--cream-faint);overflow:hidden}.timer-bar>div{height:100%;background:var(--gold);transition:width .25s linear}.members{display:flex;flex-wrap:wrap;gap:6px}.list{display:flex;flex-direction:column;gap:8px}.list-row{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:var(--plum-3)}.list-row.mine{outline:2px solid var(--gold)}.list-row .pts{margin-left:auto;font-weight:800;font-variant-numeric:tabular-nums}.board-slot{display:flex;justify-content:space-between;padding:12px 14px;border-radius:12px;background:var(--peacock);font-weight:700}.board-slot.hidden{background:var(--plum-3);color:var(--cream-dim)}.toast{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translate(-50%);background:var(--cream);color:var(--plum);padding:12px 18px;border-radius:999px;font-weight:600;font-size:14px;box-shadow:0 8px 30px #00000059;z-index:50;max-width:calc(100% - 40px)}.flash{position:fixed;inset:0;z-index:40;pointer-events:none;animation:flash 1.4s ease-out forwards}@keyframes flash{0%{background:var(--cream)}35%{background:var(--gold)}to{background:transparent}}@media(prefers-reduced-motion:reduce){.flash{animation:none;background:#c9a22759}.btn,.timer-bar>div{transition:none}}.sheet-backdrop{position:fixed;inset:0;background:#0a020599;z-index:30}.sheet{position:fixed;left:0;right:0;bottom:0;max-height:88dvh;overflow:auto;z-index:31;background:var(--plum-2);border-radius:24px 24px 0 0;padding:22px 20px max(24px,env(safe-area-inset-bottom));max-width:520px;margin:0 auto}.logo{height:26px;width:auto}.hero-logo{height:42px;width:auto}video.story{width:100%;border-radius:14px;background:#000}.replay-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.phone-frame{border-radius:28px;border:6px solid #120509;background:var(--plum);height:480px;overflow:hidden;position:relative}.phone-frame .page{min-height:0;height:100%;overflow:hidden;padding:14px 12px;gap:12px;zoom:.62;height:calc(480px / .62)}.phone-label{font-size:12px;font-weight:700;margin-bottom:6px;color:var(--cream-dim)}.replay-caption{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;font-size:14px}.phone-frame .phone-away{justify-content:center;text-align:center;font-size:24px}.recording .phone-frame{height:548px}.recording .phone-frame .page{height:calc(548px / .62)}.recording .phone-frame .btn{transition:none}.sketch-canvas{display:block;width:100%;aspect-ratio:1;background:var(--cream);border-radius:var(--radius);touch-action:none;user-select:none;-webkit-user-select:none}.sketch-canvas.editable{cursor:crosshair;outline:2px solid var(--gold)}.host-bar{max-width:480px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:max(10px,env(safe-area-inset-top)) 20px 0;white-space:nowrap}.host-bar+.page{padding-top:12px;min-height:calc(100dvh - 60px)}
