/* Sharing: one intentional action, with a preview before leaving the game. */
[hidden]{display:none!important}
.share-banner{display:flex;align-items:center;gap:20px;padding:24px 26px;margin-top:28px;border:1px solid #dce3c6;background:#e9edd9;border-radius:12px}.share-banner-icon{font-size:32px;width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:#d6e1b4;flex-shrink:0}.share-banner .overline{font-size:8px;color:#778664}.share-banner h2{font-size:18px;letter-spacing:-.4px;margin:6px 0}.share-banner p{font-size:11px;color:#7b856d;margin:0}.share-primary{display:flex;align-items:center;justify-content:center;gap:16px;background:#183e30;border:1px solid #183e30;border-radius:7px;color:#f8fae9;padding:14px 18px;font-size:12px;font-weight:700;min-height:44px}.share-banner .share-primary{margin-left:auto;white-space:nowrap}.share-primary:hover{background:#28523b}.share-primary:disabled,.share-secondary:disabled{opacity:.45;cursor:not-allowed}.share-secondary{border:1px solid #d7dfca;background:#fffdf4;padding:12px;border-radius:7px;font-size:12px;font-weight:650;min-height:44px}.share-secondary:hover:enabled{background:#edf0df}.moment-callout{background:#e7edcc;border:1px solid #d5dfb4;border-radius:8px;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px}.moment-callout strong{display:block;font-size:12px}.moment-callout span{display:block;font-size:10px;color:#748163;margin-top:5px}.moment-callout button{white-space:nowrap;min-height:44px}
#share-dialog{max-width:780px;width:calc(100% - 32px);padding:30px;max-height:92dvh;overflow:auto}#share-dialog h2{margin:12px 0 7px;font-size:32px}#share-dialog .share-modal-heading>p{font-size:12px;margin:0 0 24px}.share-layout{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:28px;align-items:start}.share-preview{background:#e8ecdf;border:1px solid #d6decb;border-radius:10px;padding:10px;text-align:center;position:sticky;top:0}.share-preview img{display:block;width:100%;height:auto;border-radius:5px;box-shadow:0 4px 16px #203d2920}.share-preview>span{display:grid;place-items:center;aspect-ratio:9/16;font-size:12px;color:#657654}.share-preview>small{display:block;font-size:8px;letter-spacing:1px;margin:10px 0 2px;color:#7c8b6d}.share-controls{min-width:0}.share-label{display:block;font-size:11px;font-weight:700;margin-bottom:8px}.share-label span{font-weight:400;color:#859276}.share-controls select,.share-controls input[type=text],#share-nickname,.share-controls textarea{width:100%;border:1px solid #d7dfca;border-radius:6px;background:#fffdf7;color:#193e31;padding:11px;font:inherit;font-size:12px}#share-personal{margin:17px 0 0;border-top:1px solid #e0e4d7;padding-top:12px}#share-personal legend{font-size:10px;color:#7c8d6d}#share-personal small{display:block;font-size:10px;line-height:1.5;color:#829073}.share-check{display:flex;align-items:center;gap:8px;font-size:11px;margin:12px 0;min-height:28px}.share-check input{accent-color:#1d593f;width:16px;height:16px;flex-shrink:0}#share-dialog .share-mode-note{font-size:10px;line-height:1.5;background:#eff1e3;padding:10px;border-radius:5px;margin:15px 0}.share-controls>.share-primary,.share-controls>.share-secondary{width:100%;margin-bottom:8px}#share-native-hint{display:block;font-size:10px;line-height:1.5;color:#819072;margin-bottom:17px}.share-link-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}#share-dialog .share-link-note{font-size:10px;line-height:1.6;margin:9px 0 16px;color:#839074}.share-message{border-top:1px solid #e1e5d8;padding-top:12px;font-size:11px}.share-message summary{cursor:pointer;min-height:28px}.share-message textarea{resize:vertical;min-height:115px;line-height:1.5}.share-message button{margin-top:8px;min-height:35px}#share-status{font-size:11px!important;color:#2b653e!important;min-height:15px;margin-bottom:0}#share-retry{padding:10px 0}
@media(max-width:760px){.share-banner{padding:20px;gap:13px;flex-wrap:wrap}.share-banner-icon{width:38px;height:38px;font-size:25px}.share-banner>div{flex:1;min-width:0}.share-banner h2{font-size:16px}.share-banner .share-primary{width:100%;margin:5px 0 0}.share-banner p{line-height:1.5}.share-banner .overline{font-size:7px}.moment-callout{align-items:flex-start;flex-wrap:wrap}.share-layout{grid-template-columns:minmax(0,1fr);gap:20px}.share-preview{position:static;width:180px;max-width:100%;margin:auto}#share-dialog{padding:22px 18px}#share-dialog h2{font-size:28px;margin-right:15px}.share-controls select,#share-nickname,.share-controls textarea{font-size:16px}.share-check{min-height:44px}}