@font-face{font-family:Fira Code;font-style:normal;font-weight:400 700;font-display:swap;src:url(./FiraCode-Latin-CHoedHDv.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fira Code;font-style:normal;font-weight:400 700;font-display:swap;src:url(./FiraCode-LatinExt-Dvfvaomy.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--color-bg: #151513;--color-text: #f6f4ea;--color-border: #33332c;--color-surface: #243b2a;--color-accent: #6b8f71;--color-scrollbar-thumb: #44443a;--color-scrollbar-track: transparent;color:var(--color-text);background:var(--color-bg);font-family:Fira Code,ui-monospace,Cascadia Code,Consolas,monospace;--font-xs: .72rem;--font-sm: .8rem;--font-md: .9rem;--font-base: 1rem;--font-lg: 1.1rem;--font-xl: 1.25rem;--font-2xl: 2rem;--control-size: 2.5rem;--radius-sm: .25rem;--radius-base: .375rem;--radius-lg: .75rem;--slider-track-w: 8.75rem;--slider-track-h: 1.25rem;--slider-groove-h: .375rem;--slider-thumb: 1rem}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}*::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}*{box-sizing:border-box;scrollbar-color:var(--color-scrollbar-thumb) var(--color-scrollbar-track);scrollbar-width:thin}html,body{height:100%;margin:0;overflow:hidden}button{border:1px solid var(--color-accent);border-radius:var(--radius-base);background:var(--color-surface);color:var(--color-text);cursor:pointer;font:inherit;min-height:var(--control-size);padding:0 16px}button:hover{background:#315239}button[aria-pressed=true]{background:#c9a227;border-color:#c9a227;color:#191713}button:disabled{cursor:not-allowed;opacity:.5}#app{display:flex;gap:24px;height:100vh;overflow:hidden;padding:24px;position:relative}.sidebar{border-right:1px solid var(--color-border);flex:0 0 220px;overflow-y:auto;padding-right:24px;padding-top:56px;transition:flex-basis .25s ease,opacity .2s ease}.sidebar.collapsed{border-bottom:none;border-right:none;flex-basis:0;min-height:0;min-width:0;opacity:0;overflow:hidden;padding:0;pointer-events:none}.sidebar-toggle{align-items:center;background:var(--color-surface);border-radius:var(--radius-base);display:flex;font-size:var(--font-md);height:var(--control-size);justify-content:center;left:24px;min-height:0;padding:0;position:absolute;top:24px;transition:transform .25s ease;width:var(--control-size);z-index:5}.sidebar.collapsed+.sidebar-toggle{transform:rotate(180deg)}.sidebar h2{color:#88c0d0;font-size:var(--font-md);text-transform:uppercase}.level-list,.scoreboard{list-style:none;margin:0 0 24px;padding:0}.level-list li,.scoreboard li{margin-bottom:8px}.level-list button{min-height:var(--control-size);width:100%}.scoreboard li{border:1px solid var(--color-border);border-radius:var(--radius-base);padding:6px 10px}.stage{display:flex;flex:1;flex-direction:column;height:100%;margin:0 auto;max-width:1100px;min-height:0;width:100%}.topbar{align-items:end;display:flex;flex:none;gap:16px;justify-content:space-between;margin-bottom:12px}.eyebrow{color:#88c0d0;font-size:var(--font-xs);font-weight:700;margin:0 0 4px;text-transform:uppercase}h1{font-size:var(--font-2xl);line-height:.95;margin:0}.stats{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.stats span{border:1px solid #4a4a43;border-radius:var(--radius-base);font-size:var(--font-sm);min-width:76px;padding:6px 8px;text-align:center}.board-wrap{align-items:center;display:flex;flex:1;justify-content:center;min-height:0;position:relative;width:100%}.view-toolbar{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem;left:10px;position:absolute;top:10px;z-index:5}.toolbar-item{align-items:center;display:flex;gap:8px}.toolbar-panel{background:#151513d9;border-radius:var(--radius-base);padding:8px 12px}.toolbar-panel[hidden]{display:none}.info-toolbar{align-items:center;align-self:center;display:flex;gap:.25rem}.fullframe .info-toolbar{display:none}.view-toggle{align-items:center;background:#151513bf;border-radius:var(--radius-base);color:#e0dcd4;display:flex;font-size:var(--font-lg);height:var(--control-size);justify-content:center;line-height:1;min-height:0;padding:0;width:var(--control-size)}.view-toggle svg{display:block;pointer-events:none}.view-toggle[aria-pressed=true]{background:#c9a227;border-color:#c9a227;color:#191713}.board{background:#1b1b17;border:1px solid var(--color-border);border-radius:var(--radius-base);display:block;height:100%;max-height:100%;max-width:100%;touch-action:none;width:100%}.controls{align-items:flex-start;display:flex;flex:none;gap:24px;margin-top:20px}.controls-primary{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:20px;min-width:0}.control-group{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.controls-shortcuts{border-collapse:collapse;color:#9a9a8f;font-size:var(--font-sm);width:100%}.controls-shortcuts th,.controls-shortcuts td{border-top:1px solid var(--color-border);font-weight:400;padding:4px 8px 4px 0;text-align:left}.controls-shortcuts tr:first-child th,.controls-shortcuts tr:first-child td{border-top:none}.fullframe{gap:0;padding:0}.fullframe .sidebar,.fullframe .sidebar-toggle{display:none}.fullframe .stage{height:100vh;margin:0;max-width:none;width:100vw}.fullframe .board-wrap{inset:0;position:fixed;z-index:1}.fullframe .topbar{height:0;margin:0;overflow:visible}.fullframe .topbar>div:first-child{display:none}.fullframe .stats{background:#151513bf;border-radius:6px;justify-content:flex-end;max-width:200px;padding:10px;position:fixed;right:16px;top:16px;width:max-content;z-index:5}.fullframe .stats [data-testid=status-label]{display:none}.fullframe .view-toolbar{left:16px;top:16px}.fullframe .controls{gap:0}.fullframe .controls-primary{background:#151513bf;border-radius:6px;bottom:16px;left:50%;margin:0;max-width:calc(100vw - 32px);padding:10px;position:fixed;transform:translate(-50%);width:max-content;z-index:5}.brush-size-label{align-items:center;color:var(--color-text);display:flex;gap:8px}input[type=range]{accent-color:#c9a227;appearance:none;background:transparent;cursor:pointer;height:var(--slider-track-h);width:var(--slider-track-w)}input[type=range]::-webkit-slider-runnable-track{background:#1b1b17;border:1px solid var(--color-border);border-radius:var(--radius-sm);height:var(--slider-groove-h)}input[type=range]::-moz-range-track{background:#1b1b17;border:1px solid var(--color-border);border-radius:var(--radius-sm);height:var(--slider-groove-h)}input[type=range]::-webkit-slider-thumb{appearance:none;background:#c9a227;border:1px solid var(--color-accent);border-radius:50%;height:var(--slider-thumb);margin-top:-.375rem;width:var(--slider-thumb)}input[type=range]::-moz-range-thumb{background:#c9a227;border:1px solid var(--color-accent);border-radius:50%;height:var(--slider-thumb);width:var(--slider-thumb)}input[type=range]:hover::-webkit-slider-thumb{background:#e0b93a}input[type=range]:hover::-moz-range-thumb{background:#e0b93a}@keyframes timer-pulse{0%{color:var(--color-text);transform:scale(1)}20%{color:#d62828;transform:scale(1.15)}40%{color:var(--color-text);transform:scale(1)}60%{color:#d62828;transform:scale(1.15)}to{color:var(--color-text);transform:scale(1)}}.timer-warning{animation:timer-pulse .6s ease-out}@media(max-width:820px){html,body{overflow-y:auto}#app{flex-direction:column;height:auto;min-height:100vh;overflow:visible}.sidebar{border-right:none;border-bottom:1px solid var(--color-border);flex:none;max-height:45vh;overflow-y:auto;padding-right:0;padding-bottom:16px}.stage{height:auto}.board-wrap{min-height:320px}}@media(max-width:620px){#app{padding:16px}.sidebar-toggle{left:16px;top:16px}.topbar{align-items:start;flex-direction:column}.stats{justify-content:start;width:100%}.stats span{flex:1 1 88px}.controls{flex-direction:column}}.modal-backdrop{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-backdrop.hidden{display:none}.modal{background:#1e1e1b;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);max-height:80vh;max-width:560px;overflow-y:auto;padding:24px 28px;width:90vw}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.modal-header h2{font-size:var(--font-xl);margin:0}.modal-close{flex-shrink:0;font-size:20px}.help-modal-body h3{color:#88c0d0;font-size:var(--font-md);margin:16px 0 6px}.help-modal-body p,.help-modal-body li{color:#c8c5b8;font-size:var(--font-sm);line-height:1.5;margin:4px 0}.help-modal-body ul{margin:4px 0;padding-left:18px}.help-formula{color:#8a8a7a;font-size:var(--font-sm)}.visually-hidden{border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.screenshot-modal{max-height:min(90vw,90vh);max-width:min(90vw,90vh);padding:0;width:min(90vw,90vh)}.screenshot-body{position:relative}.screenshot-canvas{border-radius:var(--radius-base);display:block;height:100%;max-height:min(90vw,90vh);object-fit:contain;width:100%}.screenshot-close-btn{font-size:20px;position:absolute;right:8px;top:8px;z-index:2}.screenshot-controls-left{display:flex;gap:6px;left:8px;position:absolute;top:8px;z-index:2}