.su-hero{border-top:8px solid var(--pc-select);text-align:center}.su-band-chip{color:var(--ff-forge-text);background:var(--ff-warm);border:2px solid var(--ff-outline);border-radius:999px;margin:0 0 .6rem;padding:.35rem .9rem;font-size:.95rem;font-weight:800;display:inline-block}.su-hero-h{margin:0 0 .4rem;font-size:2.2rem;line-height:1.05}.su-hero-lede{color:var(--ff-anvil);max-width:52ch;margin:0 auto 1rem;font-size:1.15rem;line-height:1.5}.su-hero-cta{justify-content:center;display:flex}.su-hero-chips{margin-top:.9rem}.su-cta{background:var(--ff-forge);color:#fff;border-color:var(--ff-forge);align-items:center;gap:.5rem;min-height:60px;padding:.9rem 1.5rem;font-size:1.3rem;font-weight:800;display:inline-flex}.su-sec-h{text-align:center;margin:1.2rem 0 .6rem;font-size:1.5rem}.su-launcher{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.su-tile{text-align:center;background:var(--ff-paper);border:3px solid var(--ff-outline);min-height:160px;color:var(--ff-anvil);border-radius:20px;flex-direction:column;align-items:center;gap:.4rem;padding:1.2rem;text-decoration:none;display:flex}.su-tile:hover{border-color:var(--pc-select)}.su-tile-ico{font-size:3.2rem;line-height:1}.su-tile-title{color:var(--ff-forge-text);font-size:1.4rem;font-weight:800}.su-tile-desc{font-size:1rem;line-height:1.35}.su-friends{border-top:6px solid var(--pc-select)}.su-friends-list{gap:.5rem;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.su-friend{color:var(--ff-anvil);background:var(--ff-warm);border:2px solid var(--ff-outline);border-radius:12px;padding:.5rem .7rem;font-size:1.1rem;line-height:1.4}.su-friend-emoji{font-size:1.5rem}.su-friend strong{color:var(--ff-forge-text)}.su-stage{flex-direction:column;align-items:center;gap:.9rem;display:flex}.su-h{text-align:center;margin:.4rem 0;font-size:1.7rem}.su-sub{color:var(--ff-anvil);text-align:center;max-width:42ch;margin:0;font-size:1.1rem;line-height:1.45}.su-note{color:var(--ff-slate-text);text-align:center;max-width:44ch;font-size:.95rem}.su-back{background:var(--ff-paper);color:var(--ff-anvil);border:2px solid var(--ff-outline);cursor:pointer;border-radius:14px;align-self:flex-start;align-items:center;gap:.4rem;min-height:44px;padding:.5rem .9rem;font-size:1rem;font-weight:800;text-decoration:none;display:inline-flex}.su-menu{flex-wrap:wrap;justify-content:center;gap:1rem;margin:.6rem 0;display:flex}.su-menu-btn{background:var(--ff-forge);color:#fff;border:3px solid var(--ff-forge);cursor:pointer;border-radius:18px;align-items:center;gap:.6rem;min-height:60px;padding:.9rem 1.4rem;font-size:1.2rem;font-weight:800;display:inline-flex}.su-menu-ico{font-size:1.5rem}.su-chordcard{background:var(--ff-warm);border:3px solid var(--ff-outline);border-radius:22px;flex-direction:column;align-items:center;gap:.8rem;padding:1.2rem 1.6rem;display:flex}.su-chord{color:var(--ff-forge-text);font-size:3.5rem;font-weight:800;line-height:1}.su-fretboard{gap:.9rem;display:flex}.su-string{flex-direction:column;align-items:center;gap:.25rem;display:flex}.su-string-lbl{color:var(--ff-slate-text);font-size:.95rem;font-weight:800}.su-fret{background:var(--ff-paper);border:2px solid var(--ff-outline);min-width:2.6rem;min-height:2.6rem;color:var(--ff-anvil);border-radius:12px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:inline-flex}.su-tuner{justify-content:center;align-items:center;margin:.4rem 0;display:flex}.su-tuner-note{color:var(--ff-forge-text);font-size:4rem;font-weight:800;line-height:1}.su-tuner-meter{background:var(--ff-warm);border:2px solid var(--ff-outline);border-radius:999px;width:100%;max-width:360px;height:24px;position:relative}.su-tuner-meter:after{content:"";background:var(--pc-correct);opacity:.6;width:3px;position:absolute;top:2px;bottom:2px;left:50%}.su-tuner-dot{background:var(--ff-slate);border-radius:50%;width:18px;height:18px;transition:left .1s linear,background .1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.su-tuner-dot{transition:none}}.su-tuner-dot--ok{background:var(--pc-correct)}.su-changes{flex-wrap:wrap;justify-content:center;gap:.6rem;max-width:460px;display:flex}.su-change{background:var(--ff-paper);border:3px solid var(--ff-outline);min-width:3rem;min-height:3rem;color:var(--ff-slate-text);border-radius:14px;justify-content:center;align-items:center;padding:.4rem .7rem;font-size:1.5rem;font-weight:800;display:inline-flex}.su-change--on{color:#fff;background:var(--ff-forge);border-color:var(--ff-forge)}.su-status{text-align:center;color:var(--ff-forge-text);max-width:46ch;min-height:2.2rem;padding:.4rem .8rem;font-size:1.2rem;font-weight:800}.su-status--win{color:var(--pc-correct)}.su-controls{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.su-mysing{text-align:center}.su-empty-msg{color:var(--ff-anvil);max-width:46ch;margin:.6rem auto;font-size:1.15rem;line-height:1.5}.su-range-card{background:var(--ff-warm);border:3px solid var(--ff-outline);border-radius:20px;flex-direction:column;align-items:center;gap:.5rem;margin:.5rem auto;padding:1.1rem 1.5rem;display:inline-flex}.su-range-sub{color:var(--ff-anvil);font-size:1.05rem}.su-chord-chips,.su-song-chips{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.su-chord-chip{background:var(--ff-paper);border:3px solid var(--ff-outline);min-width:3.2rem;min-height:3rem;color:var(--ff-slate-text);border-radius:14px;justify-content:center;align-items:center;padding:.4rem .7rem;font-size:1.4rem;font-weight:800;display:inline-flex}.su-chord-chip--on{color:#fff;background:var(--ff-forge);border-color:var(--ff-forge)}.su-song-chip{background:var(--ff-paper);border:2px solid var(--ff-outline);color:var(--ff-forge-text);border-radius:14px;align-items:center;padding:.4rem .8rem;font-size:1.05rem;font-weight:800;display:inline-flex}