body { margin: 0; background: #1b1f27; color: #e8e6e3; font-family: 'Segoe UI', sans-serif; }
#game { position: relative; width: 1280px; height: 720px; margin: 0 auto; }
#game canvas { position: absolute; left: 0; top: 0; display: block; }

.report-button {
  position: absolute; right: 16px; bottom: 16px; z-index: 2;
  width: 36px; height: 36px; padding: 6px;
  border: 1px solid #4a5568; border-radius: 8px;
  background: #2d3748; color: #cbd5e0; cursor: pointer;
}
.report-button:hover { background: #4a5568; color: #fff; }
.report-button[hidden] { display: none; }
.beetle-icon { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

.report {
  width: min(520px, calc(100vw - 32px)); padding: 0;
  border: 1px solid #4a5568; border-radius: 10px;
  background: #232833; color: #e8e6e3;
}
.report::backdrop { background: rgba(10, 12, 16, 0.6); }
.report__form { display: flex; flex-direction: column; gap: 10px; padding: 20px; }
.report__form:focus { outline: none; }
.report__head { display: flex; gap: 12px; align-items: flex-start; }
.report__head h2 { margin: 0 0 4px; font-size: 18px; }
.report__beetle { flex: none; width: 28px; height: 28px; color: #a0aec0; }
.hint { margin: 0; font-size: 13px; color: #a0aec0; line-height: 1.4; }
.report__label { font-size: 14px; }
.report__text {
  resize: vertical; min-height: 110px; padding: 8px;
  border: 1px solid #4a5568; border-radius: 6px;
  background: #1b1f27; color: #e8e6e3; font: inherit;
}
.report__text:focus { outline: 2px solid #38a169; outline-offset: 1px; }
.report__meta { display: flex; justify-content: space-between; gap: 12px; min-height: 18px; }
.report__error { margin: 0; font-size: 13px; color: #feb2b2; }
.report__count { margin-left: auto; white-space: nowrap; }
.report__count--over { color: #feb2b2; }
.report__actions { display: flex; justify-content: flex-end; gap: 8px; }
.button {
  padding: 8px 16px; border: 0; border-radius: 6px;
  background: #38a169; color: #fff; font: inherit; cursor: pointer;
}
.button:disabled { background: #39414f; cursor: default; }
.button--quiet { background: #2d3748; }