/* Fen Bilimleri 7 · keşif istasyonları — koyu "görev ekranı" teması (kit.js hedef/soru/seçim + veri panelleri) */
:root{--cam:rgba(8,18,40,.9);--cam2:rgba(14,30,62,.92);--cizgi:#4fc3ff;--cizgi2:rgba(79,195,255,.35);--yazi:#e8f4ff;--soluk:#9fb8d8;--vurgu:#ffd166;--ok:#3ddc97;--hata:#ff6b6b}
.hedef{position:absolute;left:30px;top:96px;width:520px;z-index:12;border-radius:18px;background:var(--cam);border:2px solid var(--cizgi2);padding:14px 18px;box-shadow:0 14px 30px rgba(0,0,0,.45);backdrop-filter:blur(6px);color:var(--yazi)}
.hedef small{display:block;font-weight:900;font-size:14px;letter-spacing:.08em;color:var(--cizgi);text-transform:uppercase}
.hedef b{display:block;font-family:var(--f-baslik);font-size:23px;line-height:1.25;color:var(--yazi);margin-top:4px}
.soru{position:absolute;left:0;right:0;top:16px;text-align:center;z-index:25;pointer-events:none}
.soru b{display:inline-block;font-family:var(--f-baslik);font-weight:800;font-size:25px;color:var(--yazi);background:var(--cam2);border:2px solid var(--cizgi);border-radius:16px;padding:5px 24px;box-shadow:0 10px 24px rgba(0,0,0,.4)}
.secim{position:absolute;left:30px;top:330px;width:520px;display:grid;grid-template-columns:1fr;gap:10px;z-index:16}
.secim button{border:2px solid var(--cizgi);border-radius:14px;padding:11px 14px;font-family:var(--f-baslik);font-weight:800;font-size:22px;line-height:1.2;color:var(--yazi);background:linear-gradient(#173665,#0f2448);box-shadow:0 5px 0 #08162e;text-align:left}
.secim button:hover{background:linear-gradient(#1f4580,#143060)}
.secim button.sondu{opacity:.3;pointer-events:none}
.balon{background:#f4f8ff;border-color:#2c6fb3;font-size:18px;line-height:1.32;padding:10px 16px}
.balon b{color:#1d5fa8}
.dugme{background:linear-gradient(#5fd3ff,#2a9fd8);color:#06213d;box-shadow:0 6px 0 #17699a,0 10px 20px rgba(0,0,0,.35)}
.dugme:active{box-shadow:0 2px 0 #17699a}
/* veri paneli: ölçüm göstergeleri */
.panel{position:absolute;z-index:14;background:var(--cam);border:2px solid var(--cizgi2);border-radius:16px;padding:12px 16px;color:var(--yazi);box-shadow:0 12px 26px rgba(0,0,0,.45)}
.panel h4{margin:0 0 6px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--cizgi)}
.olcum{display:flex;justify-content:space-between;align-items:baseline;gap:14px;font-weight:800;font-size:18px;color:var(--soluk);padding:3px 0}
.olcum b{font-family:var(--f-baslik);font-size:26px;color:var(--yazi);font-variant-numeric:tabular-nums}
.olcum b.ok{color:var(--ok)}.olcum b.uyar{color:var(--vurgu)}.olcum b.kotu{color:var(--hata)}
.kaydir{display:flex;flex-direction:column;gap:4px;margin:6px 0}
.kaydir label{display:flex;justify-content:space-between;font-weight:800;font-size:17px;color:var(--soluk)}
.kaydir label b{color:var(--yazi);font-family:var(--f-baslik);font-size:22px}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:34px;background:transparent;touch-action:none}
input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:5px;background:linear-gradient(90deg,#1c4c86,#4fc3ff)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;margin-top:-12px;border-radius:50%;background:#fff;border:4px solid var(--cizgi);box-shadow:0 3px 8px rgba(0,0,0,.4)}
.uc{position:absolute;z-index:6}
.uc canvas{display:block;touch-action:none}
.etiket3{position:absolute;z-index:9;pointer-events:none;transform:translate(-50%,-130%);white-space:nowrap;font-weight:900;font-size:16px;color:#fff;background:rgba(8,18,40,.8);border:1px solid var(--cizgi2);border-radius:8px;padding:2px 8px}
.kart7{border-radius:14px;background:var(--cam2);border:2px solid var(--cizgi2);color:var(--yazi);font-weight:800;font-size:19px;line-height:1.25;padding:10px 14px;box-shadow:0 6px 0 #08162e;cursor:grab;touch-action:none}
.kart7.dogru{border-color:var(--ok);box-shadow:0 0 0 3px rgba(61,220,151,.35)}
.kart7.yanlis{border-color:var(--hata)}