.game.svelte-18sbdrt{max-width:34rem;margin:auto}button.svelte-18sbdrt,select.svelte-18sbdrt{min-height:44px;min-width:0;max-width:100%;padding:.4rem;overflow-wrap:anywhere}.listen.svelte-18sbdrt{width:100%;min-height:72px;border:2px solid var(--teal);font-size:1.1rem}.answers.svelte-18sbdrt,.controls.svelte-18sbdrt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:.4rem 0}.result.svelte-18sbdrt{min-height:4.5em;margin:.4rem 0;font-size:.9rem}.correct.svelte-18sbdrt{color:var(--teal);font-weight:700}.keyboard-scroll.svelte-18sbdrt{max-width:100%;overflow-x:auto;padding:3px 0}.keyboard.svelte-18sbdrt{position:relative;height:152px;min-width:286px;border-bottom:3px solid var(--ink)}.piano-key.svelte-18sbdrt{position:absolute;top:0;width:calc(100% / var(--white-count));height:148px;padding:0 1px 8px;border:1px solid #777;border-radius:0 0 5px 5px;background:#fffdf8;color:#1d2433;display:flex;align-items:end;justify-content:center;cursor:pointer;touch-action:manipulation}.keyboard.svelte-18sbdrt .black:where(.svelte-18sbdrt){z-index:1;width:calc(64% / var(--white-count));height:90px;background:#242630;border-color:#15171e;color:#fff}.keyboard.svelte-18sbdrt .selected:where(.svelte-18sbdrt),.keyboard.svelte-18sbdrt .revealed:where(.svelte-18sbdrt){background:#d9eee8;box-shadow:inset 0 -7px 0 var(--teal)}.keyboard.svelte-18sbdrt .selected:where(.svelte-18sbdrt):before,.keyboard.svelte-18sbdrt .revealed:where(.svelte-18sbdrt):before{content:"●";position:absolute;top:100px;font-size:10px;color:var(--teal)}.keyboard.svelte-18sbdrt .black.selected:where(.svelte-18sbdrt):before,.keyboard.svelte-18sbdrt .black.revealed:where(.svelte-18sbdrt):before{top:58px}.keyboard.svelte-18sbdrt .black.selected:where(.svelte-18sbdrt),.keyboard.svelte-18sbdrt .black.revealed:where(.svelte-18sbdrt){background:#234f48}.keyboard.svelte-18sbdrt .lit:where(.svelte-18sbdrt){background:var(--teal);color:#fff}.key-label.svelte-18sbdrt{display:flex;flex-direction:column;align-items:center;font-size:10px;line-height:1.2}.chord-notes.svelte-18sbdrt{font-size:.8rem;margin:.4rem 0;overflow-wrap:anywhere}.answers.svelte-18sbdrt button:where(.svelte-18sbdrt){min-height:56px;font-size:1.05rem;font-weight:800}label.svelte-18sbdrt{display:block;min-width:0;font-size:.85rem}.advanced.svelte-18sbdrt{display:flex;gap:.4rem;align-items:center;min-height:44px}select.svelte-18sbdrt{width:100%;display:block}summary.svelte-18sbdrt{min-height:44px;padding:.5rem 0;cursor:pointer}table.svelte-18sbdrt{width:100%;font-size:.8rem;table-layout:fixed;overflow-wrap:anywhere}th.svelte-18sbdrt,td.svelte-18sbdrt{padding:.4rem;text-align:left}select.svelte-18sbdrt{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px}