/* ====== Hamburger Dükkanı Oyunu (canvas + sprite) ====== */

/* Oyun aktifken uygulamayı genişlet */
.app:has(#screen-burger.active) { max-width: 980px; }

.burger-card { position: relative; padding: 18px 20px 20px; }

.burger-wrap { position: relative; width: 100%; line-height: 0; }

#burger-canvas {
  width: 100%;
  display: block;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: #2a1c10;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  cursor: grab;
}
#burger-canvas.grabbing { cursor: grabbing; }

@media (max-width: 700px) {
  .burger-card { padding: 14px 12px 16px; }
}

/* Geri bildirim balonu (burger + pati cafe ortak) */
.sosis-feedback {
  position: absolute;
  left: 50%;
  top: 14px;
  transform: translateX(-50%) translateY(-6px);
  background: rgba(15, 23, 42, 0.92);
  border: 1px solid var(--border);
  padding: 7px 16px;
  border-radius: 99px;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s, transform .2s;
  z-index: 5;
}
.sosis-feedback.show { opacity: 1; transform: translateX(-50%) translateY(0); }
.sosis-feedback.good { color: #86efac; border-color: #22c55e; }
.sosis-feedback.bad  { color: #fca5a5; border-color: var(--danger); }