/* u-full 作品集 ── シェアUI（ハブ・各ゲーム結果画面で共用）
   配色は tokens.css 参照。share.js とセットで使う。 */
.uf-share { display: flex; align-items: center; justify-content: center; gap: .5em; margin-top: 24px; }
.uf-share-label { font-size: 12px; font-weight: 700; color: var(--uf-text-faint, rgba(232,226,210,.5)); margin-right: .2em; }
.uf-share-btn {
  display: inline-flex; align-items: center; justify-content: center; width: 2.4em; height: 2.4em;
  color: var(--uf-text, #e8e2d2); background: rgba(var(--uf-accent-rgb, 217,179,102), .10);
  border: 1px solid rgba(var(--uf-accent-rgb, 217,179,102), .28); border-radius: 999px; cursor: pointer;
  transition: color .15s, background .15s, transform .08s;
}
.uf-share-btn[hidden] { display: none; }
.uf-share-btn:hover { color: var(--uf-on-accent, #0a0a08); background: var(--uf-accent, #d9b366); }
.uf-share-btn:active { transform: scale(.92); }
.uf-share-btn:focus-visible { outline: 2px solid var(--uf-accent, #d9b366); outline-offset: 3px; }
.uf-share-copy .i-ok { display: none; }
.uf-share-copy.copied { color: var(--uf-on-accent, #0a0a08); background: var(--uf-accent, #d9b366); border-color: var(--uf-accent, #d9b366); }
.uf-share-copy.copied .i-link { display: none; }
.uf-share-copy.copied .i-ok { display: block; }
@media (pointer: coarse) { .uf-share-btn { width: 44px; height: 44px; } }