.play-share-dialog{width:min(920px,calc(100% - 24px));max-height:min(900px,calc(100dvh - 24px));padding:0;border:0;border-radius:24px;background:transparent;color:var(--ink);overflow:visible}.play-share-dialog::backdrop{background:rgba(23,21,16,.66);backdrop-filter:blur(6px)}
.play-share-sheet{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:18px;padding:22px;border:2px solid var(--ink);border-radius:24px;background:var(--bone);box-shadow:8px 8px 0 var(--ink);overflow:auto;max-height:min(900px,calc(100dvh - 24px))}.play-share-sheet>header{grid-column:1/-1;display:flex;align-items:start;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:2px solid var(--ink)}.play-share-sheet>header small{display:block;color:var(--cobalt);font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.play-share-sheet h2{margin:3px 0 0;font:900 clamp(30px,5vw,48px)/.9 "Bricolage Grotesque",Impact,sans-serif;text-transform:uppercase;letter-spacing:-.03em}.play-share-sheet>header button{width:46px;height:46px;flex:0 0 auto;border:2px solid var(--ink);border-radius:50%;background:var(--paper);color:var(--ink);font:900 28px/1 inherit;cursor:pointer;box-shadow:2px 2px 0 var(--ink)}
.play-share-formats{grid-column:1/-1;justify-self:start}.play-share-formats .segctl-btn{min-height:44px}.play-share-sheet figure{grid-row:3/6;margin:0;min-width:0;display:grid;gap:8px;align-content:start}.play-share-sheet figure img{width:100%;max-height:610px;display:block;border:2px solid var(--ink);border-radius:18px;background:var(--paper);object-fit:contain;box-shadow:4px 4px 0 var(--ink)}.play-share-sheet figure figcaption{color:var(--ink);font-size:11px;font-weight:800;line-height:1.4}.play-share-status{min-height:22px;margin:0;color:var(--ink);font-size:12px;font-weight:850}.play-share-status[data-tone="error"]{color:var(--red)}.play-share-actions{display:grid;align-content:end;gap:9px}.play-share-actions .primary,.play-share-actions .secondary{width:100%;min-height:48px;margin:0}.play-share-copy{min-height:44px;padding:8px;border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--ink);font:inherit;font-size:12px;font-weight:850;cursor:pointer}.play-share-copy:hover{border-bottom-width:2px}.play-share-dialog[aria-busy="true"] .play-share-actions{opacity:.55;pointer-events:none}
@media(max-width:700px){.play-share-dialog{width:min(100% - 12px,560px);max-height:calc(100dvh - 12px)}.play-share-sheet{grid-template-columns:1fr;max-height:calc(100dvh - 12px);padding:16px;border-radius:20px;box-shadow:5px 5px 0 var(--ink)}.play-share-sheet>header{gap:10px}.play-share-sheet h2{font-size:34px}.play-share-formats{width:100%}.play-share-formats .segctl-btn{flex:1}.play-share-sheet figure{grid-row:auto}.play-share-sheet figure img{max-height:48dvh}.play-share-actions{grid-template-columns:1fr}.play-share-status{order:5}}
@media(prefers-reduced-motion:reduce){.play-share-dialog::backdrop{backdrop-filter:none}.play-share-sheet>header button{transition:none}}
@media(forced-colors:active){.play-share-sheet,.play-share-sheet figure img,.play-share-sheet>header button{border:2px solid CanvasText}.play-share-dialog::backdrop{background:Canvas}}