/* The shared middle track places the case over the phone's lower-right edge. */
.headphone-composition{display:grid;grid-template-columns:minmax(0,190fr) minmax(0,38fr) minmax(0,128fr);align-items:end;gap:0;width:min(100%,356px);direction:ltr}
#mode-headphone .headphone-composition .app-phone{grid-column:1/3;grid-row:1;width:100%;z-index:1}
.earbud-case{position:relative;grid-column:2/4;grid-row:1;z-index:2;display:block;width:100%;aspect-ratio:332/370;padding:0;border:0;border-radius:12px;background:none;transform:translateY(2.31%);isolation:isolate}
.earbud-case canvas,.earbud-case-poster{display:block;width:100%;height:100%;object-fit:contain}
.earbud-case canvas{position:absolute;inset:0;opacity:0}
.earbud-case.is-ready canvas{opacity:1}
.earbud-case.is-ready .earbud-case-poster{opacity:0}
.earbud-case:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
@media(max-width:809px){.headphone-composition{grid-template-columns:minmax(0,146fr) minmax(0,28fr) minmax(0,98fr);width:min(100%,272px)}}
@media(prefers-reduced-motion:reduce){.earbud-case{cursor:default}}