:root{--hall:#0b0c0e;--housing:#141518;--housing-edge:#26282d;--flap-top:#2a2b2f;--flap-top-end:#232428;--flap-bottom:#1e1f22;--flap-bottom-end:#19191c;--ink:#f3f0e6;--sign:#ffc634;--muted:#8d8a82;--kind-new:#5fd68a;--kind-revert:#ff6a55;--kind-bot:#7fb2ff;--kind-anon:#e8b04a;--flap-font:var(--font-flap), "Arial Narrow", "Helvetica Neue", Arial, sans-serif;color-scheme:dark}body{background:radial-gradient(120% 70% at 50% -10%, #23201a 0%, transparent 60%), var(--hall);color:var(--ink);font:400 1rem/1.6 var(--flap-font);margin:0}.hall{box-sizing:border-box;align-content:center;justify-items:center;gap:1.25rem;min-height:100dvh;padding:4.5rem 1rem 3rem;display:grid}.home{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;text-decoration:none;position:absolute;top:1.25rem;left:1.25rem}.home:hover,.home:focus-visible{color:var(--sign)}.dock{width:min(100%,72rem)}.board{box-sizing:border-box;border:1px solid var(--housing-edge);background:linear-gradient(#18191c, var(--housing));border-radius:.6rem;width:100%;padding:clamp(.75rem,2.2vw,1.75rem);box-shadow:inset 0 1px #ffffff12,inset 0 -2px #00000080,0 2rem 4rem -1rem #000000d0}.board-head{color:var(--sign);grid-template-columns:1fr auto;align-items:center;column-gap:1rem;margin-bottom:clamp(.6rem,1.6vw,1.2rem);display:grid}.board-title{align-items:center;gap:.6em;font-size:clamp(1.4rem,4.4vw,2.6rem);display:flex}.board-title svg{flex:none;width:1.1em;height:1.1em}.board-title h1{font:700 1em/1 var(--flap-font);letter-spacing:.12em;text-transform:uppercase;margin:0}.board-sub{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;grid-row:2;margin:.3rem 0 0;font-size:clamp(.7rem,1.6vw,.9rem)}.clock{--u:clamp(1.1rem, 3.4vw, 2rem);grid-area:1/2/3;align-items:center;gap:.12em;display:flex}.clock .cell{font-size:calc(var(--u) * 1.12)}.colon{font:700 calc(var(--u) * 1.1) / 1 var(--flap-font);color:var(--ink);animation:2s step-end infinite blink}@keyframes blink{50%{opacity:.2}}.grid{gap:calc(100cqi / var(--units) * .32);display:grid;container-type:inline-size}.grid>.row{--u:calc(100cqi / var(--units))}.row{align-items:center;gap:calc(var(--u) * .8);color:inherit;border-radius:calc(var(--u) * .15);outline-offset:calc(var(--u) * .2);text-decoration:none;display:flex}.row[href]:hover .cell,.row[href]:focus-visible .cell{--flap-top:#34353a;--flap-top-end:#2c2d31;--flap-bottom:#26272b;--flap-bottom-end:#202124}.row.head{color:var(--sign);font:700 calc(var(--u) * .62) / 1 var(--flap-font);letter-spacing:.1em;text-transform:uppercase}.row.head .col{width:calc(var(--u) * (var(--w) - .12))}.row.head .col-change{text-align:right}.lamp{width:calc(var(--u) * .5);height:calc(var(--u) * .5);background:#2b2c30;border-radius:50%;flex:none;transition:background-color .4s,box-shadow .4s;box-shadow:inset 0 1px 1px #00000080}.row.head .lamp{visibility:hidden}.row[data-kind=new] .lamp{--lit:var(--kind-new)}.row[data-kind=revert] .lamp{--lit:var(--kind-revert)}.row[data-kind=bot] .lamp{--lit:var(--kind-bot)}.row[data-kind=anon] .lamp{--lit:var(--kind-anon)}.row[data-kind] .lamp{background:var(--lit,#3a3b40);box-shadow:0 0 calc(var(--u) * .6) var(--lit,transparent)}.row[data-kind=new] .col-remarks{color:var(--kind-new)}.row[data-kind=revert] .col-remarks{color:var(--kind-revert)}.row[data-kind=bot] .col-remarks{color:var(--kind-bot)}.row[data-kind=anon] .col-remarks{color:var(--kind-anon)}.col{gap:calc(var(--u) * .12);flex:none;display:flex}.cell{width:calc(var(--u) * .88);height:calc(var(--u) * 1.45);perspective:calc(var(--u) * 5);font:700 calc(var(--u) * 1.12) / 1 var(--flap-font);text-align:center;flex:none;display:block;position:relative}.clock .cell{width:calc(var(--u) * .88);height:calc(var(--u) * 1.45)}.half{backface-visibility:hidden;height:50%;position:absolute;left:0;right:0;overflow:hidden}.half>span{place-items:center;height:200%;display:grid;position:absolute;left:0;right:0}.half>.wide{font-size:.74em}.half.top{border-radius:calc(var(--u) * .1) calc(var(--u) * .1) 0 0;background:linear-gradient(var(--flap-top), var(--flap-top-end));transform-origin:50% 100%;top:0}.half.top>span{top:0}.half.bottom{border-radius:0 0 calc(var(--u) * .1) calc(var(--u) * .1);background:linear-gradient(var(--flap-bottom), var(--flap-bottom-end));transform-origin:50% 0;bottom:0}.half.bottom>span{bottom:0}.flap{z-index:1;will-change:transform;display:none}.flipping .flap{display:block}.cell:after{content:"";z-index:2;background:#000000b0;height:1px;position:absolute;top:calc(50% - .5px);left:0;right:0}.board-foot{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.4rem 1.4rem;margin-top:clamp(.6rem,1.6vw,1.2rem);font-size:clamp(.7rem,1.5vw,.85rem);display:flex}.status{align-items:center;gap:.5em;display:inline-flex}.status-lamp{background:var(--muted);border-radius:50%;width:.6em;height:.6em}[data-state=live] .status-lamp{background:var(--kind-new);box-shadow:0 0 .6em var(--kind-new);animation:2.4s ease-in-out infinite blink}[data-state=polling] .status-lamp{background:var(--kind-anon)}[data-state=down] .status-lamp{background:var(--kind-revert)}.holding{color:var(--sign);margin-left:auto}.holding[hidden]{display:none}.away{border:1px dashed var(--housing-edge);color:var(--muted);text-align:center;border-radius:.6rem;justify-items:center;gap:1rem;padding:3rem 1rem;display:grid}.away[hidden]{display:none}.away p{margin:0}.controls{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.controls button,.away button,.from{box-sizing:border-box;border:1px solid var(--housing-edge);background:var(--housing);min-height:2.5rem;color:var(--ink);font:700 .85rem/1 var(--flap-font);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:.35rem;padding:.4rem 1rem}.controls button:hover,.away button:hover,.from:hover{border-color:var(--muted)}.controls button[aria-pressed=true]{border-color:var(--sign);color:var(--sign)}.controls button[hidden]{display:none}.from{align-items:center;gap:.6rem;display:inline-flex}.from span{color:var(--sign)}.from select{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0}.from select option{background:var(--housing)}.pop-note{max-width:40rem;color:var(--muted);text-align:center;margin:0;font-size:.85rem}.pop-note[hidden]{display:none}.notes{box-sizing:border-box;color:#c9c5bb;max-width:44rem;margin:0 auto;padding:2rem 1rem 5rem;font-size:1.05rem}.notes h2{color:var(--sign);font:700 1rem/1.2 var(--flap-font);letter-spacing:.12em;text-transform:uppercase;margin:2.2rem 0 .6rem}.notes strong{color:var(--ink)}.notes code{color:var(--ink);font-size:.92em}.notes a{color:var(--ink)}.credits{color:var(--muted);margin-top:2.5rem;font-size:.9rem}body.pip{background:var(--housing);min-height:100vh;display:grid}body.pip .board{box-shadow:none;border:0;border-radius:0;padding:4vw}@media (prefers-reduced-motion:reduce){.colon,[data-state=live] .status-lamp{animation:none}}