.game-share{width:calc(100% - 24px);max-width:430px;max-height:calc(100dvh - 24px);padding:0;overflow:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--ink);font:var(--form-control-text)}
.game-share::backdrop{background:color-mix(in srgb,var(--chrome) 55%,transparent)}
.game-share .fills-head{padding:12px 16px;border-bottom:1px solid var(--line)}
.game-share .fills-head h2{margin:0;font:var(--form-control-text)}
.game-share .x{min-width:44px;min-height:44px;flex:none}
.game-share-body{padding:0 16px 16px}
.game-share p{color:var(--dim);font:var(--form-help-text)}
.game-share label{display:block;margin-bottom:6px}
.game-share textarea{display:block;width:100%;min-height:170px;margin-bottom:14px;padding:12px;resize:vertical;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink);font:var(--form-control-text);overflow-wrap:anywhere}
.game-share .btn{min-height:44px}
.game-share :focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.game-share [hidden]{display:none}
#share-card{margin:0 0 12px}
#share-card-image{display:block;width:100%;max-width:280px;height:auto;margin:auto;border-radius:var(--r)}
#share-card-caption{margin-top:8px;color:var(--dim);text-align:center;font:var(--form-help-text)}
#share-native,#share-download,#share-open-image{width:100%;margin-bottom:10px;text-decoration:none;text-align:center}
#share-download{display:flex;background:var(--action-blue);color:var(--button-ink)}
#share-image-help{margin:6px 0 16px}
#share-game{width:100%;min-height:44px;margin-top:12px}