:root{color-scheme:dark;--ink:#d6dbd1;--faint:#8a8f8a;--accent:#b8a35c;--danger:#cc3d33;--panel:#171a1ff0;--panel-edge:#4d525c;--title-bar:#262930;--cell:#292b33;--cell-empty:#1f2126;--cell-edge:#424752;--cell-hover:#3d4252;--void:#0d0f12;--face-display:var(--ri-font-display), Georgia, serif;--face-body:var(--ri-font-body), Georgia, serif;--face-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--radius:4px;--edge:1px;--pad:10px;--gap:4px;--row-gap:6px}body,html{background:var(--void);height:100%;color:var(--ink);font:14px/1.6 var(--face-body);overscroll-behavior:none;touch-action:none;margin:0;padding:0;overflow:hidden}#stage{top:env(safe-area-inset-top,0);left:env(safe-area-inset-left,0);width:calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));position:fixed}#turn{display:none}@media (orientation:portrait) and (pointer:coarse){#turn{text-align:center;background:var(--void);color:var(--ink);font-family:var(--face-display);letter-spacing:.08em;place-content:center;padding:2rem;display:grid;position:fixed;inset:0}}canvas{width:100%;height:100%;image-rendering:pixelated;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;touch-action:none;outline:none;display:block}#boot{z-index:1;padding:2rem max(2rem,env(safe-area-inset-right)) 2rem max(2rem,env(safe-area-inset-left));overscroll-behavior:contain;touch-action:pan-y;text-align:center;background:radial-gradient(120% 90% at 50% 0,#1a1d23 0,var(--void) 60%);--column:calc(clamp(20rem, 36vw + 10rem, 50rem));place-content:safe center center;justify-items:center;gap:1.25em;font-size:calc(clamp(.9375rem,.42vw + .55rem,1.375rem));transition:opacity .4s;display:grid;position:fixed;inset:0;overflow-y:auto}#boot[hidden]{display:none}#boot:has(#menu.shown) #checks{order:1}@media (orientation:landscape) and (height<=560px){#boot{padding-top:max(1rem,env(safe-area-inset-top));padding-bottom:max(1rem,env(safe-area-inset-bottom));gap:.75em}#boot:has(#menu.shown){--column:min(26rem, .5 * (100vw - 5rem - env(safe-area-inset-left) - env(safe-area-inset-right)));grid-template-columns:repeat(2,var(--column));grid-template-rows:auto auto auto auto 1fr;column-gap:1rem}#boot:has(#menu.shown)>:not(#menu){grid-column:1}#boot:has(#menu.shown) #checks{align-self:start}#boot:has(#menu.shown) #menu{grid-area:1/2/-1;align-self:start}#boot #marks img{height:1.3em}#boot h1{font-size:1.3em}#start{box-shadow:0 0 0 var(--pad) var(--panel);position:sticky;bottom:0}}#boot.done{opacity:0;pointer-events:none}h1{font-family:var(--face-display);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:1.6em;font-weight:600}#why{max-width:44ch;min-height:1.6em;color:var(--faint);margin:0 auto}#why.bad{color:var(--danger)}#marks{opacity:.72;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.75em;display:flex}#marks img{filter:saturate(.9);width:auto;height:1.85em}#bar{width:var(--column);background:var(--cell-empty);border-radius:999px;height:4px;overflow:hidden}#fill{border-radius:inherit;background:linear-gradient(90deg,#8f7c45,var(--accent));width:0;height:100%;transition:width .18s linear}#bar.unknown #fill{width:35%;animation:1.1s ease-in-out infinite sweep}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(285%)}}@media (prefers-reduced-motion:reduce){#bar.unknown #fill{opacity:.4;width:100%;animation:none}#boot{transition:none}}#checks,#menu{width:var(--column);box-sizing:border-box;padding:var(--pad);border:var(--edge) solid var(--panel-edge);border-radius:var(--radius);background:var(--panel)}#checks{text-align:left;font-size:.85em}#checks summary{cursor:pointer;color:var(--faint)}#checks summary[data-state=bad]{color:var(--danger)}#checks[open] summary{margin-bottom:var(--gap)}#checks .rows{gap:var(--gap);display:grid}#checks [data-check]{border:var(--edge) solid var(--cell-edge);border-radius:var(--radius);background:var(--cell-empty);color:var(--faint);grid-template-columns:1fr auto;align-items:baseline;gap:1em;padding:.3em .6em;display:grid}#checks b{color:var(--ink);font-weight:500}#checks span{font-family:var(--face-mono);font-variant-numeric:tabular-nums;white-space:nowrap}#checks [data-check][data-state=ok] span{color:var(--ink)}#checks [data-check][data-state=warn] span{color:var(--accent)}#checks [data-check][data-state=bad] span{color:var(--danger)}#checks [data-check][data-state=bad]{background:#2a1614;border-color:#5c2a24}#menu{gap:var(--row-gap);text-align:left;display:none}#menu.shown{display:grid}#menu fieldset{gap:var(--gap);border:0;margin:0;padding:0;display:grid}#menu legend{color:var(--faint);padding:0;font-size:.85em}.picks{gap:var(--gap);flex-wrap:wrap;display:flex}.picks button{border:var(--edge) solid var(--cell-edge);border-radius:var(--radius);background:var(--cell);min-width:0;color:var(--faint);font:inherit;cursor:pointer;flex:1 1 0;padding:.45em .7em;font-size:.85em}.picks button:hover:not(:disabled){border-color:var(--panel-edge);background:var(--cell-hover);color:var(--ink)}.picks button[aria-pressed=true]{border-color:var(--accent);color:var(--ink);background:#322c1c}.picks button:disabled{opacity:.4;cursor:not-allowed}.whoami{border:var(--edge) solid var(--cell-edge);border-radius:var(--radius);background:var(--cell-empty);color:var(--ink);align-items:center;gap:.6em;padding:.35em .4em .35em .6em;font-size:.85em;display:flex}.whoami span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.whoami img{border:var(--edge) solid var(--panel-edge);object-fit:cover;image-rendering:auto;width:2.2em;height:2.2em}#start,.signout,.whoami img{border-radius:var(--radius)}.signout{border:var(--edge) solid var(--cell-edge);background:var(--cell);color:var(--faint);font:inherit;cursor:pointer;flex:none;margin-left:auto;padding:.35em .7em;font-size:.85em}.signout:hover:not(:disabled){border-color:var(--panel-edge);background:var(--cell-hover);color:var(--ink)}.signout:disabled{opacity:.4;cursor:not-allowed}#menu .note{color:var(--faint);opacity:.85;margin:0;font-size:.8em}#start{border:var(--edge) solid var(--accent);background:linear-gradient(180deg,var(--accent),#8f7c45);color:#17110a;font:inherit;cursor:pointer;padding:.6em .9em;font-weight:600}#start:hover{background:linear-gradient(180deg,#c9b36a,var(--accent))}