/* Share my island (island-share.mjs): the card dialog, opened from the profile panel's Your island section. */
.island-share-dialog [hidden]{display:none!important}
.island-share-dialog{width:min(720px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;border:0;background:none;overflow:visible;color:#493127;font-family:Pixeloid,monospace;font-synthesis:none}
.island-share-dialog::backdrop{background:rgba(16,25,53,.55)}
.island-share-sheet{box-sizing:border-box;max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;padding:0 14px 12px;filter:drop-shadow(0 6px 0 #34273744)}
.island-share-preview{position:relative;margin:0 0 12px;aspect-ratio:1200/630;background:#101935;box-shadow:0 0 0 3px #c6ad86;display:grid;place-items:center;overflow:hidden}
.island-share-preview img{display:block;width:100%;height:100%;object-fit:contain}
.island-share-loading{margin:0;padding:12px;color:#fff5de;font-size:14px;text-align:center}
.island-share-label{display:block;margin:0 2px 6px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#825731}
.island-share-url{box-sizing:border-box;width:100%;min-height:40px;padding:7px 10px;border:2px solid #c6ad86;box-shadow:inset 0 2px #e5d5b3;background:#fffaf0;color:#493127;border-radius:2px;font:400 14px/1.4 Pixeloid,monospace}
.island-share-url:focus-visible{outline:3px solid #58a7ce;outline-offset:1px}
.island-share-invite{margin:8px 2px 0;font-size:11px;line-height:1.5;color:#6b5a48;overflow-wrap:anywhere}
.island-share-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 0}
.island-share-actions .social-button{min-height:44px;font-size:13px;font-weight:700}
.island-share-actions .island-share-x{border-color:#101e52;background:#101935;box-shadow:inset 0 2px #2b3f7a,0 2px #0b1029;color:#fff5de}
.island-share-actions .social-button:focus-visible,.island-share-dialog .social-close:focus-visible{outline:3px solid #58a7ce;outline-offset:2px}
.island-share-status{margin:10px 2px 0;padding:6px 9px;border:2px solid #9cc58e;background:#e6f2dc;color:#345d35;font-size:11px;line-height:1.45;overflow-wrap:anywhere}
.island-share-status[data-tone=error]{border-color:#dba58f;background:#f8e2d6;color:#873c2f}
.island-share-note{margin:10px 0 0}
@media(max-width:560px){.island-share-actions{grid-template-columns:1fr}}