/* Branded share overlay — same room as the game (tokens from tokens.css) */
.sharemodal{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;
  opacity:0;transition:opacity .22s var(--ease);}
.sharemodal.open{opacity:1;}
.sharemodal[hidden]{display:none;}
.sharemodal-back{position:absolute;inset:0;background:rgba(5,5,5,.72);backdrop-filter:blur(4px);}
.sharesheet{position:relative;z-index:1;width:min(92vw,440px);max-height:90vh;overflow:auto;
  background:var(--void-2);border:1px solid var(--line);border-radius:6px;
  padding:34px 28px 28px;text-align:center;
  transform:translateY(10px) scale(.985);transition:transform .28s var(--ease);}
.sharemodal.open .sharesheet{transform:none;}
.sharesheet-glow{position:absolute;left:0;right:0;top:0;height:120px;pointer-events:none;
  background:radial-gradient(ellipse 70% 100% at 50% 0%, rgba(255,210,122,.16), rgba(13,12,11,0) 70%);}
.sharesheet-x{position:absolute;top:8px;right:12px;background:none;border:0;color:var(--ink-dim);
  font-size:24px;line-height:1;cursor:pointer;padding:6px;}
.sharesheet-x:hover{color:var(--ink);}
.sm-brand{position:relative;font-family:var(--disp);font-weight:600;font-size:12px;letter-spacing:.4em;
  text-transform:uppercase;color:var(--light);padding-left:.4em;}
.sm-cardwrap{margin:16px 0 4px;}
.sm-card{width:min(58vw,190px);height:auto;border:1px solid var(--line);border-radius:4px;display:block;margin:0 auto;}
.sm-sub{font-family:var(--serif);font-style:italic;color:var(--ink-dim);font-size:16px;line-height:1.5;margin:14px 6px 20px;}
.sm-actions{display:flex;flex-direction:column;gap:10px;}
.sm-actions .sm-primary{font-family:var(--disp);text-transform:uppercase;letter-spacing:.14em;font-size:13px;
  color:#050505;background:var(--signal);border:0;border-radius:3px;padding:13px 16px;cursor:pointer;}
.sm-actions .sm-btn{font-family:var(--disp);text-transform:uppercase;letter-spacing:.12em;font-size:12px;
  color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:3px;padding:11px 14px;cursor:pointer;
  text-decoration:none;display:block;}
.sm-actions .sm-btn:hover{border-color:var(--ink-dim);}
.sm-row{display:flex;gap:10px;}
.sm-row>*{flex:1;}
.sharesheet :focus-visible{outline:2px solid var(--light);outline-offset:2px;}
@media (prefers-reduced-motion: reduce){
  .sharemodal,.sharesheet{transition:none;}
  .sharemodal.open .sharesheet{transform:none;}
}