*,:before,:after{box-sizing:border-box}body{color:#2c2417;background:#f5f0e8;margin:0;font-family:Georgia,Times New Roman,serif}.renderer.svelte-dqeve0{width:100%;height:100%}.renderer.svelte-dqeve0 svg{width:100%;height:100%;display:block}.cell.svelte-14h3wxz{outline-offset:-1px;box-sizing:border-box;border-radius:3px;outline:2px solid #0000;justify-content:center;align-items:center;width:100%;height:100%;padding:2px;transition:opacity .15s,background .1s,outline-color .1s;display:flex}.cell.active.svelte-14h3wxz{background:#fff3dc;outline-color:#b07030}.cell.played.svelte-14h3wxz{opacity:.35}.cell.svelte-14h3wxz svg{display:block}.grid.svelte-19tw30z{grid-template-columns:repeat(4,1fr);gap:4px;width:min(90vw,130vh - 317.778px);display:grid}@media (width<=500px){.grid.svelte-19tw30z{grid-template-columns:repeat(2,1fr);width:90vw}}.cell-wrap.svelte-19tw30z{aspect-ratio:13/9;min-width:0;min-height:0}.controls.svelte-1tgnge9{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.difficulty-row.svelte-1tgnge9{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.diff-btn.svelte-1tgnge9{color:#7a6040;cursor:pointer;background:0 0;border:1.5px solid #9a8060;border-radius:3px;padding:8px 20px;font-family:Georgia,serif;font-size:14px;transition:background .15s,color .15s}.diff-btn.active.svelte-1tgnge9{color:#faf6ee;background:#7a5530;border-color:#7a5530}.diff-btn.svelte-1tgnge9:disabled{opacity:.4;cursor:default}.bpm-row.svelte-1tgnge9{color:#6a5030;align-items:center;gap:12px;display:flex}.bpm-label.svelte-1tgnge9{letter-spacing:.08em;width:32px;font-family:Georgia,serif;font-size:13px}input[type=range].svelte-1tgnge9{accent-color:#7a5530;width:180px}.bpm-value.svelte-1tgnge9{text-align:right;width:32px;font-family:Georgia,serif;font-size:14px}.play-btn.svelte-1tgnge9{color:#faf6ee;cursor:pointer;letter-spacing:.05em;background:#7a5530;border:none;border-radius:3px;padding:10px 36px;font-family:Georgia,serif;font-size:16px;transition:background .15s}.play-btn.svelte-1tgnge9:hover{background:#8f6640}.play-btn.playing.svelte-1tgnge9{background:#8a3a28}.play-btn.playing.svelte-1tgnge9:hover{background:#a04535}main.svelte-1n46o8q{flex-direction:column;align-items:center;gap:20px;min-height:100vh;padding:24px 6px;display:flex}@media (width>=500px){main.svelte-1n46o8q{gap:28px;padding:32px 16px}}h1.svelte-1n46o8q{letter-spacing:.12em;color:#4a3520;margin:0;font-size:1.6rem;font-weight:400}footer.svelte-1n46o8q{margin-top:auto;padding-top:8px}footer.svelte-1n46o8q a:where(.svelte-1n46o8q){color:#9a7a55;letter-spacing:.05em;opacity:.7;font-size:.75rem;text-decoration:none;transition:opacity .15s}footer.svelte-1n46o8q a:where(.svelte-1n46o8q):hover{opacity:1}