/* BRUTAL.IO REBORN V0.2.24 · Asset Skin aus Android APK v1.3.0.
   Ausschliesslich Darstellung. Kein Canvas-/Netzwerk-Hook, keine Physik.
   Bestehende Touchaktionen und Desktop-Steuerung bleiben erhalten. */
:root { --dw024-original-asset: url('assets/daywalker-original-v024/joystick_out.png'); }
body.dw-original-v024 #overlay {
  /* Nur das Startmenue, keine Gittertaeuschung ueber dem aktiven Spielfeld. */
  background-image: linear-gradient(140deg, rgba(1,7,15,.88), rgba(0,23,35,.80)),
    url('assets/daywalker-original-v024/grid.png');
  background-repeat: no-repeat, repeat;
  background-size: cover, 128px 128px;
  background-position: center;
}
body.dw-original-v024 #overlay .dw-original-logo-v024 {
  display: block;
  max-width: min(100%, 490px);
  width: 100%;
  height: auto;
  object-fit: contain;
  margin: 0 auto;
  filter: drop-shadow(0 0 14px rgba(0,235,255,.28));
}
body.dw-original-v024 #overlay .dw-original-brand-v024 {
  color: inherit;
  font-size: inherit;
  text-align: center;
  line-height: 1;
  width: min(100%,520px);
}
body.dw-original-v024 #overlay .dw-reborn-subtitle-v024 {
  display:block;
  color: #a2ecf8;
  font: 800 clamp(10px,1.8vmin,14px)/1.45 system-ui,sans-serif;
  letter-spacing: .22em;
  text-align:center;
  margin-top: 7px;
  text-shadow:0 0 9px rgba(0,219,255,.36);
}
/* Originalgrafik fuer PLAY, Text bleibt sichtbar und anklickbar. */
body.dw-original-v024 #overlay #playButton {
  background: url('assets/daywalker-original-v024/BtnNormal.png') center / 100% 100% no-repeat;
  border: 0;
  color: #e2feff;
  text-shadow: 0 1px 4px #00111a;
  box-shadow: none;
  min-height: 44px;
}
body.dw-original-v024 #overlay #playButton:hover,
body.dw-original-v024 #overlay #playButton:focus-visible,
body.dw-original-v024 #overlay #playButton:active {
  background-image:url('assets/daywalker-original-v024/BtnPressed.png');
}
body.dw-original-v024 #overlay #playButton:focus-visible { outline: 2px solid #b9f9ff; outline-offset: 2px; }
/* Originales Eingabefeld aus der Android-Version; nur typische Namensfelder. */
body.dw-original-v024 #overlay input#nick,
body.dw-original-v024 #overlay input#nickname,
body.dw-original-v024 #overlay input#playerName,
body.dw-original-v024 #overlay input#nameInput {
  background: url('assets/daywalker-original-v024/InputText.png') center / 100% 100% no-repeat;
  color: #e0ffff;
  text-shadow: 0 1px 2px #001a24;
  border: 0;
}
/* Original-Hintergrund, ohne die Kartenlage oder Koordinaten zu veraendern. */
body.dw-original-v024 #minimap,
body.dw-original-v024 #miniMap {
  background-image: url('assets/daywalker-original-v024/minimap_bg.png');
  background-position: center;
  background-size: 100% 100%;
}
/* V0.2.21 / 0.2.22: Original-Joystick-Bitmap statt synthetischem Farbverlauf. */
body.dw-touch-enabled.dw-touch-playing #dw-touch-controls .dw-stick {
  border: 2px solid rgba(66, 236, 255, .84);
  background: url('assets/daywalker-original-v024/joystick_out.png') center / 100% 100% no-repeat;
  box-shadow: inset 0 0 16px #00d5ef11, 0 0 15px #00d5ef2e;
}
body.dw-touch-enabled.dw-touch-playing #dw-touch-controls .dw-stick::after { display:none; }
body.dw-touch-enabled.dw-touch-playing #dw-touch-controls .dw-knob {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 50%;
  box-shadow: none;
  background: url('assets/daywalker-original-v024/joystick_in.png') center / 100% 100% no-repeat;
  /* transform wird absichtlich NICHT geaendert: Joystick-JavaScript steuert ihn. */
}
/* Transparenter rechter Ring, wie in V0.2.22 gewuenscht. Kein Text/Knauf. */
body.dw-touch-enabled.dw-touch-playing #dw-touch-controls .dw-action {
  border: 2px solid rgba(66,236,255,.84);
  background: url('assets/daywalker-original-v024/joystick_out.png') center / 100% 100% no-repeat;
  color: transparent;
  box-shadow: inset 0 0 16px #00d5ef0c, 0 0 15px #00d5ef2e;
  font-size: 0;
}
body.dw-touch-enabled.dw-touch-playing #dw-touch-controls .dw-action[aria-pressed='true'] {
  border-color: rgba(163,248,255,.98);
  background: url('assets/daywalker-original-v024/joystick_out.png') center / 100% 100% no-repeat;
  box-shadow: 0 0 24px #00d5ef77;
}
body.dw-touch-enabled.dw-touch-playing #dw-touch-controls .dw-action-label,
body.dw-touch-enabled.dw-touch-playing #dw-touch-controls .dw-help {display: none !important;}
/* Das native Bitmap ist grautransparent. Per Medienabfrage nur auf Touchgeraeten.
   Desktop bleibt frei von virtuellen Steuerelementen. */
@media (prefers-reduced-motion: reduce) {
  body.dw-original-v024 #overlay .dw-original-logo-v024 {filter:none;}
}
