/* v3.1.17: layout-based control selection, not hardware detection. */
#crage-mobile-joystick{display:none!important}
@media (max-width:700px){
  .scene-frame .touch-dpad{display:none!important}
  #crage-mobile-joystick{position:absolute;left:12px;bottom:145px;width:108px;height:108px;border-radius:50%;display:grid!important;place-items:center;z-index:45;touch-action:none;user-select:none;-webkit-user-select:none;background:#15374e99;border:2px solid #6de4dc99;box-shadow:0 0 24px #0008,inset 0 0 20px #0224;overscroll-behavior:contain}
  #crage-mobile-joystick .crage-stick{position:absolute;width:50px;height:50px;border-radius:50%;background:#53cfc5;border:2px solid #b6fff7;box-shadow:0 3px 16px #0008;transform:translate(0,0);pointer-events:none}
  #crage-mobile-joystick .crage-joystick-label{position:absolute;top:-23px;left:0;width:100%;color:#e9fffd;font:700 10px system-ui;text-align:center;text-shadow:0 2px 5px #000}
  body.immersive-game .window-bar{position:relative;padding:8px 56px 8px 8px!important;overflow:visible;min-width:0;gap:4px!important}
  body.immersive-game .window-title{min-width:0;flex:0 1 auto;overflow:hidden;font-size:10px;gap:6px}
  body.immersive-game .window-title .traffic-lights{display:none}
  body.immersive-game .header-controls{min-width:0;flex:1 1 auto;justify-content:flex-end;gap:4px;margin-left:0}
  body.immersive-game .header-controls .immersive-fs-button{display:none!important}
  body.immersive-game .header-controls .immersive-menu-button{display:block!important;position:absolute;right:7px;top:9px;height:38px;width:43px;padding:5px 2px!important;font-size:0!important;line-height:1;z-index:48;overflow:hidden;white-space:nowrap}
  body.immersive-game .header-controls .immersive-menu-button::after{content:'☰';font-size:22px;line-height:26px;color:#fff}
  body.immersive-game .game-drawer{z-index:55}
  body.immersive-game .immersive-menu-overlay{z-index:54}
}
/* Desktop mode (including Chrome's Request desktop site viewport): restore the original direction keys. */
@media (min-width:701px){
  #crage-mobile-joystick{display:none!important}
  .scene-frame .touch-dpad{position:absolute;display:grid!important;left:16px;right:auto;bottom:165px;z-index:28;grid-template-columns:repeat(3,36px);grid-template-rows:repeat(2,36px);gap:4px}
  .scene-frame .touch-dpad button{border:1px solid #52788d;border-bottom-width:2px;background:#0d2335e8;border-radius:5px;color:#c5dce8;display:grid;place-items:center}
  .scene-frame .touch-dpad button:first-child{grid-column:2}
  .scene-frame .touch-dpad button:nth-child(2){grid-column:1;grid-row:2}
  .scene-frame .touch-dpad button:nth-child(3){grid-column:2;grid-row:2}
  .scene-frame .touch-dpad button:nth-child(4){grid-column:3;grid-row:2}
}