html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: #0b0910; }
body {
  touch-action: none; overscroll-behavior: none; -webkit-user-select: none; user-select: none;
  -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;
}
#game {
  position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: block;
  image-rendering: pixelated; image-rendering: crisp-edges; outline: none; cursor: crosshair; touch-action: none;
}
#fields { position: fixed; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; }
.tw-field {
  position: absolute; display: none; pointer-events: auto; box-sizing: border-box; margin: 0;
  background: #0f0c18; color: #f4ecd8; border: 2px solid #4a4160; border-radius: 0; padding: 0 6px;
  font-family: ui-monospace, 'Cascadia Mono', Menlo, Consolas, monospace; font-weight: 700; outline: none;
  -webkit-user-select: text; user-select: text; touch-action: manipulation;
}
.tw-field:focus { border-color: #ffd23f; }
.tw-field::placeholder { color: #7d7392; }
.nojs { color: #f4ecd8; font: 16px monospace; text-align: center; margin-top: 40vh; }