:root{--phosphor-black: #09090b;--elevated: #18181b;--amber: 255 176 0;--text: #f3f4f6;--muted: #9ca3af;--border: #374151}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--phosphor-black);color:var(--text);font-family:Inter,system-ui,sans-serif;overscroll-behavior:none}#app{display:grid;grid-template-rows:auto 1fr auto;height:100%;min-height:0}#hud{display:flex;gap:1.5rem;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--elevated)}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-weight:600;font-size:.875rem;letter-spacing:.02em}#hud-day{color:rgb(var(--amber));margin-right:auto}#paddock{width:100%;height:100%;display:block;min-height:0;min-width:0;touch-action:none}.commandbar{display:grid;grid-template-columns:repeat(3,1fr) .7fr;grid-template-rows:repeat(2,1fr);gap:.375rem;padding:.5rem;border-top:1px solid var(--border);background:var(--elevated);padding-bottom:max(.5rem,env(safe-area-inset-bottom))}.cmd{padding:.5rem .25rem;font-size:.625rem;letter-spacing:.08em;color:var(--muted);background:transparent;border:1px solid var(--border);border-radius:.75rem;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:color .12s ease,background .12s ease,border-color .12s ease}.cmd:hover:not(:disabled){color:var(--text);border-color:rgb(var(--amber) / .5)}.cmd.is-active{color:rgb(var(--amber));background:rgb(var(--amber) / .12);border-color:rgb(var(--amber))}.cmd.is-lifted{background:transparent;border-style:dashed}.cmd-bark{grid-column:4;grid-row:1 / 3;color:rgb(var(--amber));border-color:rgb(var(--amber) / .5)}.cmd-bark.is-spent{color:var(--muted);border-color:var(--border);opacity:.5}.cmd:focus-visible{outline:2px solid rgb(var(--amber));outline-offset:2px}.commandbar.is-disabled{opacity:.4;pointer-events:none}#results{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:1rem;background:#09090bd1}#results[hidden]{display:none}.panel{width:min(23rem,100%);max-height:100%;overflow-y:auto;padding:1.5rem;text-align:center;background:var(--elevated);border:1px solid var(--border);border-radius:.75rem}.headline{margin:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;font-weight:600;letter-spacing:.18em;color:rgb(var(--amber))}.score{margin:.625rem 0 0;font-size:3rem;line-height:1}.score-max{font-size:1rem;color:var(--muted)}.detail{margin:.875rem 0 0;font-size:.75rem;font-weight:400;color:var(--muted)}.calm{margin:.5rem 0 0;letter-spacing:.08em;color:rgb(var(--amber))}.readouts{display:flex;justify-content:center;gap:1.5rem;margin:1.125rem 0 0;padding-top:.875rem;border-top:1px solid var(--border)}.readouts[hidden]{display:none}.readout dt{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.625rem;letter-spacing:.14em;color:var(--muted)}.readout dd{margin:.3125rem 0 0;font-size:1rem}.button{width:100%;margin-top:1.375rem;padding:.75rem 1rem;color:rgb(var(--amber));background:transparent;border:1px solid rgb(var(--amber) / .5);border-radius:.75rem;letter-spacing:.12em;cursor:pointer;transition:background .12s ease,border-color .12s ease}.button:hover{background:rgb(var(--amber) / .1);border-color:rgb(var(--amber))}.button:focus-visible{outline:2px solid rgb(var(--amber));outline-offset:2px}.fallback{width:100%;margin-top:.75rem;padding:.5rem;font-size:.75rem;color:var(--text);background:var(--phosphor-black);border:1px solid var(--border);border-radius:.75rem;resize:none}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}