:root{--color-ground:#0e0f13;--color-surface:#16181f;--color-surface-raised:#1e212b;--color-border:#ffffff1a;--color-border-hover:#ffffff29;--color-text:#f4f5f7;--color-text-muted:#a0a4ae;--color-text-disabled:#6b7080;--color-ring:#fff;--color-action:#f4f5f7;--color-on-action:#0e0f13;--color-danger:#e5484d;--color-danger-text:#eb6e72;--board-well:#0a0b0e;--board-frame:#ffffff24;--board-recess:inset 0 2px 10px #0000008c;--font-ui:"Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;--text-hud-xl:2.5rem;--text-hud:1.5rem;--text-lg:1.25rem;--text-base:1rem;--text-sm:.875rem;--text-xs:.75rem;--track-label:.08em;--track-title:.16em;--track-wordmark:.22em;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-cell:2px;--radius-control:4px;--radius-panel:8px;--shadow-modal:0 16px 48px #000000a3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-ground);color:var(--color-text);font-family:var(--font-ui);font-size:var(--text-base);-webkit-text-size-adjust:100%;overscroll-behavior:none;margin:0}:where(button,a,input,select,[tabindex]):focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation:none!important}}.label{font:500 var(--text-xs) / 1.4 var(--font-ui);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--color-text-muted);margin:0}.value{font:600 var(--text-hud) / 1.1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-text)}.value--xl{font-size:var(--text-hud-xl);line-height:1}.value--sm{font-size:var(--text-base);line-height:1.2}@keyframes hud-bump{0%{color:var(--color-text);transform:scale(1)}35%{color:#fff;text-shadow:0 0 12px #ffffff8c;transform:scale(1.18)}to{color:var(--color-text);transform:scale(1)}}.value--bump{transform-origin:0;animation:.42s ease-out hud-bump;display:inline-block}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-control);min-height:44px;font:700 var(--text-base) / 1 var(--font-ui);cursor:pointer;padding:12px 24px;transition:opacity .15s,background-color .15s,border-color .15s;display:inline-flex}.btn--primary{background:var(--color-action);color:var(--color-on-action);border:0}.btn--primary:hover{opacity:.88}.btn--secondary{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.btn--secondary:hover{border-color:var(--color-border-hover);background:var(--color-surface)}.btn--danger{color:var(--color-danger-text);border:1px solid var(--color-danger);background:0 0}.btn--danger:hover{background:#e5484d1f}.btn:disabled,.btn[aria-disabled=true]{color:var(--color-text-disabled);border-color:var(--color-border);cursor:not-allowed;background:0 0}.icon-btn{border-radius:var(--radius-control);width:44px;height:44px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;transition:color .15s,background-color .15s;display:inline-flex}.icon-btn:hover{color:var(--color-text);background:var(--color-surface)}.icon-btn:disabled,.icon-btn[aria-disabled=true]{color:var(--color-text-disabled);cursor:not-allowed}.icon-btn:disabled:hover,.icon-btn[aria-disabled=true]:hover{background:0 0}.app{flex-direction:column;height:100%;min-height:0;display:flex}.topbar{align-items:center;gap:var(--space-md);border-bottom:1px solid var(--color-border);flex:none;height:56px;padding:0 12px;display:flex}.topbar__stack{gap:var(--space-xs);flex-direction:column;min-width:0;display:flex}.topbar__grow{flex:auto;min-width:0}.topbar__stack--wide{display:none}.wordmark{font:700 var(--text-base) / 1 var(--font-ui);letter-spacing:var(--track-wordmark);color:var(--color-text);flex:auto;display:none}.strip{align-items:flex-end;gap:var(--space-lg);padding:var(--space-sm) var(--space-md);flex:none;display:flex}.strip__col{gap:var(--space-sm);flex-direction:column;display:flex}.slot{padding:var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-control);align-self:flex-start;line-height:0}.queue{align-items:flex-end;gap:var(--space-sm);display:flex}.main{min-height:0;padding:var(--space-xs) var(--space-md);flex:auto;justify-content:center;align-items:stretch;display:flex}.rail{display:none}.board-area{flex:auto;justify-content:center;align-items:center;min-height:0;padding:0;display:flex}.well{background:var(--board-well);border:1px solid var(--board-frame);box-shadow:var(--board-recess);border-radius:6px;padding:6px;line-height:0}.touchband{gap:var(--space-md);border-top:1px solid var(--color-border);flex:none;padding:12px;display:flex}.touchband__cluster{gap:var(--space-sm);flex:1 1 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.padbtn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control);min-height:56px;color:var(--color-text);font:600 var(--text-sm) / 1 var(--font-mono);letter-spacing:var(--track-label);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.padbtn:active{background:var(--color-surface-raised)}.padbtn--wide{grid-column:span 2}.hints{display:none}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-lg);z-index:10;background:#0a0b0eb8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-modal);padding:var(--space-xl);gap:var(--space-lg);flex-direction:column;width:min(90vw,480px);margin:auto;display:flex}.modal__title{font:700 var(--text-lg) / 1.3 var(--font-ui);letter-spacing:var(--track-title);text-transform:uppercase;text-align:center;margin:0}.modal__body{font:500 var(--text-sm) / 1.5 var(--font-ui);color:var(--color-text-muted);text-align:center;margin:0}.modal__actions{gap:var(--space-sm);flex-direction:column;display:flex}.statrow{justify-content:space-between;align-items:baseline;gap:var(--space-md);display:flex}.statlist{gap:var(--space-md);flex-direction:column;display:flex}.badge{justify-content:center;align-items:center;gap:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-control);font:700 var(--text-sm) / 1 var(--font-ui);letter-spacing:var(--track-label);color:var(--color-text);padding:10px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=768px){.topbar{gap:var(--space-xl);padding:0 var(--space-md)}.topbar__stack--wide{display:flex}.strip{display:none}.rail{gap:var(--space-lg);width:180px;padding:var(--space-lg);flex-direction:column;flex:none;display:flex}.rail--left{border-right:1px solid var(--color-border)}.rail--right{border-left:1px solid var(--color-border)}.board-area{flex:none}.main{padding:0}.queue{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.touchband{gap:var(--space-sm);padding:var(--space-md);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.touchband__cluster{display:contents}.padbtn--wide{grid-column:auto}}@media (width>=1024px){.wordmark{display:block}.rail{width:236px}.touchband{display:none}.hints{justify-content:center;align-items:center;gap:var(--space-xl);border-top:1px solid var(--color-border);flex:none;height:48px;display:flex}.hint{align-items:center;gap:var(--space-sm);display:flex}.hint__key{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-control);font:600 var(--text-xs) / 1 var(--font-mono);color:var(--color-text);display:inline-flex}.hint__what{font:500 var(--text-sm) / 1 var(--font-ui);color:var(--color-text-muted)}}.modal--wide{width:min(94vw,560px)}.modal__head{align-items:center;gap:var(--space-md);display:flex}.modal__head .modal__title{text-align:left;flex:auto}.modal>*{flex:none}.modal__scroll{gap:var(--space-xl);min-height:128px;max-height:52vh;padding-right:var(--space-xs);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.setgroup{gap:var(--space-md);flex-direction:column;display:flex}.setrow{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.setrow__text{gap:var(--space-xs);flex-direction:column;min-width:0;display:flex}.setrow__label{font:500 var(--text-base) / 1.3 var(--font-ui);color:var(--color-text)}.setrow__hint{font:500 var(--text-sm) / 1.4 var(--font-ui);color:var(--color-text-muted)}.setrow__control{flex:none;align-items:center;display:flex}.segmented{border:1px solid var(--color-border);border-radius:var(--radius-control);display:flex;overflow:hidden}.segmented__btn{min-height:44px;padding:0 var(--space-md);border:0;border-right:1px solid var(--color-border);color:var(--color-text-muted);font:500 var(--text-sm) / 1 var(--font-ui);cursor:pointer;background:0 0;transition:background-color .15s,color .15s}.segmented__btn:last-child{border-right:0}.segmented__btn[aria-pressed=true]{background:var(--color-action);color:var(--color-on-action);font-weight:700}.segmented__btn:hover[aria-pressed=false]{background:var(--color-surface);color:var(--color-text)}.toggle{cursor:pointer;background:0 0;border:0;width:56px;height:44px;padding:0;position:relative}.toggle:before{content:"";background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;transition:background-color .15s,border-color .15s;position:absolute;inset:11px 0}.toggle[aria-checked=true]:before{background:var(--color-action);border-color:var(--color-action)}.toggle__knob{background:var(--color-text-muted);border-radius:999px;width:16px;height:16px;transition:transform .15s,background-color .15s;position:absolute;top:14px;left:4px}.toggle[aria-checked=true] .toggle__knob{background:var(--color-on-action);transform:translate(32px)}.slider{width:180px;height:44px;accent-color:var(--color-action);cursor:pointer}.slider:disabled{opacity:.4;cursor:not-allowed}.bindlist{gap:var(--space-sm);flex-direction:column;display:flex}.bindrow{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.keycap{min-width:44px;min-height:44px;padding:0 var(--space-sm);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-control);font:600 var(--text-sm) / 1 var(--font-mono);color:var(--color-text);cursor:pointer;border-bottom-width:2px;justify-content:center;align-items:center;display:inline-flex}.keycap[data-capturing=true]{outline:2px solid var(--color-ring);outline-offset:2px;color:var(--color-text-muted)}.textfield{width:100%;min-width:0;min-height:44px;padding:0 var(--space-sm);font-family:var(--font-ui);font-size:var(--text-base);color:var(--color-text);background:var(--color-ground);border:1px solid var(--color-border);border-radius:var(--radius-control)}.textfield:hover{border-color:var(--color-border-hover)}.textfield::placeholder{color:var(--color-text-muted)}.scores{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.scores__empty{margin:var(--space-lg) 0;color:var(--color-text-muted);font-size:var(--text-sm);text-align:center}.scores__caveat{color:var(--color-text-muted);font-size:var(--text-xs)}.scorerow{align-items:baseline;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-surface-raised);border-radius:var(--radius-control);border:1px solid #0000;display:flex}.scorerow[data-fresh=true]{border-color:var(--color-border-hover);box-shadow:inset 3px 0 0 var(--color-text)}.scorerow__rank{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);text-align:right;font-variant-numeric:tabular-nums;flex:0 0 1.75rem}.scorerow__body{flex:auto;min-width:0}.scorerow__top{justify-content:space-between;align-items:baseline;gap:var(--space-sm);display:flex}.scorerow__score{font-family:var(--font-mono);font-size:var(--text-lg);font-variant-numeric:tabular-nums}.scorerow__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text-muted);font-size:var(--text-sm);overflow:hidden}.scorerow__meta{gap:var(--space-xs) var(--space-sm);color:var(--color-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex-wrap:wrap;margin-top:2px;display:flex}.modal__scroll--scores{gap:var(--space-md)}.segmented--fill .segmented__btn{padding:0 var(--space-sm);flex:1 1 0}.scores__warning{color:var(--color-danger-text);font-size:var(--text-sm)}