#world3dCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#world3dCanvas[hidden]{display:none}
body.world-3d #battle::after{background:radial-gradient(ellipse at 50% 50%,transparent 65%,#142c3b40)}
#view3dControls{position:absolute;left:50%;top:68px;transform:translateX(-50%);z-index:6;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;max-width:calc(100% - 24px);pointer-events:none;font-family:"Noto Sans",sans-serif}
#view3dControls button{pointer-events:auto;border:1px solid #b6a47a88;background:linear-gradient(#294443ee,#162d30ee);color:#f0dfb7;border-radius:5px;padding:7px 10px;font:600 11px "Noto Sans",sans-serif;cursor:pointer;box-shadow:0 2px 10px #0003}
#view3dControls button:hover{background:#43625e;border-color:#edd7a2}
#view3dControls button:disabled{opacity:.4;cursor:default}
#view3dControls button:focus-visible{outline:2px solid #fff0b5;outline-offset:2px}
#view3dControls .view3d-camera{display:none;gap:3px}
#view3dControls.is-3d .view3d-camera{display:flex}
#view3dControls .view3d-camera button{font-size:16px;padding:3px 8px;min-width:30px}
#view3dControls .view3d-camera [data-camera="lock"]{font-size:11px}
#view3dQuality{display:none;pointer-events:auto;max-width:160px;border:1px solid #b6a47a88;background:#183330;color:#f0dfb7;border-radius:5px;padding:6px;font:600 11px "Noto Sans",sans-serif;cursor:pointer}
#view3dControls.is-3d #view3dQuality{display:block}
#view3dQuality:focus-visible{outline:2px solid #fff0b5;outline-offset:2px}
#view3dHint{width:100%;text-align:center;font-size:10px;color:#ecdfc5;text-shadow:0 1px 3px #000,0 1px 3px #000}
body.team-manual-mode #offlineChat{display:none!important}
body.team-manual-mode #bb #pad .sk:disabled{opacity:.55}
body.team-manual-mode #bb #pad .sk.is-aiming{box-shadow:inset 0 0 0 2px #80ffe2,0 0 8px #80ffe266}
body.team-manual-mode #bb #pad .sk[data-team-cooldown]:not([data-team-cooldown=""])::after{content:attr(data-team-cooldown);position:absolute;inset:0;display:grid;place-items:center;background:#071e1cb0;color:#fff;font:bold 12px sans-serif}
#teamAimHint{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);z-index:8;display:flex;align-items:center;gap:8px;max-width:calc(100% - 20px);padding:5px 8px;background:#102b2be8;color:#dff6ed;border:1px solid #6c9982;border-radius:4px;font:11px "Noto Sans",sans-serif}
#teamAimHint[hidden]{display:none}
#teamAimHint button{flex:none;background:#183330;color:#f4e6bd;border:1px solid #a4bfac;border-radius:3px;padding:5px 8px;cursor:pointer}
body.team-manual-mode #view3dControls{top:122px}
@media(max-width:700px){
  #teamAimHint{font-size:10px;width:max-content;box-sizing:border-box;bottom:34px}
  body.team-manual-mode #view3dControls{top:auto;bottom:94px;max-width:calc(100% - 16px)}
}
body.world-3d #offlineChat{width:min(360px,calc(100% - 76px))}
body.world-3d #offlineChatMessages{height:120px}
@media(max-height:500px){
  body.team-manual-mode #view3dControls{top:auto;bottom:10px;left:50%;transform:translateX(-50%);max-width:calc(100% - 340px)}
  body.team-manual-mode #view3dHint{display:none}
}
@media(max-width:700px){
  #view3dControls{top:auto;bottom:94px;left:8px;transform:none;max-width:calc(100% - 65px);justify-content:flex-start}
  #view3dHint{display:none}
  #view3dControls button{padding:6px 8px}
  body.world-3d #offlineChat{width:calc(100% - 10px)}
  body.world-3d #offlineChatMessages{height:90px}
}