/* Malware Analyst — arena kabuğu (hr-arena-shell) için OYUN ADAPTÖRÜ stilleri (hr-arena-malware.js).
 *
 * Sınıflar `ar-ma-` önekli, animasyonlar `hr-ma-` önekli. Kanıt-masası / teşhis-lab görsel dili kullanıcının mevcut
 * Malware Analyst tasarımıyla aynıdır: kare köşeler, mor mühür vurgusu, aether-yeşil "belirleyici kanıt", altın ipucu,
 * 8 tipli teşhis ızgarası. `.ar-theme-malware` = YARIŞ SAHNESİ TEMA YUVASI: yalnız renk/kenar değişkenleri + kare köşe.
 * Premium kanıt-masası sahne görseli F8'de `--ar-backdrop` ve `.ar-content` yuvasına BAĞLANDI (bkz. aşağıdaki 'yarış sahnesi arka planı' bloğu). */

/* ── tema yuvası ── */
.ar-theme-malware{--ar-accent:var(--hr-accent,#b06cff);--ar-accent-2:var(--hr-accent-2,#f5c451);--ar-ok:#00ff9c}
.ar-theme-malware .ar-stage,.ar-theme-malware .ar-arena,.ar-theme-malware .ar-ranks,.ar-theme-malware .ar-btn,.ar-theme-malware .ar-box,
.ar-theme-malware .ar-pcard,.ar-theme-malware .ar-metrics,.ar-theme-malware .ar-dlrow,.ar-theme-malware .ar-input,.ar-theme-malware .ar-pod,
.ar-theme-malware .ar-lrow,.ar-theme-malware .ar-codebox,.ar-theme-malware .ar-slow,.ar-theme-malware .ar-tab{border-radius:0}
.ar-theme-malware .ar-title{display:none} /* sayfa kahramanı zaten "Malware Analyst" başlığını taşır */
.ar-theme-malware .ar-head{margin-bottom:10px}
.ar-theme-malware .ar-stage{min-height:0}
.ar-theme-malware .ar-pane{padding:clamp(16px,2.4vh,26px)}
/* ── yarış sahnesi arka planı (F8, onaylı Codex görseli assets/arena-scenes/race-malware.webp) ──
 * Lobi/bekleme: kabuğun hafif maskeli --ar-backdrop katmanı (opacity .14). Yarış + bitiş: sahne tam kapsar; HUD/metin
 * okunabilirliği için üstte iki karartma (merkez radial + dikey gradient). Statik görsel — animasyon yok. */
.ar-theme-malware{--ar-backdrop:url('/assets/arena-scenes/race-malware.webp')}
.ar-theme-malware[data-ar-phase="race"] .ar-stage::after,.ar-theme-malware[data-ar-phase="end"] .ar-stage::after{background:radial-gradient(ellipse 62% 70% at 50% 52%,rgba(6,8,16,.46),rgba(6,8,16,.12) 72%,transparent),linear-gradient(180deg,rgba(6,8,16,.3),rgba(6,8,16,.58)),var(--ar-backdrop) 50% 38%/cover no-repeat;opacity:1;-webkit-mask-image:none;mask-image:none}
.ar-theme-malware[data-ar-phase="race"] .ar-arena{background:rgba(7,9,18,.58)}
.ar-theme-malware .ar-ranks{max-height:min(150px,17vh);overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ar-accent) 42%,transparent) transparent}
.ar-theme-malware .ar-content{padding:0;min-height:0}
.ar-theme-malware .ar-arena{min-height:0}
.ar-theme-malware[data-ar-phase="race"] .ar-head,.ar-theme-malware[data-ar-phase="end"] .ar-head{display:none}
.ar-theme-malware .ar-race{gap:8px;padding:12px 16px}
.ar-theme-malware .ar-ranks{padding:6px 10px;gap:2px}.ar-theme-malware .ar-rrow{padding:3px 8px}.ar-theme-malware .ar-answerbar{min-height:26px}

/* ── lobi seçenekleri ── */
.ar-ma-opts{width:100%;text-align:left}
.ar-ma-label{font:600 10px 'JetBrains Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--ar-muted);margin:0 0 7px}
.ar-ma-seg{display:flex;gap:6px;flex-wrap:wrap}
.ar-ma-segbtn{border:1px solid var(--ar-border);border-radius:0;background:rgba(7,9,18,.5);color:var(--ar-muted);padding:9px 16px;cursor:pointer;font-size:.9rem}
.ar-ma-segbtn:hover{color:var(--ar-text)}
.ar-ma-segbtn[aria-pressed="true"]{color:var(--ar-text);border-color:var(--ar-accent);background:color-mix(in srgb,var(--ar-accent) 9%,rgba(7,9,18,.5))}

/* ── yarış içeriği ── */
.ar-ma{display:flex;flex-direction:column;min-width:0}
.ar-ma-hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--ar-border)}
.ar-ma-stat{padding:9px 14px;border-right:1px solid var(--ar-border);white-space:nowrap;min-width:0}
.ar-ma-stat:last-child{border-right:0}
.ar-ma-stat strong{display:block;font:700 22px 'JetBrains Mono',monospace;line-height:1.1;color:var(--ar-text);font-variant-numeric:tabular-nums}
.ar-ma-stat.combo strong{color:var(--ar-accent-2);text-shadow:0 0 18px rgba(245,196,81,.22)}
.ar-ma-stat.score strong{color:var(--ar-ok)}
.ar-ma-stat>span{display:block;margin-top:3px;font:600 9px 'JetBrains Mono',monospace;color:var(--ar-muted);text-transform:uppercase;letter-spacing:.12em}
.ar-ma-micro{font:700 9px 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ar-muted)}
.ar-ma-h{font:700 17px 'Cinzel',Georgia,serif;margin:5px 0 3px}
.ar-ma-note{margin:0 0 10px;color:var(--ar-muted);font-size:.76rem;line-height:1.4}
.ar-ma-chip{flex:none;display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid rgba(255,255,255,.16);color:var(--ar-muted);font:600 9px 'JetBrains Mono',monospace;letter-spacing:.08em;white-space:nowrap}
.ar-ma-body{min-width:0}
.ar-ma-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr);min-width:0}

/* kanıt masası */
.ar-ma-evi{min-width:0;border-right:1px solid var(--ar-border);max-height:clamp(250px,calc(100dvh - 330px),560px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ar-accent) 42%,transparent) transparent}
.ar-ma-evi-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 16px 10px;border-bottom:1px solid var(--ar-border);position:sticky;top:0;z-index:1;background:#0b0e18}
.ar-ma-evi-head .ar-ma-h{font-size:15px;margin:3px 0 2px}
.ar-ma-sample{color:#d2aeff;font:500 10.5px 'JetBrains Mono',monospace;overflow-wrap:anywhere}
.ar-ma-evi-body{padding:4px 16px 14px}
.ar-ma-evi-body.inline{padding:0;max-height:240px;overflow-y:auto;scrollbar-width:thin}
.ar-ma-group{border-bottom:1px solid var(--ar-border);padding:9px 0}
.ar-ma-group:last-child{border-bottom:0}
.ar-ma-cat{display:flex;align-items:center;gap:8px;color:var(--ar-muted);font:700 9px 'JetBrains Mono',monospace;letter-spacing:.13em;text-transform:uppercase;margin-bottom:5px}
.ar-ma-cat i{width:11px;height:11px;border:1px solid rgba(176,108,255,.45);transform:rotate(45deg);display:inline-block}
.ar-ma-line{position:relative;margin:3px 0;padding:7px 10px 7px 24px;border-left:2px solid rgba(255,255,255,.16);background:rgba(6,8,16,.5);color:#ccd5df;font:12px/1.5 'JetBrains Mono',monospace;overflow-wrap:anywhere;user-select:text}
.ar-ma-line::before{content:"›";position:absolute;left:9px;color:#637080}
.ar-ma-line.key{border-left-color:var(--ar-ok);background:rgba(0,255,156,.07);color:#d7ffef}
.ar-ma-line.hinted{border-left-color:var(--ar-accent-2);background:rgba(245,196,81,.07)}
.ar-ma-line[data-tag]::after{content:attr(data-tag);float:right;margin-left:10px;font:700 8px 'JetBrains Mono',monospace;letter-spacing:.08em}
.ar-ma-line.key[data-tag]::after{color:var(--ar-ok)}
.ar-ma-line.hinted[data-tag]::after{color:var(--ar-accent-2)}

/* teşhis laboratuvarı */
.ar-ma-dx{padding:12px 14px;min-width:0}
.ar-ma-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.ar-ma-type{position:relative;min-height:60px;padding:8px 10px;border:1px solid var(--ar-border);border-radius:0;background:#060810;color:var(--ar-text);text-align:left;cursor:pointer;min-width:0;font:inherit}
.ar-ma-type b{display:block;font-size:11.5px;line-height:1.25;padding-right:20px}
.ar-ma-type small{display:block;color:var(--ar-muted);font-size:9.5px;line-height:1.3;margin-top:3px}
.ar-ma-seal{position:absolute;right:8px;top:6px;color:rgba(210,174,255,.35);font:700 15px 'Cinzel',Georgia,serif}
.ar-ma-type:hover:not(:disabled){border-color:rgba(176,108,255,.5);background:rgba(176,108,255,.06)}
.ar-ma-type:disabled{opacity:.55;cursor:default}
.ar-ma-type[aria-pressed="true"]{border-color:var(--ar-accent);background:rgba(176,108,255,.11);box-shadow:inset 0 0 24px rgba(176,108,255,.06);opacity:1}
.ar-ma-type[aria-pressed="true"] .ar-ma-seal{color:#d2aeff}
.ar-ma-types.locked .ar-ma-type{cursor:default;opacity:.8}
.ar-ma-type.correct{border-color:var(--ar-ok);background:rgba(0,255,156,.07);opacity:1}
.ar-ma-type.wrong{border-color:var(--ar-danger);background:rgba(255,92,108,.07);opacity:1}
.ar-ma-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--ar-border)}
.ar-ma-actions.end{display:flex;justify-content:flex-end;border-top:1px solid var(--ar-border);padding:10px 16px;margin:0}
.ar-ma-btn{min-height:40px;border:1px solid rgba(255,255,255,.16);border-radius:0;background:transparent;color:var(--ar-text);padding:0 14px;cursor:pointer;font-weight:700}
.ar-ma-btn:hover:not(:disabled){border-color:var(--ar-accent);background:rgba(176,108,255,.07)}
.ar-ma-btn.gold{border-color:rgba(245,196,81,.4);color:var(--ar-accent-2)}
.ar-ma-btn.gold em{font-style:normal}
.ar-ma-btn.primary{background:var(--ar-accent);border-color:var(--ar-accent);color:#090611}
.ar-ma-btn.primary:hover:not(:disabled){background:var(--ar-accent);filter:brightness(1.08)}
.ar-ma-btn.ok{background:var(--ar-ok);border-color:var(--ar-ok);color:#04110d}
.ar-ma-btn:disabled{opacity:.38;cursor:not-allowed}
.ar-ma-fb{margin-top:8px;min-height:34px;display:flex;align-items:center;padding:0 12px;border-left:2px solid var(--ar-ok);background:rgba(0,255,156,.07);font-size:12px;color:#bfffe7;overflow-wrap:anywhere}
.ar-ma-fb.hint{border-color:var(--ar-accent-2);background:rgba(245,196,81,.08);color:#ffe3a1}
.ar-ma-fb[hidden]{display:none}
.ar-ma-done{padding:30px 20px;text-align:center;color:var(--ar-muted)}

/* önceki vaka şeridi (mp) */
.ar-ma-strip{display:flex;flex-wrap:wrap;align-items:center;gap:0 12px;border-bottom:1px solid var(--ar-border);padding:6px 14px;background:rgba(0,255,156,.05)}
.ar-ma-strip.bad{background:rgba(255,92,108,.06)}
.ar-ma-strip[hidden]{display:none}
.ar-ma-striprow{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 280px}
.ar-ma-stripwhy{flex:0 0 auto}
.ar-ma-stripwhy[open]{flex:1 1 100%}
.ar-ma-striptext{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.25}
.ar-ma-striptext b{font-size:12.5px;color:var(--ar-ok)}
.ar-ma-strip.bad .ar-ma-striptext b{color:#ffb5bd}
.ar-ma-striptext small{color:var(--ar-muted);font:10px 'JetBrains Mono',monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ar-ma-stripwhy summary{cursor:pointer;color:#d2aeff;font:700 10px 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;padding:6px 2px;list-style:none}
.ar-ma-stripwhy summary::-webkit-details-marker{display:none}
.ar-ma-stripwhy summary::before{content:"▸ ";color:var(--ar-accent)}
.ar-ma-stripwhy[open] summary::before{content:"▾ "}
.ar-ma-stripwhy .ar-ma-evi-body.inline{max-height:none;overflow:visible}
.ar-ma-stripwhy .ar-ma-why{max-height:min(260px,34vh);overflow-y:auto;padding:8px 2px 4px;scrollbar-width:thin}
.ar-ma-mark{flex:none;width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--ar-ok);color:var(--ar-ok);font:700 24px 'JetBrains Mono',monospace;transform:rotate(45deg);box-shadow:0 0 24px rgba(0,255,156,.15)}
.ar-ma-mark>span{transform:rotate(-45deg)}
.ar-ma-mark.sm{width:26px;height:26px;font-size:13px;box-shadow:none}
.ar-ma-strip.bad .ar-ma-mark,.ar-ma-banner.bad .ar-ma-mark{border-color:var(--ar-danger);color:var(--ar-danger);box-shadow:0 0 24px rgba(255,92,108,.15)}
.ar-ma-delta{flex:none;font:700 20px 'JetBrains Mono',monospace;color:var(--ar-ok)}
.ar-ma-delta.bad{color:var(--ar-danger)}

/* açıklama bloğu (hem şerit hem solo açıklama ekranı) */
.ar-ma-lesson{border-left:2px solid var(--ar-ok);padding:1px 0 1px 13px;margin-bottom:12px}
.ar-ma-lesson h4{font:700 14px 'Cinzel',Georgia,serif;margin:0 0 6px}
.ar-ma-lesson p{margin:0;color:#cbd5df;font-size:12.5px;line-height:1.55}
.ar-ma-attack{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border:1px solid var(--ar-border);background:#060810;padding:9px 11px;font-size:12px;margin-bottom:12px}
.ar-ma-attack b{color:#d2aeff;font-family:'JetBrains Mono',monospace;font-size:11.5px;overflow-wrap:anywhere}
.ar-ma-keylabel{margin:0 0 4px}

/* solo açıklama ekranı */
.ar-ma-reveal{display:flex;flex-direction:column;min-width:0}
.ar-ma-banner{display:flex;align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid rgba(0,255,156,.2);background:linear-gradient(90deg,rgba(0,255,156,.11),transparent 68%)}
.ar-ma-banner.bad{border-color:rgba(255,92,108,.22);background:linear-gradient(90deg,rgba(255,92,108,.12),transparent 68%)}
.ar-ma-bt{flex:1;min-width:0}
.ar-ma-bt .ar-ma-h{font-size:20px;margin:3px 0}
.ar-ma-bt p{margin:0;color:var(--ar-muted);font-size:11.5px;overflow-wrap:anywhere}
.ar-ma-revbody{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr);align-items:start;gap:14px;padding:14px 18px;min-width:0;max-height:clamp(220px,calc(100dvh - 400px),520px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ar-accent) 42%,transparent) transparent}
.ar-ma-revbody .ar-ma-evi-body.inline{max-height:none}

/* solo sonuç */
.ar-ma-rstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--ar-border);margin:18px 0 8px;width:min(620px,100%)}
.ar-ma-rstats>div{padding:14px;border-right:1px solid var(--ar-border);background:rgba(6,8,16,.45)}
.ar-ma-rstats>div:last-child{border-right:0}
.ar-ma-rstats strong{display:block;font:700 22px 'JetBrains Mono',monospace}
.ar-ma-rstats span{font:10px 'JetBrains Mono',monospace;color:var(--ar-muted)}
.ar-ma-elig{margin:8px 0 14px;font-size:12px;color:var(--ar-accent-2)}
.ar-ma-elig.ok{color:var(--ar-ok)}
.ar-ma-metrics{display:flex;flex-direction:column;gap:10px}

@media(max-width:860px){
  .ar-ma-grid,.ar-ma-revbody{grid-template-columns:1fr}
  .ar-ma-evi{border-right:0;border-bottom:1px solid var(--ar-border);max-height:34vh}
  .ar-ma-revbody{max-height:none;overflow:visible}
}
@media(max-width:560px){
  .ar-ma-stat{padding:7px 8px}
  .ar-ma-stat strong{font-size:16px}
  .ar-ma-stat>span{font-size:7px;letter-spacing:.06em}
  .ar-ma-dx{padding:10px}
  .ar-ma-note{display:none}
  .ar-ma-dx .ar-ma-micro,.ar-ma-dx .ar-ma-h{display:none}
  .ar-ma-evi{max-height:30vh}
  .ar-ma-type small{display:none}
  .ar-ma-type{min-height:44px;padding:6px 8px}
  .ar-ma-type b{font-size:11px}
  .ar-ma-evi-head{padding:9px 12px}
  .ar-ma-evi-body{padding:3px 12px 10px}
  .ar-ma-rstats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ar-ma-rstats>div:nth-child(2){border-right:0}
  .ar-ma-rstats>div:nth-child(-n+2){border-bottom:1px solid var(--ar-border)}
  .ar-ma-banner{padding:10px 12px;gap:10px}
  .ar-ma-mark{width:40px;height:40px;font-size:18px}
  .ar-ma-revbody{padding:10px 12px}
  .ar-theme-malware .ar-ranks{max-height:min(128px,16vh)}
}
@media(max-height:820px){
  .ar-ma-note{display:none}
  .ar-ma-type{min-height:46px;padding:6px 10px}.ar-ma-type small{display:none}
  .ar-ma-stat{padding:6px 14px}
  .ar-ma-dx{padding:9px 12px}.ar-ma-dx .ar-ma-h{font-size:15px;margin:3px 0 7px}
  .ar-ma-actions{margin-top:8px;padding-top:8px}.ar-ma-btn{min-height:36px}
  .ar-ma-evi{max-height:clamp(220px,calc(100dvh - 360px),560px)}
}
@media(prefers-reduced-motion:reduce){
  .ar-ma-line{animation:none}
}

/* viewport-fit (2026-10-22): mobilde kanıt listesi biraz kısalır → teşhis düğmeleri kaydırmasız görünür */
@media(max-width:560px){.ar-ma-evi{max-height:25vh}}