/* /public/css/world.css */

html, body {
  height: 100%;
  margin: 0;
  overflow: hidden;       /* no scrollbars */
  background: #0f0f13;    /* keep your bg */
}

#viewport {
  /* centered game view; Render.initRender()/fitToWindow() sets size */
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  background: #0f0f13;
}

/* Stack canvases */
#viewport canvas {
  position: absolute;
  top: 0;
  left: 0;

  /* crisp pixel art */
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  image-rendering: -moz-crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

/* UI stays unscaled */
#hud { position:absolute; top:8px; left:8px; width:320px; pointer-events:auto; }
#chatlog   { max-height:180px; overflow-y:auto; font:12px/1.4 system-ui, sans-serif; color:#ddd; }
#chatform input { width:100%; margin-top:6px; padding:6px 8px; border:1px solid #444; background:#222; color:#ddd; }
#coords { position:absolute; top:8px; right:12px; padding:4px 8px; font:12px/1.4 monospace; color:#eee; background:rgba(0,0,0,.35); border-radius:4px; }