:root{--bg:#21496f;--bg-deep:#16314b;--card:rgba(220,232,245,.08);--fg:#dce8f5;--muted:#a8bfd4;--line:rgba(220,232,245,.18);
  --go:#4fd06a;--cau:#f0b13a;--no:#ff6b6b;--accent:#e07b20;--nav-link:#cdd8e8}
*{box-sizing:border-box}
/* Nav + Footer kommen jetzt aus dem GETEILTEN drohne-base.css (transparente Overlay-Nav,
   einheitlich auf allen Drohne-Seiten). Hier KEINE eigene Nav/Footer-CSS mehr. */
/* Scrollbars im Säulen-Design (Drohne: Navy-Track + oranger Thumb), nie OS-Default */
*{scrollbar-width:thin;scrollbar-color:rgba(224,123,32,.65) rgba(220,232,245,.07)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:rgba(220,232,245,.06);border-radius:8px}
::-webkit-scrollbar-thumb{background:rgba(224,123,32,.55);border-radius:8px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:rgba(224,123,32,.85)}
body{margin:0;background:linear-gradient(180deg,var(--bg-deep),var(--bg) 55%);background-attachment:fixed;color:var(--fg);font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;padding:22px 14px}
.wrap{max-width:1000px;margin:0 auto}
h1{font-size:21px;margin:0 0 2px}
.sub{color:var(--muted);font-size:13px;margin:0 0 14px}
.bar{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:0 0 12px}
label{display:block;font-size:11px;color:var(--muted);margin:0 0 4px;text-transform:uppercase;letter-spacing:.06em}
html{color-scheme:dark}
select,input{background:var(--card);border:1px solid var(--line);border-radius:8px;color:var(--fg);padding:9px 11px;font-family:inherit;font-size:14px;color-scheme:dark}
select option,select optgroup{background:#16314b;color:#dce8f5}
button{background:var(--accent);border:0;border-radius:8px;color:#06121f;font-weight:600;padding:10px 16px;font-family:inherit;font-size:14px;cursor:pointer}
button.ghost{background:transparent;border:1px solid var(--line);color:var(--fg)}
.times{display:flex;gap:6px;margin:0 0 14px;flex-wrap:wrap}
.times button{background:var(--card);border:1px solid var(--line);color:var(--muted);padding:7px 13px;font-weight:500}
.times button.on{background:var(--accent);color:#06121f;font-weight:600;border-color:var(--accent)}
.verdict{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin:0 0 14px}
.lamp{width:60px;height:60px;border-radius:50%;flex:none;box-shadow:0 0 0 6px rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center}
#bestPanel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:0 0 14px}
.slot{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line)}
.slot:first-child{border-top:0}
.slot .when{font-weight:600;font-size:14px} .slot .meta{font-size:12px;color:var(--muted);margin-left:auto}
.verdict h2{margin:0;font-size:23px}
.verdict p{margin:3px 0 0;color:var(--muted);font-size:13px}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px;margin:0 0 14px}
.cat{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:13px 15px}
.cat>h3{display:flex;align-items:center;gap:8px;margin:0 0 11px;font-size:14px;font-weight:600}
.cat>h3 svg{width:18px;height:18px;color:var(--accent)}
.cat>h3 .hint{margin-left:auto;font-weight:400;font-size:11px;color:var(--muted)}
.row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px 8px 8px;border-top:1px solid var(--line);border-left:3px solid transparent;border-radius:0 6px 6px 0}
.row:first-of-type{border-top:0}
.row.s-cau{border-left-color:var(--cau);background:rgba(240,177,58,.13)}
.row.s-no{border-left-color:var(--no);background:rgba(255,107,107,.15)}
.row .lab{font-size:13px;color:var(--muted)}
.row.s-cau .lab,.row.s-no .lab{color:var(--fg)}
.row .val{font-size:15px;font-weight:600;display:flex;align-items:center;gap:7px}
.dot{width:9px;height:9px;border-radius:50%;flex:none}
.windarrow{width:16px;height:16px}
#map{height:280px;border-radius:12px;border:1px solid var(--line);margin:0 0 14px}
.legal{background:rgba(224,160,32,.08);border:1px solid rgba(224,160,32,.25);border-radius:10px;padding:11px 13px;margin:0 0 14px;font-size:12.5px;line-height:1.6}
.cta-premium{background:rgba(224,123,32,.12);border:1px solid rgba(224,123,32,.42);border-radius:10px;padding:11px 14px;margin:0 0 14px;font-size:13px;line-height:1.55}
.note{font-size:12px;color:var(--muted);line-height:1.6}
.note b{color:#cdd4db}
.pill{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;background:rgba(224,160,32,.16);color:#e0a020;margin-left:6px}
.src{font-size:11px;color:#6b747d;margin-top:10px;border-top:1px solid var(--line);padding-top:10px}
.todo{font-size:11px;color:#e0a020}
#searchRes{display:none;position:absolute;top:100%;left:0;width:min(440px,100%);z-index:60;background:#16314b;border:1px solid rgba(220,232,245,.28);border-radius:8px;margin-top:4px;max-height:240px;overflow:auto;box-shadow:0 12px 30px rgba(0,0,0,.5)}
#searchRes div{padding:8px 11px;cursor:pointer;font-size:13px;border-top:1px solid var(--line)}
#searchRes div:first-child{border-top:0}
#searchRes div:hover{background:rgba(224,123,32,.2)}
button.ghost.on{background:var(--accent);color:#06121f;border-color:var(--accent)}
@media(max-width:600px){
  body{padding:14px 9px}
  h1{font-size:18px}
  .bar{gap:8px}
  .bar>div{flex:1 1 38%}
  .bar button{flex:1 1 auto}
  .verdict{padding:14px;gap:12px}
  .verdict h2{font-size:19px}
  .lamp{width:48px;height:48px}
  .cats{grid-template-columns:1fr}
}