/* Ziyaretçinin kendi denediği bölümler: mini CTF, oltalama testi, tehdit radarı. */

/* ---------- ctf ---------- */
.ctf{background:var(--kagit)}
.ctf__masa{display:grid;grid-template-columns:minmax(200px,.32fr) minmax(0,1fr);gap:clamp(18px,3vw,36px);align-items:start}
.ctf__ray{display:grid;gap:10px}
.ctf__seviye{display:block;width:100%;padding:12px 14px;text-align:left;background:var(--kagit);border:3px solid var(--murekkep);box-shadow:var(--golge);transition:transform .08s steps(2)}
.ctf__seviye:hover:not(:disabled){transform:translate(-2px,-2px)}
.ctf__seviye span{display:block;font:400 12px/1.4 var(--mono);color:var(--soluk)}
.ctf__seviye b{font:400 26px/1.1 var(--serif)}
.ctf__seviye[aria-current=true]{background:var(--hardal);box-shadow:var(--golge-k)}
.ctf__seviye.cozuldu b::after{content:" ✓";color:#1F6B3A}
.ctf__seviye:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
.ctf__seviye:disabled b::after{content:" · kilitli";font:400 12px/1 var(--mono)}
.ctf__sahne{min-height:440px;padding:clamp(16px,2.4vw,28px);background:var(--gece);color:var(--kagit);border:3px solid var(--murekkep);box-shadow:12px 12px 0 var(--kirmizi);font:400 14px/1.5 var(--mono)}
.ctf__dosya{color:var(--hardal);margin-bottom:8px}
.ctf__gorev{font:400 clamp(16px,1.3vw,19px)/1.45 var(--govde);margin-bottom:16px;max-width:62ch}
.ctf__icerik{margin-bottom:16px}
.ctf__arama{display:flex;align-items:center;gap:12px;margin-bottom:8px;color:var(--celik)}
.ctf__arama input,.ctf__form input{flex:1;min-width:0;min-height:42px;padding:6px 10px;background:#0C0F12;border:2px solid var(--celik-koyu);color:var(--kagit);font:400 14px/1 var(--mono)}
.ctf__dizgi{height:210px;overflow:auto;padding:10px 12px;background:#0C0F12;color:var(--acik-yazi);white-space:pre-wrap;word-break:break-all;font-size:13px}
.ctf__hex{padding:10px 12px;background:#0C0F12;color:var(--acik-yazi);word-spacing:.2em;margin-bottom:12px}
.ctf__anahtar{display:block;color:var(--celik)}
.ctf__anahtar b{color:var(--hardal)}
.ctf__anahtar input[type=range]::-webkit-slider-runnable-track{background:var(--kagit)}
.ctf__anahtar input[type=range]::-moz-range-track{background:var(--kagit)}
.ctf__cikti{display:block;margin-top:8px;padding:12px;background:var(--kagit);color:var(--murekkep);font:700 clamp(14px,1.7vw,20px)/1.3 var(--mono);word-break:break-all}
.ctf__karar{display:inline-block;padding:4px 10px;margin-bottom:10px;background:#8FD49B;color:var(--murekkep)}
.ctf__satirlar{display:grid;gap:6px}
.ctf__satirlar button{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;width:100%;padding:8px 10px;background:#0C0F12;border:2px solid transparent;color:var(--acik-yazi);text-align:left;font:400 13px/1.4 var(--mono)}
.ctf__satirlar button span{color:var(--celik-koyu)}
.ctf__satirlar button:hover:not(:disabled){border-color:var(--hardal)}
.ctf__satirlar button.yanlis{opacity:.45;text-decoration:line-through}
.ctf__satirlar button.dogru{background:var(--hardal);color:var(--murekkep)}
.ctf__satirlar button.dogru span{color:var(--murekkep)}
.ctf__geri{min-height:1.5em;margin-top:8px;color:var(--celik)}
.ctf__alt{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ctf__form{display:flex;flex:1;gap:8px;min-width:min(100%,260px)}
.ctf__form .dugme--kucuk{box-shadow:4px 4px 0 var(--kirmizi)}
.ctf__mesaj{min-height:1.5em;margin-top:10px;color:var(--hardal)}
.ctf__ders{padding:10px 12px;border-left:5px solid #8FD49B;background:#0C0F12;font:400 15px/1.45 var(--govde)}
.ctf__ders b{color:#8FD49B}
.ctf__sonraki{margin-top:6px}
.ctf__bitis{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;min-height:380px}
.ctf__bitis h3{font:400 clamp(34px,4.6vw,64px)/1 var(--serif);color:var(--kagit)}
.ctf__damga{padding:6px 14px;border:4px solid var(--hardal);color:var(--hardal);font:700 22px/1 var(--mono);transform:rotate(-4deg);animation:damga .28s steps(4) both}

/* ---------- oltalama ---------- */
.olta{background:var(--gece)}
.olta__izgara{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,72px);align-items:start}
.olta .baslik{margin-bottom:0;display:block}
.olta .baslik h2{margin-bottom:16px}
.olta__ilerleme{display:flex;gap:8px;margin-top:20px}
.olta__ilerleme i{width:26px;height:12px;border:2px solid var(--celik-koyu)}
.olta__ilerleme i.dogru{background:#8FD49B;border-color:#8FD49B}
.olta__ilerleme i.yanlis{background:var(--kirmizi);border-color:var(--kirmizi)}
.olta__sahne{display:grid;gap:14px;min-height:430px;align-content:start}
.olta__ornek{padding:16px 18px;background:var(--kagit);color:var(--murekkep);border:3px solid var(--murekkep);box-shadow:10px 10px 0 var(--kirmizi);font-size:17px;line-height:1.45;overflow-wrap:anywhere}
.olta__kimden{font:400 13px/1.4 var(--mono);color:var(--soluk);margin-bottom:6px}
.olta__konu{font:400 26px/1.15 var(--serif);margin-bottom:8px}
.olta__balon{display:inline-block;max-width:92%;padding:10px 12px;background:#fff;border:2px solid var(--murekkep)}
.olta__adres{padding:6px 10px;margin-bottom:12px;background:var(--gece);color:var(--kagit);font:400 14px/1.4 var(--mono)}
.olta__giris{display:grid;gap:6px;max-width:240px;margin-top:10px}
.olta__giris i{height:26px;background:#fff;border:2px solid var(--murekkep)}
.olta__giris b{padding:5px;background:var(--mavi);color:var(--kagit);text-align:center;font:700 13px/1.2 var(--mono)}
.olta__ornek mark{background:none;color:inherit}
.olta__aciklama.acik ~ *,.olta__sahne:has(.olta__aciklama.acik) mark{background:var(--hardal);color:var(--murekkep)}
.olta__aciklama{display:grid;gap:10px;justify-items:start;color:var(--kagit);font-size:17px}
.olta__aciklama b{color:var(--hardal)}
.olta__damga{padding:4px 12px;border:3px solid currentColor;font:700 15px/1.2 var(--mono);transform:rotate(-3deg);animation:damga .26s steps(4) both}
.olta__damga--sahte{color:#F07A66}
.olta__damga--gercek{color:#8FD49B}
.olta__sonuc{display:grid;gap:8px;justify-items:start;color:var(--kagit)}
.olta__puan{font:400 clamp(72px,11vw,150px)/.95 var(--serif);color:var(--hardal)}
.olta__sonuc h3{font:400 clamp(30px,3.6vw,48px)/1.05 var(--serif)}
.olta__sonuc p:not(.olta__puan){margin-bottom:10px;font-size:17px}

/* ---------- radar ---------- */
.radar{background:var(--mavi)}
.radar__izgara{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,72px);align-items:start}
.radar .baslik{display:block;margin-bottom:24px}
.radar .baslik h2{margin-bottom:16px}
.radar .kunye-satiri{color:var(--kagit)}
.radar .baslik>p:not(.kunye-satiri){color:var(--kagit)}
.radar .y{text-shadow:.045em .045em 0 var(--murekkep)}
.radar__form{display:flex;gap:12px;margin-bottom:20px;max-width:520px}
.radar__form input{flex:1;min-width:0;min-height:52px;padding:8px 12px;background:var(--kagit);border:3px solid var(--murekkep);box-shadow:var(--golge);font:400 17px/1 var(--mono);color:var(--murekkep)}
.radar__form .dugme--hardal{box-shadow:var(--golge)}
.radar__ekran{width:100%;max-width:460px;aspect-ratio:1;justify-self:center;border-radius:50%;border:5px solid var(--murekkep);box-shadow:12px 12px 0 var(--murekkep);background:var(--gece)}
.radar__sonuc{color:var(--kagit)}
.radar__uyari{padding:8px 12px;background:var(--gece)}
.radar__puan{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}
.radar__puan b{font:400 clamp(56px,7vw,92px)/1 var(--serif);color:var(--hardal)}
.radar__puan span{font:400 13px/1.3 var(--mono)}
.radar__bulgu,.radar__yerler{display:grid;gap:8px;margin-bottom:16px}
.radar__bulgu li{padding:10px 12px;background:var(--gece);font-size:15px;line-height:1.4}
.radar__bulgu b{display:block;font:700 13px/1.4 var(--mono);color:var(--hardal)}
.radar__yerler li{font-size:15px;line-height:1.4}
.radar__yerler b{font-weight:700;margin-right:6px}
.radar__yerler b::after{content:":"}
.radar__sonuc .etiket--acik{color:var(--kagit);margin-bottom:8px}
.radar__not{font:400 13px/1.5 var(--mono);color:var(--kagit)}

/* ---------- paylaşım ---------- */
.paylas{display:grid;gap:8px;width:100%}
.paylas__etiket{font:400 12px/1.4 var(--mono);opacity:.85}
.paylas__tuslar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.paylas .cip{display:inline-flex;align-items:center;text-decoration:none}

/* ---------- kontrol listesi ---------- */
.kontrol{background:var(--kagit)}
.kontrol__masa{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:clamp(20px,4vw,56px);align-items:start}
.kontrol__liste{border-top:3px solid var(--murekkep)}
.kontrol__madde{display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;padding:12px 4px;border-bottom:2.5px solid var(--murekkep);cursor:pointer;font-size:15px;line-height:1.4;color:var(--soluk)}
.kontrol__madde:hover{background:#F6EFDF}
.kontrol__madde b{display:block;font:500 18px/1.3 var(--govde);color:var(--murekkep)}
.kontrol__madde input{appearance:none;width:28px;height:28px;margin:0;border:3px solid var(--murekkep);background:#fff;display:grid;place-items:center;cursor:pointer}
.kontrol__madde input:checked{background:var(--hardal);box-shadow:3px 3px 0 var(--kirmizi)}
.kontrol__madde input:checked::after{content:"✓";font:700 18px/1 var(--mono);color:var(--murekkep)}
.kontrol__madde:has(input:checked) b{text-decoration:line-through;text-decoration-color:var(--kirmizi);text-decoration-thickness:2px}
.kontrol__sonuc{position:sticky;top:calc(var(--ust) + 20px);display:grid;gap:12px;padding:22px;background:var(--gece);color:var(--kagit);border:3px solid var(--murekkep);box-shadow:12px 12px 0 var(--kirmizi)}
.kontrol__puan{font:400 clamp(64px,8vw,104px)/1 var(--serif);color:var(--hardal);font-variant-numeric:tabular-nums}
.kontrol__cubuk{--oran:0%;height:16px;border:3px solid var(--kagit)}
.kontrol__cubuk span{display:block;height:100%;width:var(--oran);background:var(--hardal);transition:width .24s steps(5)}
.kontrol__not{min-height:4.2em;font-size:16px;line-height:1.45}
.kontrol__sonuc .cip{background:var(--kagit)}

/* ---------- sonuç sayfası ---------- */
.sonuc-sayfa{min-height:100svh;display:grid;gap:18px;align-content:center;justify-items:center;padding:var(--kenar);background:var(--gece);color:var(--kagit);text-align:center}
.sonuc-sayfa .marka{color:var(--kagit)}
.sonuc-sayfa img{width:min(100%,860px);border:3px solid var(--murekkep);box-shadow:12px 12px 0 var(--kirmizi)}
.sonuc-sayfa h1{margin-top:12px;font:400 clamp(30px,5vw,56px)/1.05 var(--serif)}
.sonuc-sayfa .dugmeler{justify-content:center}

@media (max-width:980px){
  .ctf__masa,.olta__izgara,.radar__izgara,.kontrol__masa{grid-template-columns:minmax(0,1fr)}
  .kontrol__sonuc{position:static;order:-1}
  .ctf__ray{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ctf__seviye b{font-size:20px}
  .ctf__seviye:disabled b::after{content:""}
  .radar__ekran{order:-1;max-width:300px}
  .olta__sahne{min-height:0}
}
@media (max-width:620px){
  .ctf__sahne{box-shadow:6px 6px 0 var(--kirmizi)}
  .ctf__satirlar button{grid-template-columns:minmax(0,1fr);gap:0}
}