header.svelte-1t740tp{text-align:center;margin-bottom:40px}header.svelte-1t740tp h1:where(.svelte-1t740tp){font-size:2rem;margin:0 0 4px;color:var(--color-ink)}header.svelte-1t740tp p:where(.svelte-1t740tp){font-size:var(--text-md);color:var(--color-muted);margin:4px auto 0;max-width:400px}header.svelte-1t740tp p:where(.svelte-1t740tp) a{color:var(--color-muted);text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}header.svelte-1t740tp p:where(.svelte-1t740tp) a:hover{color:var(--color-accent)}.melody-cta.svelte-1t740tp{display:inline-block;margin-top:16px;padding:.55rem 1.2rem;background-color:var(--color-paper-strong);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-ink);font-weight:600;text-decoration:none;transition:all .2s ease}.melody-cta.svelte-1t740tp:hover{border-color:var(--color-accent);transform:translateY(-1px);box-shadow:var(--shadow-soft)}section.svelte-1t740tp{margin-bottom:32px}h2.svelte-1t740tp{font-size:1.35rem;color:var(--color-ink);font-weight:600;margin:0 0 12px;border-bottom:1px solid var(--color-border);padding-bottom:6px}.unit-grid.svelte-1t740tp{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px}.unit-tile.svelte-1t740tp{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background-color:var(--color-paper-strong);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px 8px;text-decoration:none;transition:all .2s ease}.unit-tile.svelte-1t740tp:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.tile-symbol.svelte-1t740tp{font-family:var(--font-phonetic);font-size:1.75rem;font-weight:600;color:var(--color-ink)}.tile-note.svelte-1t740tp{font-size:var(--text-xs);color:var(--color-muted);white-space:nowrap}.back-link-row.svelte-1t740tp{display:flex;justify-content:center;margin-top:32px}.back-link.svelte-1t740tp{color:var(--color-accent);text-decoration:none;font-weight:600;padding:8px 12px;border-radius:var(--radius-sm);transition:background-color .2s ease}.back-link.svelte-1t740tp:hover{background-color:var(--color-border-soft)}@media (max-width: 768px){.unit-grid.svelte-1t740tp{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}}