body {
  margin: 0; background-color: #000; color: white;
  font-family: monospace; display: flex; justify-content: center;
  height: 100vh; overflow: hidden; touch-action: none;
}
#game-container {
  display: flex; flex-direction: column; width: 100vw; max-width: 450px; height: 100%;
}
#game-header {
  display: flex; justify-content: space-between; align-items: center;
  padding: 5px 15px; background: #111; border-bottom: 2px solid #00ff88; font-size: 14px;
}
.stat { font-weight: bold; }

canvas { background-color: black; image-rendering: pixelated; width: 100%; aspect-ratio: 1/1; }

#task-area { display: flex; flex-direction: row; background: #000; flex: 1; max-height: 70px; }
.task-col {
  flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center;
  border: 1px solid #111; transition: background-color 0.2s;
}
.p-blue { background-color: #0033cc; }
.c-red { background-color: #990000; }
.action-mode { background-color: #222 !important; color: #00ff88; }

.mini-label { font-size: 9px; font-weight: bold; opacity: 0.8; margin-bottom: 2px; }
#p-math, #c-math { font-size: 18px; font-weight: bold; }

/* ... (vorheriges CSS beibehalten) ... */
.coin { color: #ffd700; font-weight: bold; }

/* ... vorheriges CSS beibehalten ... */
#skip-btn {
  background: #ff00ff; color: white; border: none; border-radius: 4px;
  padding: 4px 12px; font-family: monospace; font-weight: bold;
  font-size: 14px; display: none; /* Wird per JS eingeblendet */
  box-shadow: 0 0 10px rgba(255, 0, 255, 0.5);
}
#skip-btn:active { background: #cc00cc; transform: scale(0.95); }

#start-overlay {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.95);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 100;
  color: white;
  text-align: center;
  padding: 20px;
}

#start-overlay h1 {
  color: #00ff88;
  font-size: 3rem;
  margin-bottom: 10px;
  text-shadow: 0 0 15px #00ff88;
}

#start-btn {
  margin-top: 30px;
  padding: 15px 30px;
  font-size: 1.5rem;
  background: #0066ff;
  color: white;
  border: none;
  border-radius: 10px;
  font-family: monospace;
  font-weight: bold;
  box-shadow: 0 0 20px rgba(0, 102, 255, 0.6);
}

#start-btn:active {
  transform: scale(0.95);
}