html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: #0e1920; }
body, canvas, div { outline: none; user-select: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; }
.header, .footer { display: none; }
#GameDiv { position: relative; width: 100vw; height: 100vh; margin: 0; border: 0; }
#Cocos3dGameContainer, #GameCanvas { width: 100%; height: 100%; }
canvas { display: block; touch-action: none; }
#RotateNotice { display: none; }
@media (pointer: coarse) and (orientation: portrait) {
  #RotateNotice {
    position: fixed; inset: 0; z-index: 10; display: flex;
    align-items: center; justify-content: center; flex-direction: column; gap: 20px;
    padding: 24px; box-sizing: border-box; text-align: center;
    background: #20102a; color: #f2f0e2; font-family: sans-serif;
    touch-action: none;
  }
  #RotateNotice strong { color: #e8c379; font-size: 24px; }
  #RotateNotice span { font-size: 16px; line-height: 1.6; }
  .rotate-phone {
    width: 80px; height: 120px; border: 3px solid #e8c379; border-radius: 14px;
    font-size: 60px; line-height: 120px;
  }
}