*{box-sizing:border-box}body{color:#fff;background:#000;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,select{font:inherit}.game{grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:0;display:grid}.toolbar{background:#121212;border-bottom:1px solid #2d2d2d;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;min-height:56px;padding:10px 16px;display:flex}.toolbar button,.level-sidebar select,.level-button{color:#111;background:#f6f6f6;border:1px solid #d8d8d8;border-radius:6px;min-height:36px;padding:0 12px}.level-toggle{display:none}.toolbar button{cursor:pointer;font-weight:700}.toolbar button:disabled{cursor:not-allowed;opacity:.45}.play-area{grid-template-columns:minmax(168px,220px) minmax(0,1fr);min-height:0;display:grid;position:relative;overflow:hidden}.level-sidebar{background:#0d0d0d;border-right:1px solid #2d2d2d;grid-template-rows:auto auto minmax(0,1fr);min-height:0;padding:14px 12px;display:grid}.level-sidebar label{color:#d7d7d7;letter-spacing:0;text-transform:uppercase;gap:6px;margin-bottom:14px;font-size:13px;font-weight:800;display:grid}.level-sidebar select{width:100%;min-width:0;font-weight:700}.level-sidebar-title{color:#d7d7d7;letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:13px}.level-list{grid-auto-rows:40px;align-content:start;gap:8px;min-height:0;padding-right:2px;display:grid;overflow-y:auto}.level-button{cursor:pointer;text-align:left;border-left:6px solid #0000;grid-template-columns:minmax(0,1fr) 20px;justify-content:stretch;align-items:center;width:100%;padding:0 10px 0 6px;font-weight:700;display:grid}.level-button:hover{background:#fff}.level-button.is-complete{background:#eafff0;border-color:#88d498}.level-button.is-perfect{background:#fff8d8;border-color:#e4bf47}.level-button.is-current{color:#111;background:#ffd166;border-color:#ffe29a #ffe29a #ffe29a #ff7a1a;box-shadow:0 0 0 2px #ffd16673,0 10px 22px #ffd1662e}.level-button.is-current.is-complete{background:#ffd166;border-color:#ffe29a #ffe29a #ffe29a #ff7a1a}.level-button.is-current .level-button-name{font-weight:900}.level-button-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.level-button-check{color:#146c2e;text-align:right;font-size:16px;line-height:1}.level-button.is-perfect .level-button-check{color:#9a6a00}.progress-status{color:#d7d7d7;text-align:center;min-width:120px;margin:0;font-size:14px;font-weight:700}.board-area{min-height:0;position:relative}canvas{touch-action:none;width:100%;height:100%;min-height:0;display:block}.completion-overlay{background:#000000ad;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.completion-overlay[hidden]{display:none}.completion-panel{place-items:center;gap:18px;display:grid}.completion-title{color:#e8e8e8;letter-spacing:0;text-align:center;margin:0;font-size:clamp(28px,7vw,72px);font-weight:800;line-height:1}.completion-score{color:#ffd166;letter-spacing:0;text-align:center;margin:-4px 0 0;font-size:clamp(18px,3vw,28px);font-weight:900;line-height:1}.completion-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.completion-actions button{color:#111;cursor:pointer;background:#f6f6f6;border:1px solid #d8d8d8;border-radius:6px;min-width:84px;min-height:38px;padding:0 14px;font-weight:700}.completion-actions button:hover{background:#fff}@media (width<=700px){.toolbar{justify-content:space-between;gap:8px;padding:8px 10px}.level-toggle{display:inline-block}.progress-status{flex:100%;order:-1}.play-area{grid-template-columns:minmax(0,1fr)}.level-sidebar{z-index:2;width:100%;max-width:min(82vw,260px);padding:10px 8px;transition:transform .16s;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:16px 0 32px #00000073}.play-area.is-level-sidebar-open .level-sidebar{transform:translate(0)}.level-list{grid-auto-rows:36px;gap:6px}.level-button{min-height:34px;padding:0 8px}}