/* TulzTown — 도트 마을 */
#tt-wrap { max-width: 860px; }

.tt-title {
  font-family: "Courier New", monospace;
  font-weight: 900;
  letter-spacing: 6px;
  color: #2f6b3a;
  text-shadow: 2px 2px 0 #b7e4c7;
}
.tt-sub { color: #6c757d; font-size: 0.95rem; }
.tt-ghost-badge { color: #7c8aa0; font-weight: 700; }
.tt-me-badge { color: #2f6b3a; font-weight: 700; }

.tt-stage-outer {
  border: 4px solid #2f6b3a;
  border-radius: 8px;
  overflow: hidden;
  background: #87c76f;
  box-shadow: 0 6px 0 #1e4726;
}
#tt-canvas {
  display: block;
  width: 100%;
  height: auto;
  image-rendering: pixelated;
  touch-action: none;
  cursor: crosshair;
}

.tt-chat-log {
  height: 160px;
  overflow-y: auto;
  background: #f6fbf4;
  border: 2px solid #cfe8d5;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 0.9rem;
}
.tt-chat-log .line { margin-bottom: 2px; }
.tt-chat-log .line.sys { color: #8aa593; font-size: 0.82rem; font-style: italic; }
.tt-chat-log .nick { font-weight: 700; color: #2f6b3a; }
.tt-chat-log .nick.ghost { color: #7c8aa0; }

.tt-dpad { text-align: center; }
.tt-dpad button {
  width: 52px; height: 52px;
  margin: 2px;
  font-size: 1.2rem;
  border: 2px solid #2f6b3a;
  border-radius: 8px;
  background: #d8f3dc;
  color: #2f6b3a;
}
.tt-dpad button:active { background: #95d5a6; }