.sf-music-dialog{box-sizing:border-box;width:min(880px,calc(100vw - 16px));max-height:calc(100dvh - 16px);padding:0;border:1px solid #b5d5dd80;border-radius:24px;background:radial-gradient(ellipse at 50% 0,#456581,#182841 70%);color:#f6f0df;font-family:inherit;overflow:auto;box-shadow:0 20px 70px #0009}.sf-music-dialog::backdrop{background:#0b1639d9;backdrop-filter:blur(5px)}
.sf-music-header{position:sticky;top:0;z-index:5;background:#1d2c45f5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid #c0dbdd33}.sf-music-header>span{font-size:12px;letter-spacing:.08em;color:#dfd2a9}.sf-music-body{padding:24px}.sf-music-body h2{margin:0 0 20px;color:#ffe7b2;font-size:clamp(24px,4vw,34px)}.sf-music-body p{line-height:1.6}.sf-music-button{min-height:48px;border:1px solid #bdcfd366;border-radius:14px;background:#304760;color:#fff;padding:12px 18px;font:inherit;cursor:pointer;margin:4px}.sf-music-button:disabled{opacity:.45;cursor:default}.sf-music-button[aria-pressed=true],.sf-music-dialog .sf-music-primary{background:linear-gradient(#f7dfac,#cdb47b);color:#20314a}.sf-music-dialog button:focus-visible{outline:3px solid #ffe297;outline-offset:3px}.sf-music-levels,.sf-music-listens{display:flex;gap:8px;flex-wrap:wrap}.sf-music-map{position:relative;max-width:580px;margin:auto;aspect-ratio:1/1.25}.sf-music-map>img{width:100%;height:100%;object-fit:contain}.sf-music-pin{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;border:2px solid #ffe4a2;background:#263c59;color:#fff3cd;font:bold 17px inherit;cursor:pointer;box-shadow:0 4px 12px #08172d99}.sf-music-pin:disabled{background:#253344;color:#abb4bf;border-color:#8196a6;cursor:default}.sf-music-stops{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sf-music-stops button{text-align:left;font-size:14px}.sf-music-dialogue{display:flex;align-items:center;gap:20px;padding:16px 0;margin:8px 0 20px;border-bottom:1px solid #a6c3d733}.sf-music-portrait{width:160px;height:190px;object-fit:contain;flex:none;filter:drop-shadow(0 12px 15px #08132655)}.sf-music-dialogue h3{color:#ffe4a2;margin:0}.sf-music-dialogue p{margin:8px 0}.sf-music-answers{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:18px 0}.sf-music-question{font-size:21px}.sf-music-feedback{min-height:30px;color:#ffe4a2}.sf-music-hint,.sf-music-progress{font-size:13px;color:#ccdbe7}.sf-music-staff{display:block;background:#fff4d9;border-radius:18px;width:min(100%,360px);height:auto;margin:20px auto}.sf-music-dialog [hidden]{display:none!important}
@media(max-width:500px){.sf-music-body{padding:18px 14px}.sf-music-header{padding:10px}.sf-music-header>span{max-width:105px;font-size:10px}.sf-music-header button{font-size:12px;padding:10px}.sf-music-dialogue{gap:10px;align-items:flex-start}.sf-music-portrait{width:100px;height:145px}.sf-music-stops,.sf-music-answers{grid-template-columns:1fr}.sf-music-dialogue p{font-size:14px}.sf-music-pin{width:40px;height:44px}}

.sf-music-composer{padding:16px;margin:20px 0;border:1px solid #b5cdd455;border-radius:18px}.sf-music-composer label{display:grid;gap:8px;font-size:13px}.sf-music-composer select{min-height:44px;background:#fff2d2;color:#253650;border-radius:8px;padding:8px;font:inherit}

@media(max-width:500px){.sf-music-body>.sf-music-levels{flex-wrap:nowrap;gap:4px}.sf-music-levels>.sf-music-button{flex:1;font-size:12px;padding:10px 6px;margin:0}.sf-music-body h2{margin-bottom:14px}.sf-music-map{margin-top:-20px}}

.sf-music-pin{min-width:44px;min-height:44px}
.sf-music-listens{display:flex;flex-wrap:wrap;gap:8px}.sf-music-listens .sf-music-hint{flex-basis:100%;margin:0;font-size:14px}.sf-music-listens button{min-height:44px}

@media (max-height:650px) and (orientation:portrait){#cv2.cv2-child.cv2-music .cv2-stage{flex-basis:28dvh;min-height:28dvh;--cv2-foe-base:min(44cqw,calc((100cqh - 24px)/1.12),150px)}#cv2.cv2-child.cv2-music .cv2-unit{bottom:12px}}

/* Atlas musical : la peinture occupe le carré entier, les repères suivent ses coordonnées. */
.sf-music-dialog{width:min(1060px,calc(100vw - 16px))}
.sf-music-map{width:100%;max-width:660px;aspect-ratio:1;margin:14px auto 20px;isolation:isolate;border-radius:24px;background:linear-gradient(#26729730,#537ab018),var(--sf-sky-scene) center/cover;box-shadow:inset 0 0 40px #dcecff33;overflow:hidden}
.sf-music-map>img{position:relative;z-index:1;filter:drop-shadow(0 14px 9px #112e5a55)}
.sf-music-pin{z-index:2;display:grid;place-items:center;width:46px;height:46px;min-width:44px;min-height:44px;border:2px solid #ffe5a8;border-radius:15px 15px 20px 20px;color:#fff2c4;background:linear-gradient(150deg,#487b91,#173751);box-shadow:0 3px 0 #0b263e,0 7px 12px #081a415c,inset 0 0 0 3px #97c4c433;padding:7px;transition:filter .2s ease}
.sf-music-pin:before{content:'';position:absolute;inset:-5px;border:1px solid #fff0c277;border-radius:19px 19px 24px 24px;pointer-events:none}
.sf-music-pin.is-open{background:linear-gradient(145deg,#fff0b7,#d6a750);color:#213856;border-color:#fff4d3;box-shadow:0 3px 0 #755826,0 0 16px #ffe6a970}
.sf-music-pin.is-done{background:linear-gradient(145deg,#589a89,#234f59);border-color:#a5e4c6}
.sf-music-pin:disabled{opacity:1;background:linear-gradient(145deg,#455a70,#273c55);color:#b5c6d7;border-color:#8eabc0;box-shadow:0 3px 0 #172a3c,0 5px 10px #10294166}
.sf-music-pin-badge{position:absolute;right:-5px;bottom:-6px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 2px;border:1px solid #f4daa3;border-radius:7px;background:#23364b;color:#ffedbd;font-size:10px;font-weight:800}
.sf-music-icon{width:24px;height:24px;display:block;flex:none}
.sf-music-stops{display:grid;gap:7px;align-content:start}.sf-music-stops button{display:flex;align-items:center;gap:12px;margin:0;padding:12px;background:linear-gradient(120deg,#3e5971,#223c58);border-color:#adc9da50;box-shadow:inset 0 1px #ffffff12}
.sf-music-stops button:disabled{opacity:.7}.sf-music-stop-copy{display:block}.sf-music-stop-copy b{display:block;font-size:14px;font-weight:650}.sf-music-stop-copy small{display:block;font-size:11px;color:#c9d7e2;margin-top:5px}
.sf-music-dialogue{overflow:hidden;align-items:stretch;background:#1d3652;border:1px solid #d9c59066;border-radius:22px;gap:0;padding:0;margin-top:20px;box-shadow:0 12px 25px #091a3029}
.sf-music-dialogue>div:last-child{align-self:center;padding:20px;flex:1;min-width:0}
.sf-music-dialogue>.sf-music-character-scene{padding:8px 4px 0;display:flex;align-items:flex-end;justify-content:center;flex:0 0 40%;min-height:220px;background-position:center;background-size:cover}
.sf-music-character-scene .sf-music-portrait{width:100%;max-width:240px;height:230px;object-fit:contain;object-position:center bottom}
.sf-music-board>.sf-music-hint{margin-top:-8px}
@media(min-width:800px){.sf-music-board-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:20px;align-items:start}.sf-music-map{margin:0}.sf-music-stops{grid-template-columns:1fr}.sf-music-board .sf-music-dialogue{max-width:720px;margin:24px auto 0}}
@media(max-width:500px){.sf-music-map{margin:14px auto 18px}.sf-music-dialogue>.sf-music-character-scene{flex-basis:38%;min-height:200px}.sf-music-character-scene .sf-music-portrait{height:190px}.sf-music-dialogue>div:last-child{padding:14px}.sf-music-dialogue h3{font-size:19px}.sf-music-dialogue p{font-size:13px}}
.sfedu-carousel-figure[data-subject="solfege"]{background-position:center;background-size:cover}
.sfedu-carousel-figure[data-subject="solfege"] .sfedu-carousel-art{object-fit:contain;box-sizing:border-box;padding:8px 50px 2px;object-position:center bottom}
.sfedu-subject-banner.sf-sonatine-banner{background-position:center;background-size:cover}
.sfedu-subject-page .sf-sonatine-banner .sfedu-subject-hero{object-fit:contain;object-position:30% bottom;padding:3px;box-sizing:border-box}
.sfedu .sf-sonatine-companion{border-radius:18px;overflow:hidden;padding:10px;background:linear-gradient(90deg,transparent,#163654ae),var(--sf-studio) center/cover;border:1px solid #e5ce9655}
.sfedu .sf-sonatine-companion .sfedu-soul-bubble{background:#17324fe8}

.sf-music-concert-art{display:block;width:100%;max-height:60dvh;object-fit:contain;border-radius:18px;background:#171027}