/* Staging owns standings and countdown. Neither surface infers session state. */
#staging-panel { position:fixed;left:16px;top:158px;width:226px;padding:10px;background:var(--ui-panel);color:var(--ui-text);border:1px solid #ddbd7f40;border-radius:7px;z-index:14;pointer-events:none;text-align:left }
.ranking-heading { display:flex;align-items:center;justify-content:space-between;margin-bottom:7px }
#staging-panel h2 { font-size:14px;letter-spacing:1px;margin:0;color:var(--ui-gold) }
#staging-room { font:11px Consolas,monospace;color:#a9b8ab }
.ranking-columns { display:flex;justify-content:space-between;font-size:10px;color:#a9b8ab;margin-bottom:5px }
#staging-players { display:grid;grid-template-columns:1fr;gap:3px;margin:0;padding:0;list-style:none }
#staging-players li { display:grid;grid-template-columns:19px minmax(0,1fr) 28px;gap:5px;align-items:center;padding:5px 4px;font-size:12px;border-radius:3px }
#staging-players .ranking-self { background:#ddbd7f19 }
#staging-players b { font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap }
#staging-players strong { text-align:right;color:var(--ui-gold);font:600 13px Consolas,monospace }
.ranking-place { color:#a9b8ab;font:11px Consolas,monospace;white-space:nowrap }
#staging-restart { display:block;width:100%;min-height:40px;margin:9px 0 0;padding:7px 12px;border:1px solid #ddbd7f80;border-radius:4px;background:var(--ui-gold);color:var(--ui-dark);font-weight:700;font-size:13px;pointer-events:auto;cursor:pointer;touch-action:manipulation }
#staging-restart:disabled { opacity:.5;cursor:default }
#staging-restart:focus-visible { outline:2px solid #fff;outline-offset:3px }
#round-countdown { position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:65;display:flex;flex-direction:column;align-items:center;padding:8px 18px 10px;background:var(--ui-panel);border:2px solid #ddbd7f80;border-radius:0;box-shadow:4px 4px 0 #0b171bcc;text-align:center;pointer-events:none;color:#f7df9a;text-shadow:0 3px 15px #000 }
#round-countdown canvas { display:block;width:240px;height:68px;image-rendering:pixelated }
#round-countdown span { font:12px monospace;letter-spacing:3px }
body.menu-open #staging-panel,body.menu-open #round-countdown { display:none }
body.round-counting #toast { visibility:hidden }
body.playing #round-scores { display:none }
@media(max-height:550px), (max-width:600px) {
  #round-countdown { top:8px;padding:4px 8px }
  #round-countdown canvas { width:180px;height:51px }
  #staging-panel { left:8px;top:108px;width:164px;padding:6px }
  .ranking-heading { margin-bottom:3px }
  #staging-panel h2 { font-size:11px }
  .ranking-columns { font-size:9px;margin-bottom:2px }
  #staging-players { gap:1px }
  #staging-players li { font-size:10px;line-height:14px;padding:1px 2px;grid-template-columns:14px minmax(0,1fr) 22px;gap:3px }
  #staging-players strong { font-size:11px }
  #staging-restart { min-height:32px;margin-top:5px;padding:4px;font-size:11px }
}
@media(max-height:550px) {
  .touch-mode #staging-panel { z-index:29 }
  .touch-mode .ranking-columns { display:none }
  .touch-mode #staging-players { max-height:clamp(16px,calc(100dvh - 350px),96px);overflow-y:auto;pointer-events:auto;touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:thin }
  .touch-mode #staging-restart { min-height:44px }
}