/* Brief, non-blocking feedback for an observed opponent pass. */
.opponent-pass-note {
  position:absolute; z-index:3; left:50%; top:50%; transform:translate(-50%,-50%);
  width:max-content; max-width:calc(100% - 24px); padding:8px 12px;
  color:var(--heading); background:var(--panel-raised); border:2px solid var(--accent);
  box-shadow:3px 3px 0 var(--frame-dark); font-size:16px; line-height:1.4;
  pointer-events:none;
}
.opponent-pass-note[hidden] { display:none; }
.turn-strip[data-notice='pass'] { box-shadow:inset 4px 0 0 var(--gold); }
.turn-strip[data-notice='pass'] strong { color:var(--gold); }
@media(max-width:850px) {
  .opponent-pass-note { top:9px; transform:translateX(-50%); }
}
@media(max-width:470px) {
  .opponent-pass-note { padding:7px 9px; font-size:12px; }
}