* { margin: 0; padding: 0; box-sizing: border-box; }
html, body {
  width: 100%; height: 100%;
  background: #04132e; overflow: hidden;
  touch-action: none;
  -webkit-user-select: none; user-select: none;
}
#game { width: 100%; height: 100%; }
#rotate-overlay {
  position: fixed; inset: 0; z-index: 50; display: none;
  align-items: center; justify-content: center; text-align: center;
  background: #04132e; color: #fff;
  font: 700 28px/1.5 system-ui, sans-serif;
}
#load-error {
  position: fixed; inset: 0; z-index: 60; display: flex;
  align-items: center; justify-content: center; text-align: center;
  background: #04132e; color: #fff;
  font: 600 22px/1.6 system-ui, sans-serif;
}
#load-error[hidden] { display: none; }
@media (orientation: portrait) {
  #rotate-overlay { display: flex; }
}
.upload-box { display: flex; gap: 12px; align-items: center; font: 600 16px system-ui, sans-serif; }
.upload-box .btn-file { background: #0046ad; color: #fff; padding: 10px 18px; border-radius: 8px; cursor: pointer; border: 2px solid #fff; }
.upload-box input[type=file] { display: none; }
.upload-box button { background: transparent; color: #fff; border: 2px solid #fff; padding: 8px 14px; border-radius: 8px; cursor: pointer; font: inherit; }