/* Only the 3D view owns these controls; the shared chess skin also supports 2D. */
.xq3d-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:7px;touch-action:none;z-index:1}
.xq3d-hud{position:absolute;right:7px;top:7px;z-index:5;display:flex;gap:6px;max-width:calc(100% - 14px)}
.xq3d-chip{font:500 11px/1.3 var(--font-sans,-apple-system,"Microsoft YaHei",sans-serif);min-height:44px;padding:6px 10px;border-radius:9px;border:1px solid #c8a77080;background:#163d31ed;color:#eee0b9;cursor:pointer;box-shadow:inset 0 1px 0 #fff3;backdrop-filter:blur(8px);touch-action:manipulation}
.xq3d-chip[aria-pressed=true]{background:#d4bb80;color:#173c2b;border-color:#e3ca92}
.xq3d-chip:focus-visible{outline:2px solid #f3d991;outline-offset:2px}
body.xq3d-on .xq-board-lines,body.xq3d-on .xq-piece,body.xq3d-on .xq-cell:before,body.xq3d-on .xq-cell:after{display:none!important}
body.xq3d-on .xq-board{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
body.xq3d-on .xq-board:before{display:none}
body.xq3d-on .xq-intersections{pointer-events:none}
body.xq3d-on .xq-cell{background:transparent!important;box-shadow:none!important;outline:none!important}
@media(max-width:680px){
  body[data-app-id=xiangqi3d] .xq-page-title{font-size:15px;letter-spacing:0;gap:5px}
  body[data-app-id=xiangqi3d] .xq-page-title:before{display:none}
  body[data-app-id=xiangqi3d] .tool-topbar .header-actions{gap:6px}
  .xq3d-hud{gap:5px;right:5px;top:5px}
  .xq3d-chip{font-size:10px;padding:5px 8px}
}
@media(max-width:680px) and (max-height:650px){
  body[data-app-id=xiangqi3d].xq3d-on .xq-board{--xq-board-aspect:1.125;aspect-ratio:9/8}
  body[data-app-id=xiangqi3d] #xq-nickname-form>label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
  body[data-app-id=xiangqi3d] #xq-guest-note{display:none}
  body[data-app-id=xiangqi3d] .xq-controls{padding:6px 8px}
  body[data-app-id=xiangqi3d] .xq-nickname-row input,body[data-app-id=xiangqi3d] .xq-nickname-row .primary-button{min-height:44px}
  .xq3d-hud{left:5px;right:5px;justify-content:flex-end}
  .xq3d-chip{white-space:nowrap}
}
@media(prefers-reduced-transparency:reduce){.xq3d-chip{background:#163d31;backdrop-filter:none}}