/* Desktop command desk. Touch layout and cinematic framing remain owned by their existing styles. */
.pc-toolbar { display: none; }
body.pc .pc-toolbar { display: flex; gap: 6px; }
.pc-toolbar button { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 6px 10px; border: 1px solid #81705a; background: linear-gradient(150deg,#37352b,#171b17); color: #f0e6d3; font: 400 16px var(--display); white-space: nowrap; box-shadow: inset 0 1px #e3c68c22, 2px 2px 0 #050706; }
.pc-toolbar button:hover { border-color: #c8b18a; background-color: #444336; }
.pc-toolbar button:active { transform: translateY(1px); box-shadow: inset 0 1px 3px #0009; }
.pc-toolbar svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; }
.pc-toolbar kbd { font: 12px var(--body); padding: 1px 4px; border: 1px solid #8b806766; color: #c6bda9; }
body.pc :is(button, a, input, select):focus-visible { outline: 2px solid #ffdf8b; outline-offset: 4px; }
body.pc .topbar > .pc-toolbar { margin-left: auto; }
body.pc #pc-controls { position: absolute; left: 14px; top: calc(var(--safe-t) + 140px); flex-wrap: wrap; width: 275px; pointer-events: auto; }
#pc-controls p { width: 100%; margin: 1px 0; font-size: 12px; line-height: 1.6; color: #ded6c4; text-shadow: 0 1px 3px #000; pointer-events: none; }
body.pc:not(.pc-wide) .topbar > .pc-toolbar { display: none; }
body.pc:not(.pc-wide) #pc-controls { top: auto; bottom: calc(var(--dock,190px) + 12px); width: auto; }
body.pc:not(.pc-wide) #pc-controls p { display: none; }
body.filming .pc-toolbar, body.clipping .pc-toolbar { display: none; }
@media (min-width: 1000px) and (min-height: 600px) {
  body.pc-wide .topbar { max-width: 1340px; padding: 12px 28px; gap: 24px; }
  body.pc-wide .topbar .wallet { margin-left: auto; }
  body.pc-wide .pages { padding-left: 166px; }
  body.pc-wide .page { max-width: 1160px; padding: 12px 28px calc(var(--safe-b) + var(--promo-h,0px) + 32px); }
  body.pc-wide .tabbar { left: 16px; right: auto; top: 124px; bottom: auto; width: 150px; padding: 8px; flex-direction: column; gap: 7px; border: 1px solid #77664a70; background: linear-gradient(155deg,#302d23f2,#111610f5); box-shadow: 6px 8px 0 #0005; }
  body.pc-wide .tabbar button { max-width: none; min-height: 54px; flex-direction: row; justify-content: flex-start; gap: 12px; padding: 10px; font-size: 19px; }
  body.pc-wide .tabbar button.on { box-shadow: inset 3px 0 #ffd69a; background: linear-gradient(100deg,#9e232a,#591e21); }
  body.pc-wide .dock { max-width: 1160px; width: calc(100% - 32px); display: grid; grid-template-columns: 220px minmax(0,1fr); column-gap: 24px; padding: 10px 16px 14px; border: 1px solid #9a85634d; border-bottom: none; background: linear-gradient(165deg,#2b2c24f5,#111611f7); box-shadow: 0 -5px 25px #0007; }
  body.pc-wide .dock > .ops { grid-column: 1 / -1; max-height: 56px; }
  body.pc-wide .dock > .send-row { grid-column: 1; grid-row: 2; gap: 6px; align-self: end; }
  body.pc-wide .dock > .slider-row { grid-column: 1; grid-row: 3; margin-top: 6px; }
  body.pc-wide .dock > .dock-row { grid-column: 2; grid-row: 2 / 4; gap: 7px; align-items: stretch; justify-content: flex-end; }
  body.pc-wide .dock-row > .grow { display: none; }
  body.pc-wide .tactics-row { align-items: stretch; gap: 7px; }
  body.pc-wide .dock .tbtn { width: 65px; height: 68px; flex: 0 0 65px; min-width: 52px; }
  body.pc-wide .dock .rally-btn { height: 68px; min-width: 72px; }
  body.pc-wide .dock .hold-btn { min-width: 80px; max-width: 124px; min-height: 68px; margin-left: auto; padding: 5px; }
  body.pc-wide .dock .hold-btn .hold-ic { display: none; }
  body.pc-wide .campaign-dock { grid-column: 1 / -1; }
  body.pc-wide .order { max-width: 520px; }
  body.pc-wide .hud-top { padding: 12px 20px 14px; }
  body.pc-wide .board { min-width: 200px; max-width: 240px; right: 20px; }
  body.pc-wide .hud-note { left: 16px; max-width: 380px; }
  body.pc-wide .topsheet { max-width: 540px; }
}
@media (prefers-reduced-motion: reduce) { .pc-toolbar button { transition: none; } }
/* A mouse-capable phone or a narrow browser still uses the compact HUD; never cover confirmation controls. */
body.pc:not(.pc-wide) #pc-controls { display: none; }