@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(./jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:700;src:url(./jetbrains-mono-latin-700-normal-BYuf6tUa.woff2)format("woff2"),url(./jetbrains-mono-latin-700-normal-D3wTyLJW.woff)format("woff")}:root{--color-bg:#080808;--color-surface:#080808f7;--color-hud:#080808cc;--color-text:#fff;--color-text-muted:#b6c4bf;--color-accent:#0fc;--color-accent-hover:#5fffe0;--color-accent-wash:#00ffcc24;--color-accent-glow:#00ffcc52;--color-on-accent:#080808;--color-line:#00ffcc57;--color-track:#ffffff29;--color-focus:#fff;--font-mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.75rem;--text-display:1.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius:4px;--control:2.75rem;--ease:cubic-bezier(.2, 0, 0, 1);--inset-start:max(var(--space-4), env(safe-area-inset-left));--inset-end:max(var(--space-4), env(safe-area-inset-right));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;margin:0;line-height:1.5}h1,h2,p,dl,dd,ul{margin:0;padding:0}ul{list-style:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}::selection{background:var(--color-accent);color:var(--color-on-accent)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.app{grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid}.topnav{grid-template-columns:auto minmax(0, 1fr) var(--control);align-items:center;gap:var(--space-1) var(--space-2);padding-block:max(var(--space-1), env(safe-area-inset-top)) var(--space-2);padding-inline:var(--inset-start) var(--inset-end);border-block-end:1px solid var(--color-line);background:var(--color-bg);grid-template-areas:"title title mute""badge link link";display:grid}.topnav-title{font-size:var(--text-sm);white-space:nowrap;grid-area:title;font-weight:700}.badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-xs);white-space:nowrap;grid-area:badge;justify-self:start;font-weight:700;line-height:1.25}.topnav-link{grid-area:link;justify-self:end}.topnav-mute{grid-area:mute}@media (width<=22.4rem){.topnav-link-lead{display:none}}@media (width>=45rem){.topnav{grid-template-columns:auto auto minmax(0, 1fr) auto var(--control);gap:var(--space-4);padding-block:max(var(--space-2), env(safe-area-inset-top)) var(--space-2);grid-template-areas:"title badge.link mute"}}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:3.25rem;padding-inline:var(--space-6);border:1px solid var(--color-accent);border-radius:var(--radius);color:var(--color-text);font:inherit;font-size:var(--text-md);text-align:center;white-space:nowrap;cursor:pointer;background:0 0;font-weight:700;text-decoration:none;display:inline-flex}.button-primary{background:var(--color-accent);color:var(--color-on-accent);box-shadow:0 0 24px var(--color-accent-glow);border-color:#0000}.button-small{min-height:2.25rem;padding-inline:var(--space-3);font-size:var(--text-xs)}.icon-button{width:var(--control);height:var(--control);border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);cursor:pointer;place-items:center;padding:0;display:inline-grid}@media (hover:hover){.button:hover,.icon-button:hover{background:var(--color-accent-wash)}.button-primary:hover{background:var(--color-accent-hover)}}@media (prefers-reduced-motion:no-preference){.button,.icon-button{transition-property:background-color,transform;transition-duration:.15s;transition-timing-function:var(--ease)}.button:active,.icon-button:active{transform:scale(.96)}}.stage{background:var(--color-bg);grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;position:relative;overflow:hidden}.stage-canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;outline:none;width:100%;height:100%;position:absolute;inset:0}.hud{align-items:flex-start;gap:var(--space-3);padding-block:var(--space-2);padding-inline:var(--inset-start) var(--inset-end);background:var(--color-hud);pointer-events:none;grid-row:1;display:flex;position:relative}.hud-stats{grid-template-columns:auto auto minmax(4.75rem, 1fr) var(--control);gap:var(--space-2) var(--space-4);flex:1;min-width:0;display:grid}.hud-stat{min-width:0}.hud-stat dt{color:var(--color-text-muted);font-size:var(--text-xs);white-space:nowrap;line-height:1.25}.hud-stat dd{font-size:var(--text-lg);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700;line-height:1.25}.hud-rank{grid-column:1/-1}.hud-stat .hud-rank-row{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-sm);margin-block-start:var(--space-1);line-height:1.25;display:flex}.rank-badge{color:var(--color-accent);font-weight:700}.hud-rank-next{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:400}.meter{height:2px;background:var(--color-track);margin-block-start:var(--space-1);display:block}.meter-fill{background:var(--color-accent);transform-origin:0;height:100%;display:block}.hud-pause{pointer-events:auto;position:absolute;inset-block-start:var(--space-2);inset-inline-end:var(--inset-end)}@media (width<=22.4rem){.hud-stat dd{font-size:var(--text-md)}.hud-stats{column-gap:var(--space-3)}}@media (width>=45rem){.hud{padding-inline-end:calc(var(--inset-end) + var(--control) + var(--space-4))}.hud-stats{gap:var(--space-6);grid-template-columns:7.5rem 7.5rem 6rem minmax(0,24rem)}.hud-rank{grid-column:auto}}.overlay{min-height:0;padding-block:var(--space-3) max(var(--space-3), env(safe-area-inset-bottom));padding-inline:var(--inset-start) var(--inset-end);pointer-events:none;grid-row:2;justify-content:center;align-items:flex-end;display:flex;position:relative}.panel{gap:var(--space-3);width:100%;max-width:30rem;max-height:100%;padding:var(--space-4);overscroll-behavior:contain;border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);pointer-events:auto;display:grid;overflow-y:auto}.panel-compact{max-width:26rem}.display{font-size:var(--text-display);letter-spacing:-.03em;font-weight:700;line-height:1.1}.display span{display:block}.display-accent{color:var(--color-accent)}.heading{font-size:var(--text-xl);letter-spacing:-.02em;font-weight:700;line-height:1.1}.lede{color:var(--color-text);text-wrap:pretty}.hint{color:var(--color-text-muted);font-size:var(--text-xs);text-wrap:pretty}.panel-action{gap:var(--space-2);display:grid}.panel-buttons{gap:var(--space-3);display:grid}.legend{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.legend-title{font-size:var(--text-xs);margin-block-end:var(--space-1);font-weight:700}.legend-list{gap:var(--space-2);display:grid}.legend-item{align-items:center;gap:var(--space-2);grid-template-columns:1.75rem minmax(0,1fr);display:grid}.legend-text{font-size:var(--text-xs);line-height:1.25;display:grid}.legend-text span{color:var(--color-text-muted)}.result{gap:var(--space-2);display:grid}.result-row{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.result-row dt{color:var(--color-text-muted);flex:none}.result-row dd{text-align:end;font-variant-numeric:tabular-nums;font-weight:700}.result-row .result-score{color:var(--color-accent);font-size:var(--text-xl);line-height:1.1}@media (prefers-reduced-motion:no-preference){.panel-enter{animation:panel-enter .22s var(--ease) both}.rank-badge{animation:.7s ease-out rank-change}}@keyframes panel-enter{0%{opacity:0;transform:translateY(8px)}}@keyframes rank-change{0%{color:var(--color-text)}}@media (width>=45rem){:root{--text-display:2.75rem}.overlay{padding-block:var(--space-4);align-items:center}.overlay-start{justify-content:flex-start;padding-inline-start:max(var(--space-8), env(safe-area-inset-left))}.panel{gap:var(--space-4);padding:var(--space-6)}.panel-buttons{grid-template-columns:auto auto}.panel-buttons .button{padding-inline:var(--space-4)}}@media (width<=22.4rem),(height<=44rem){.panel{gap:var(--space-2);padding:var(--space-3)}.legend-item{gap:var(--space-1) var(--space-2);grid-template-columns:1.25rem minmax(0,1fr)}.legend-item svg{width:1.25rem;height:1.25rem}}@media (height<=30rem) and (width>=35rem){:root{--text-display:1.75rem}.topnav{grid-template-columns:auto auto minmax(0, 1fr) auto var(--control);gap:var(--space-3);grid-template-areas:"title badge.link mute";padding-block:0}.hud{padding-inline-end:calc(var(--inset-end) + var(--control) + var(--space-3))}.hud-stats{gap:var(--space-3);grid-template-columns:auto auto 4.75rem minmax(0,1fr)}.hud-rank{grid-column:auto}.overlay,.overlay-start{padding-block:var(--space-2);justify-content:center;align-items:center;padding-inline-start:var(--inset-start)}.panel{gap:var(--space-2);padding:var(--space-3)}.panel-start{column-gap:var(--space-4);grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:48rem}.panel-start header,.panel-start .lede,.panel-start .panel-action{grid-column:1}.panel-start .legend{grid-area:1/2/span 3;align-self:center}.panel-compact{max-width:34rem}.panel-buttons{grid-template-columns:auto auto}.button{min-height:var(--control)}.button-small{min-height:2.25rem}}@media (height<=30rem) and (width>=35rem) and (width<=45rem){.topnav-title,.hud-stat .hud-rank-row{font-size:var(--text-xs)}.topnav-link-lead,.hud-rank-next{display:none}}