/* Both image-sharing dialogs use the court's painted controls and scoreboard palette. */
.ghost-share-dialog{box-sizing:border-box;width:min(470px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:20px;border:6px ridge #9b8b70;border-radius:6px;background:#142e32;color:#eaf5f3;box-shadow:inset 0 0 0 2px #071c24,0 16px 48px #0008;font:700 15px Court,Nunito,Arial,sans-serif;letter-spacing:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:#779d9f #142e32}
.ghost-share-dialog::backdrop{background:#07191fcc}
.ghost-share-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #57797b}
.ghost-share-dialog h2{font-size:22px;font-weight:900;line-height:1.2;margin:0;overflow-wrap:anywhere;color:#eaf5f3}
.ghost-share-dialog button{min-width:0;min-height:56px;border:0;border-radius:0;background:transparent url('ui/paint-button.png') center/100% 100% no-repeat;color:#19496a;box-shadow:none;padding:14px 16px;font:900 15px Court,Nunito,Arial,sans-serif;line-height:1.3;overflow-wrap:anywhere;cursor:pointer;filter:drop-shadow(0 3px 2px #071c2477);transition:filter .15s,transform .15s}
.ghost-share-dialog [data-close]{width:48px;height:48px;min-height:48px;flex:0 0 48px;padding:0;font-size:0;background-image:url('ui/paint-back.png');background-size:contain}
.ghost-share-dialog button:hover:not(:disabled){filter:brightness(.94) drop-shadow(0 1px 1px #071c2477);transform:translateY(1px)}
.ghost-share-dialog button:active:not(:disabled){filter:brightness(.88);transform:translateY(2px)}
.ghost-share-dialog button:disabled{opacity:.5;cursor:wait}
.ghost-share-dialog :focus-visible{outline:3px solid #f1ca83;outline-offset:3px}
.ghost-share-dialog [hidden]{display:none!important}
.ghost-share-dialog [role="status"]{font-size:14px;min-height:1.5em;margin:12px 0;line-height:1.5;color:#c1d9dc}
.ghost-share-dialog :is(.score-share-actions,.board-image-actions){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-bottom:3px}
#score-share .score-share-preview{display:block;width:100%;aspect-ratio:1;object-fit:contain;border-radius:0}
#score-share .score-share-actions{margin:12px 0 16px}
#score-share textarea{box-sizing:border-box;width:100%;resize:vertical;background:#0e2428;color:#d2e8e8;border:1px solid #57797b;border-radius:2px;padding:10px;font:600 14px Court,Nunito,Arial,sans-serif;line-height:1.5}
.ghost-large-text .ghost-share-dialog button,.ghost-large-text .ghost-share-dialog [role="status"],.ghost-large-text #score-share textarea{font-size:17px}
.ghost-large-text .ghost-share-dialog [data-close]{font-size:0}
@media(max-width:420px){.ghost-share-dialog{padding:14px}.ghost-share-dialog h2{font-size:20px}.ghost-share-dialog button{padding:14px 10px}}
@media(max-height:600px){#score-share .score-share-preview{width:min(100%,240px);margin:auto}.ghost-share-dialog{padding:12px}.ghost-share-dialog header{margin-bottom:12px;padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){.ghost-share-dialog button{transition:none}.ghost-share-dialog button:is(:hover,:active):not(:disabled){transform:none}}
.ghost-reduced-motion .ghost-share-dialog button{transition:none}
.ghost-reduced-motion .ghost-share-dialog button:is(:hover,:active):not(:disabled){transform:none}