.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 36px;display:grid}.mode-tile{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:24px;transition:border-color .2s;display:block}.mode-tile:hover,.mode-tile.active{border-color:var(--accent)}.mode-tile.active{background:linear-gradient(135deg,#ef344512,var(--panel))}.mode-tile .mono{color:var(--accent-bright);font-size:10px}.mode-tile h2{margin:18px 0 10px;font-size:23px}.mode-tile p{color:var(--muted);margin:0;font-size:14px}.mode-intro{max-width:1000px;margin:0 0 38px}.mode-intro h1{margin:18px 0;font-size:clamp(30px,4vw,48px);line-height:1.15}.mode-intro>p{color:var(--muted)}.scale-ladder{flex-wrap:wrap;gap:10px;margin:24px 0;padding:0;list-style:none;display:flex}.scale-ladder li{border:1px solid var(--line);color:var(--text);background:var(--panel);border-radius:6px;padding:12px 15px;font-size:12px}@media (max-width:750px){.mode-grid{grid-template-columns:1fr}.mode-tile{padding:18px}.mode-tile h2{margin:10px 0;font-size:22px}.scale-ladder{gap:6px}}