/* Responsive game controls: compact mouse UI, comfortable touch targets. */
@media (min-width:761px) and (pointer:fine){
 #menu{width:min(460px,calc(100vw - 32px));padding:14px;max-height:calc(100dvh - 32px)}
 #menu h1{font-size:27px;margin:4px 0 10px}#menu p{font-size:13px;margin:6px 0}
 #menu .b{font-size:14px;min-height:38px;padding:7px 10px;margin:5px 0;line-height:1.4}
 #menu .career-entry{padding:10px}#menu .career-entry small{font-size:11px;margin-top:3px}
 #menu .window-controls{top:-14px}#menu .window-controls .b,#modal .window-controls .b{width:34px!important;height:34px!important;min-height:34px;font-size:21px}
 #tb{gap:4px;max-width:calc(100vw - 70px)}#tb .b{font-size:12px;min-height:34px;min-width:34px;padding:4px 8px;border-radius:8px}
 #ui-dock{gap:6px}#ui-dock button,#bubble{width:38px;height:38px;font-size:18px;border-radius:11px}
 #hud{width:min(260px,25vw);font-size:13px;padding:8px 10px;max-height:23vh}
 #bot{width:min(260px,25vw)!important;font-size:13px;line-height:1.5;max-height:24vh}
 .panel-min{width:32px;height:32px;font-size:18px}
 #tip,#toast{font-size:13px;padding:6px 12px;line-height:1.5}
 #modal:not(:has(.cable-panel)){width:min(370px,36vw);padding:12px;font-size:14px;border-radius:14px}
 #modal .b{min-height:36px;padding:6px 10px;font-size:14px}
 #modal .player-profile h3{font-size:22px!important}.profile-options{gap:8px;margin:12px 0}
 #modal .profile-option{padding:8px;min-height:112px}.profile-option .profile-avatar{height:124px;margin-bottom:4px}
 .profile-skins{padding:8px;gap:10px;margin:8px 0}.profile-skin{width:34px;height:34px;min-width:34px}
 #modal .workplace-option{padding:8px 10px!important}.workplace-options{gap:6px;margin:10px 0}
 #modal .window-controls{top:-12px}
}
@media (pointer:coarse),(max-width:760px){
 #menu{width:min(400px,calc(100vw - 24px));padding:12px;max-height:calc(var(--view-h,100dvh) - 24px)}
 #menu h1{font-size:25px;margin:4px 0 8px}#menu p{font-size:13px;margin:6px 0}
 #menu .b{min-height:44px!important;padding:8px 10px;font-size:14px;line-height:1.4;margin:5px 0}
 #menu .career-entry{padding:10px}#menu .window-controls{top:-12px}
 #tb{gap:4px}#tb .b{font-size:12px;padding:5px 7px;min-height:44px;min-width:44px}
 #ui-dock button,#bubble{width:44px;height:44px;font-size:19px;border-radius:12px}
 .profile-option .profile-avatar{height:118px;margin-bottom:4px}.profile-options{gap:8px;margin:10px 0}
 #modal .profile-option{padding:8px;min-height:112px}.profile-skins{gap:9px;padding:8px;margin:8px 0}
 #modal .workplace-option{padding:9px 10px!important}.workplace-options{gap:6px;margin:10px 0}
 #modal .b{min-height:44px}.profile-skin{width:44px;height:44px;min-width:44px}
}
#menu .b,#modal .b{white-space:normal;overflow-wrap:break-word;height:auto;box-sizing:border-box}
@media (pointer:coarse) and (max-height:500px){
 #menu{width:min(620px,calc(100vw - 24px))}#menu .b{padding:6px 9px;font-size:13px}
 #modal .profile-avatar{height:84px}.profile-options{margin:6px 0}
}