:root{ --brand:#0f766e; --brand-2:#115e59; }
.btn-primary{ background:var(--brand); border-color:var(--brand); }
.btn-success{ background:var(--brand-2); border-color:var(--brand-2); }
.navbar-brand{ letter-spacing:0.2px }
.rounded-circle{ box-shadow:0 6px 20px rgba(2,8,23,.12) }
.card{ border-radius:16px }
body{ font-feature-settings:"cv02","cv03","ss01" }

/* Touchpad nur auf Geräten ohne Hover zeigen */
@media (hover: hover) and (pointer: fine){ .touchpad { display:none; } }
.touchpad{
  position: fixed; left: 0; right: 0; bottom: 16px; display: flex;
  justify-content: space-between; gap: 12px; padding: 0 16px; z-index: 50;
}
.touchgrp{ display:flex; gap:12px; }
.tbtn{
  min-width:64px; min-height:64px; border-radius:14px; font-size:20px;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.05));
  color:#e6f1ff; backdrop-filter: blur(6px);
}
.tbtn:active{ transform: scale(.98); }