*{margin:0;padding:0;box-sizing:border-box}body{background:#f0e8da;overflow:hidden;cursor:default}::selection{background:#d4a053}.game-wrapper.svelte-1gnm307{width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f0e8da;-webkit-user-select:none;user-select:none;touch-action:none;font-family:Playfair Display,Georgia,serif}.game-area.svelte-1gnm307{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}canvas.svelte-1gnm307{display:block;border:1px solid #d5cec4;image-rendering:pixelated;image-rendering:crisp-edges}.back-btn.svelte-1gnm307{align-self:flex-start;background:none;border:none;color:#8a7e6e;font-family:JetBrains Mono,monospace;font-weight:300;font-size:.7rem;letter-spacing:.1em;cursor:pointer;padding:4px 8px 4px 0;margin-bottom:4px;transition:color .2s ease}.back-btn.svelte-1gnm307:hover{color:#2a2520}.game-options-bar.svelte-1gnm307{display:flex;align-items:center;gap:.5rem;margin-top:6px}.options-label.svelte-1gnm307{font-family:JetBrains Mono,monospace;font-weight:300;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:#8a7e6e}.options-toggle-row.svelte-1gnm307{display:flex;gap:.2rem}.toggle-sm.svelte-1gnm307{padding:.2rem .5rem;font-size:.65rem}.menu.svelte-1gnm307{text-align:center;color:#2a2520;padding:2rem;max-width:420px}.menu.svelte-1gnm307 h1:where(.svelte-1gnm307){font-family:Playfair Display,Georgia,serif;font-size:clamp(2rem,8vw,3.5rem);font-weight:900;line-height:1.1;margin-bottom:2rem;color:#2a2520}.section-label.svelte-1gnm307{font-family:JetBrains Mono,monospace;font-weight:300;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#8a7e6e;margin-bottom:.8rem}.menu-toggle.svelte-1gnm307{display:flex;gap:.4rem;justify-content:center;margin-bottom:1.2rem}.toggle-btn.svelte-1gnm307{padding:.5rem 1rem;background:transparent;border:1px solid #d5cec4;color:#2a2520;font-family:JetBrains Mono,monospace;font-weight:300;font-size:.8rem;cursor:pointer;transition:all .25s cubic-bezier(.22,1,.36,1)}.toggle-btn.svelte-1gnm307:hover{border-color:#d4a053;color:#d4a053}.toggle-btn.active.svelte-1gnm307{background:#d4a053;border-color:#d4a053;color:#f0e8da}.toggle-btn.svelte-1gnm307:disabled{opacity:.3;cursor:not-allowed}.start-btn.svelte-1gnm307{display:block;margin:1.2rem auto 0;padding:.7rem 2.5rem;background:#2a2520;border:1px solid #2a2520;color:#f0e8da;font-family:Playfair Display,Georgia,serif;font-size:1rem;cursor:pointer;transition:all .25s cubic-bezier(.22,1,.36,1)}.start-btn.svelte-1gnm307:hover{background:#d4a053;border-color:#d4a053;transform:translateY(-1px)}.menu-btn.svelte-1gnm307{display:flex;align-items:center;justify-content:center;padding:.8rem 1rem;background:transparent;border:1px solid #d5cec4;color:#2a2520;font-family:inherit;font-size:.9rem;cursor:pointer;text-align:center;transition:all .25s cubic-bezier(.22,1,.36,1)}.menu-btn.svelte-1gnm307:hover{border-color:#d4a053;color:#d4a053;transform:translateY(-1px)}.btn-label.svelte-1gnm307{line-height:1.3}.menu-hint.svelte-1gnm307{font-size:.65rem;color:#8a7e6e;font-family:JetBrains Mono,monospace;font-weight:300;letter-spacing:.05em;margin-top:.5rem}.controls-hint.svelte-1gnm307{font-size:.6rem;color:#8a7e6e;font-family:JetBrains Mono,monospace;font-weight:300;letter-spacing:.05em;margin-top:.5rem;text-align:center;opacity:.7}.classic-controls.svelte-1gnm307{display:flex;gap:1.5rem;justify-content:center;margin-top:.6rem;flex-wrap:wrap;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:300;color:#6a6055;letter-spacing:.03em}.classic-controls.svelte-1gnm307 .controls-col:where(.svelte-1gnm307){display:flex;flex-direction:column;align-items:center;gap:.2rem}.classic-controls.svelte-1gnm307 .controls-title:where(.svelte-1gnm307){font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:#d4a053;font-weight:400}.classic-controls.svelte-1gnm307 kbd:where(.svelte-1gnm307){display:inline-block;padding:.1rem .35rem;background:#e8e0d2;border:1px solid #d5cec4;border-radius:3px;font-family:inherit;font-size:.65rem;color:#2a2520;min-width:1.2em;text-align:center;line-height:1.3}.touch-controls.svelte-1gnm307{display:flex;justify-content:space-around;width:100%;padding:1rem .5rem 0;touch-action:none;-webkit-touch-callout:none}.touch-side.svelte-1gnm307{display:flex;flex-direction:column;align-items:center;justify-content:center}.touch-label.svelte-1gnm307{color:#8a7e6e;font-family:JetBrains Mono,monospace;font-weight:300;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.4rem}.t-row.svelte-1gnm307{display:flex;gap:6px}.t-btn.svelte-1gnm307{width:clamp(56px,16vw,76px);height:clamp(56px,16vw,76px);border:1px solid #d5cec4;background:transparent;color:#8a7e6e;font-size:1.3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:none}.t-btn.svelte-1gnm307:active{background:#d4a05326;border-color:#d4a053;color:#d4a053}.t-btn.t-sm.svelte-1gnm307{width:clamp(44px,12vw,60px);height:clamp(44px,12vw,60px);font-size:1.1rem}.t-action.svelte-1gnm307{background:#d4a0530f;border-color:#d4a0534d;color:#d4a053}.t-action.svelte-1gnm307:active{background:#d4a05340}.touch-4corner.svelte-1gnm307{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:.5rem 1rem;width:100%;padding:.5rem;touch-action:none;-webkit-touch-callout:none}.touch-corner.svelte-1gnm307{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.3rem}.touch-corner.tl.svelte-1gnm307{grid-column:1;grid-row:1}.touch-corner.tr.svelte-1gnm307{grid-column:2;grid-row:1}.touch-corner.bl.svelte-1gnm307{grid-column:1;grid-row:2}.touch-corner.br.svelte-1gnm307{grid-column:2;grid-row:2}.mode-desc.svelte-1gnm307{font-family:JetBrains Mono,monospace;font-weight:300;font-size:.65rem;letter-spacing:.03em;color:#6a6055;margin:.6rem 0 1rem;line-height:1.7;max-width:320px}.classic-keys.svelte-1gnm307{font-family:JetBrains Mono,monospace;font-weight:300;font-size:.6rem;color:#8a7e6e;margin:0 0 .5rem;letter-spacing:.03em;line-height:1.5}.classic-canvas.svelte-1gnm307{display:block;image-rendering:pixelated;image-rendering:crisp-edges;width:min(95vw,864px);height:auto;aspect-ratio:432 / 304;border:1px solid #d5cec4}.overlay.svelte-1gnm307{position:absolute;inset:0;background:#f0e8dad9;display:flex;align-items:center;justify-content:center;z-index:10}.overlay-box.svelte-1gnm307{border:1px solid #d5cec4;padding:2rem 3rem;text-align:center;color:#2a2520;background:#f0e8da}.overlay-box.svelte-1gnm307 h2:where(.svelte-1gnm307){font-family:Playfair Display,Georgia,serif;font-size:1.4rem;margin-bottom:.4rem;color:#2a2520}.final-score.svelte-1gnm307{font-size:2rem;font-family:JetBrains Mono,monospace;font-weight:300;margin-bottom:1.2rem;color:#d4a053}