/* Bouton « Jouer » du site : le piano complet (app.pianovera.com) par-dessus la page, au clic. 30/10/2026 */
.nav-jouer{margin-left:8px;display:inline-flex;align-items:center;gap:8px;background:#0a1430;color:#fff!important;border:1px solid #2f6bff;box-shadow:0 0 0 3px rgba(47,107,255,.18),0 6px 18px rgba(10,20,48,.35)}
.nav-jouer:hover{background:#0f1d45}
.nav-jouer i,.btn-jouer i{font-style:normal;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#2f6bff;font-size:11px}
.nav:has(.nav-jouer) .nav-links a{white-space:nowrap;padding-left:7px;padding-right:7px}
/* menu avec « Jouer » ET « Créer un morceau » : plus serré sur les écrans de 1200 à 1599 px, pour que « Télécharger » reste dans l'écran */
@media (min-width:1161px) and (max-width:1599px){.nav:has(.nav-jouer){gap:10px}.nav:has(.nav-jouer) .nav-links{gap:0}.nav:has(.nav-jouer) .nav-links a{padding-left:5px;padding-right:5px;font-size:14.5px}.nav:has(.nav-jouer) .lang4 a{padding:5px 5px}.nav-jouer{padding-left:12px;padding-right:12px;margin-left:4px}}
.nav-links a.nav-creer{color:#1d4ed8;font-weight:800}
@media (max-width:1299px){.nav-jouer{display:none}}
.btn-jouer{display:inline-flex;align-items:center;gap:12px;background:#0a1430;color:#fff!important;border:1px solid #2f6bff;box-shadow:0 0 0 4px rgba(47,107,255,.2),0 10px 28px rgba(10,20,48,.35);text-align:left;line-height:1.15}
.btn-jouer i{width:34px;height:34px;font-size:15px}
.btn-jouer small{display:block;font-weight:500;font-size:13px;opacity:.8}
#pv-jouer{position:fixed;inset:0;z-index:99999;background:#050a18;display:flex;flex-direction:column}
#pv-jouer[hidden]{display:none}
#pv-jouer header{display:flex;align-items:center;gap:10px;height:56px;padding:0 12px;background:#0a1430;color:#dfe8ff;font:600 14px/1 system-ui,sans-serif;border-bottom:1px solid #1d2c5c}
#pv-jouer header span{flex:1}
#pv-jouer header button,#pv-jouer header a{font:600 14px/1 system-ui,sans-serif;color:#fff;background:#13245a;border:1px solid #2f6bff;border-radius:8px;padding:9px 12px;cursor:pointer;text-decoration:none}
#pv-jouer header [data-a=close]{order:-1;font-size:16px;font-weight:800;background:#fff;color:#0a1430;border:0;border-radius:10px;padding:11px 18px;box-shadow:0 0 0 4px rgba(47,107,255,.45)}
#pv-jouer header [data-a=close]:hover{background:#e6eeff}
#pv-jouer iframe{flex:1;width:100%;border:0;background:#050a18}
html.pv-jouer-ouvert{overflow:hidden}