/* The top bar owns instructions and round announcements. The panel keeps
   the live controls, player information and table talk. */
.game-instructions{
  flex:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;min-height:36px;min-width:0;width:100%;
  padding:6px 16px;background:var(--ui-panel);border-bottom:1px solid var(--ui-border);
  color:var(--ui-text);position:relative;z-index:76;
}
.game-instructions[hidden],.game-instructions [hidden]{display:none;}
.gi-copy{flex:1 1 420px;min-width:0;max-width:100%;text-align:center;line-height:22px;white-space:normal;overflow-wrap:anywhere;}
.gi-label{display:none;}
.gi-round{display:block;color:var(--gold);font:600 13px/20px 'Spectral',Georgia,serif;}
.game-instructions.is-action .gi-title{color:var(--gold);}
.gi-title{display:inline;font:600 15px/24px 'Spectral',Georgia,serif;}
.gi-detail{display:block;color:var(--ui-text2);font:14px/24px 'Spectral',Georgia,serif;}
.gi-controls{flex:none;min-height:36px;padding:4px 10px;white-space:nowrap;border:1px solid var(--gold-dim);border-radius:8px;background:var(--ui-input);color:var(--ui-text);font:13px/1.3 'Spectral',Georgia,serif;cursor:pointer;}
.gi-controls:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}
.gp-instructions-at-top .gp-phase,.gp-instructions-at-top .gi-source{display:none!important;}
.gp-round-ann:has(> .gi-source){padding:0;gap:0;}
.gp-anchor-option{display:flex;align-items:center;gap:10px;cursor:pointer;}
.gp-anchor-option input{flex:none;width:18px;height:18px;accent-color:var(--gold);}
.gp-anchor-option .gp-sub-hd{flex:1;min-width:0;}
.gp-anchor-option:focus-within{outline:2px solid var(--gold);outline-offset:2px;}
.gp-anchor-choices legend{font:600 14px/1.4 'Spectral',Georgia,serif;color:var(--ui-text);margin-bottom:8px;}
.gp-anchor-choices{border:0;min-width:0;}
/* Let phone instructions wrap so round rules remain readable without hover. */
@media (max-width:640px), ((max-height:640px) and (pointer:coarse)){
  .game-instructions{padding:6px max(12px,env(safe-area-inset-left,0px));gap:8px;}
  .gi-title{font-size:14px;}
  .gi-detail{font-size:13px;}
  .gi-controls{min-height:44px;padding:4px 8px;}
  .gp-anchor-option{min-height:44px;}
}