:root{--case-bg:#070705;--case-panel:#11110e;--case-panel2:#171611;--case-paper:#d7c9a6;--case-paper2:#b9a77f;--case-ink:#1f1b13;--case-gold:#d8a83d;--case-gold2:#f0c766;--case-red:#7d271f;--case-green:#617746;--case-muted:#aba58f;--case-line:#3a3528}
*{box-sizing:border-box}
body{margin:0;background:#050504;color:#efe9d8;font-family:Georgia,"Times New Roman",serif}
.case-wrap{max-width:1180px;margin:0 auto;padding:20px 16px 70px}
.case-hero{position:relative;overflow:hidden;border:1px solid #3d3522;border-radius:22px;background:
radial-gradient(circle at 75% 18%,rgba(216,168,61,.15),transparent 30%),
linear-gradient(125deg,rgba(255,255,255,.025),transparent 25%),
repeating-linear-gradient(90deg,rgba(216,168,61,.045) 0 1px,transparent 1px 44px),
repeating-linear-gradient(0deg,rgba(216,168,61,.035) 0 1px,transparent 1px 44px),
#090907;padding:26px 26px 22px;min-height:255px}
.case-hero:after{content:attr(data-case);position:absolute;right:16px;top:8px;font-family:Impact,Haettenschweiler,sans-serif;font-size:clamp(64px,13vw,150px);letter-spacing:.03em;color:rgba(216,168,61,.055);line-height:1;pointer-events:none}
.case-kicker{font:800 11px Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#9fd06d}
.case-title{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:clamp(44px,8vw,86px);line-height:.9;margin:9px 0 5px;color:var(--case-gold2);text-transform:uppercase;letter-spacing:.01em}
.case-subtitle{font-size:clamp(18px,3vw,28px);font-weight:700;color:#fff;margin-bottom:15px}
.case-meta{display:flex;gap:8px;flex-wrap:wrap}
.case-chip{border:1px solid #4c4431;border-radius:999px;padding:7px 10px;background:#0f0e0b;color:#d9d0b8;font:700 10px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.case-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 0}
.status-box{border:1px solid var(--case-line);background:#0b0b08;border-radius:13px;padding:11px 12px}
.status-box b{display:block;font:800 9px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#827b68;margin-bottom:4px}
.status-box span{font-size:15px;font-weight:700;color:#f1e9d5}
.case-stage{margin-top:14px;border:1px solid #312d23;border-radius:20px;background:linear-gradient(180deg,#0d0d0a,#080806);padding:18px;min-height:430px}
.stage-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:16px}
.stage-head h2{margin:0;color:var(--case-gold2);font-size:25px}
.stage-head p{margin:5px 0 0;color:#bdb6a3;font-size:13px;line-height:1.45;max-width:720px}
.case-btn{appearance:none;border:1px solid #9f7823;background:linear-gradient(#e4bd5e,#b78526);color:#151107;border-radius:12px;padding:12px 16px;font:900 12px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;min-height:44px;transition:.2s}
.case-btn:hover,.case-btn:focus-visible{transform:translateY(-1px);filter:brightness(1.06);outline:2px solid #f3d780;outline-offset:2px}
.case-btn.secondary{background:#14130f;color:#e7dcc1;border-color:#4e4735}
.case-btn.danger{background:#1a0e0c;color:#e8c5b7;border-color:#713027}
.case-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}
.brief-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}
.brief-card,.brief-side{border:1px solid #393327;border-radius:16px;background:#12110d;padding:18px}
.brief-card h3,.brief-side h3{margin:0 0 10px;color:#fff;font-size:18px}
.brief-card p,.brief-side p{color:#cbc2ab;line-height:1.62;font-size:14px}
.question{padding:13px 15px;border-left:4px solid var(--case-gold);background:#0a0a08;margin-top:15px;color:#f0e7cf;font-size:18px;line-height:1.4}
.rules{display:grid;gap:8px;margin-top:12px}
.rule{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid #29261e;border-radius:11px;background:#0c0c09}
.rule-num{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#2b2415;color:#f2c55c;font:900 11px Arial,sans-serif;flex:0 0 auto}
.rule div:last-child{font-size:13px;color:#cfc6af;line-height:1.4}
.investigation-grid{display:grid;grid-template-columns:310px 1fr;gap:14px}
.evidence-locker{border:1px solid #393327;border-radius:16px;background:#0e0e0b;padding:12px}
.locker-title{font:900 10px Arial,sans-serif;letter-spacing:.18em;color:#8f8875;text-transform:uppercase;padding:4px 4px 10px}
.evidence-list{display:grid;gap:8px}
.evidence-tab{width:100%;text-align:left;border:1px solid #343025;background:#15140f;border-radius:12px;padding:12px;color:#ded4bc;cursor:pointer;min-height:66px;position:relative}
.evidence-tab:hover,.evidence-tab:focus-visible{border-color:#7d693c;outline:none}
.evidence-tab.active{border-color:var(--case-gold);background:#1a170f}
.evidence-tab.solved:after{content:"FILED";position:absolute;right:8px;top:8px;color:#9ac26e;font:900 8px Arial,sans-serif;letter-spacing:.12em}
.evidence-tab .num{display:block;font:900 9px Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#8f8262;margin-bottom:4px}
.evidence-tab strong{font-size:14px;color:#fff}
.viewer{border:1px solid #393327;border-radius:16px;overflow:hidden;background:#11100c;min-width:0}
.viewer-top{padding:14px 16px;border-bottom:1px solid #332f25;background:#0b0b08;display:flex;justify-content:space-between;gap:10px;align-items:center}
.viewer-top .eyebrow{font:800 9px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#8f8875}
.viewer-top .source-badge{border:1px solid #4b422e;border-radius:999px;padding:5px 8px;color:#d2c6a9;font:800 9px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.evidence-paper{margin:16px;padding:18px;border-radius:8px;background:
linear-gradient(rgba(80,60,20,.04),rgba(80,60,20,.04)),
repeating-linear-gradient(0deg,transparent 0 28px,rgba(70,55,30,.09) 29px 30px),
var(--case-paper);color:var(--case-ink);box-shadow:0 8px 26px rgba(0,0,0,.28);position:relative}
.evidence-paper:before{content:"EVIDENCE";position:absolute;right:12px;top:10px;transform:rotate(-6deg);border:2px solid rgba(125,39,31,.58);color:rgba(125,39,31,.68);padding:4px 8px;font:900 11px Arial,sans-serif;letter-spacing:.15em}
.evidence-paper h3{margin:0 90px 6px 0;font-size:24px}
.evidence-paper .date{font:700 11px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#685a3e;margin-bottom:14px}
.evidence-paper p{font-size:15px;line-height:1.62;margin:0 0 12px}
.evidence-paper .observation{border-left:3px solid #665530;padding:10px 12px;background:rgba(255,255,255,.26);font-style:italic}
.analysis-box{padding:0 16px 16px}
.analysis-box h4{margin:0 0 8px;color:#f0dfb7;font-size:15px}
.choice-list{display:grid;gap:8px}
.choice{width:100%;text-align:left;border:1px solid #373226;background:#0c0c09;color:#d8cfb9;padding:11px 12px;border-radius:10px;cursor:pointer;font:600 13px Arial,sans-serif;line-height:1.35}
.choice:hover,.choice:focus-visible{border-color:#866d37;outline:none}
.choice.correct{border-color:#6f8a4f;background:#10180d;color:#dff0c8}
.choice.wrong{border-color:#75362d;background:#180d0b;color:#efc4bb}
.feedback{margin-top:10px;border-radius:10px;padding:11px 12px;font-size:13px;line-height:1.45;background:#0b0b08;border:1px solid #332f25;color:#cbc2ad}
.feedback.good{border-color:#4f673a;color:#d6edbd}
.notebook{margin-top:14px;border-top:1px solid #302c22;padding-top:14px}
.notebook h3{font-size:16px;margin:0 0 8px;color:#f0dfb7}
.note-row{padding:8px 10px;border:1px solid #302c22;border-radius:9px;background:#0b0b08;color:#bbb39e;font-size:12px;margin-top:7px}
.board{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.theory-panel,.evidence-panel{border:1px solid #393327;background:#0e0e0b;border-radius:16px;padding:14px}
.theory-panel h3,.evidence-panel h3{margin:0 0 4px;color:#fff;font-size:18px}
.theory-panel>p,.evidence-panel>p{margin:0 0 12px;color:#aaa38f;font-size:12px;line-height:1.45}
.theory-list{display:grid;gap:9px}
.theory-card{display:block;border:1px solid #373226;background:#14130f;border-radius:12px;padding:12px;cursor:pointer}
.theory-card input{margin-right:8px}
.theory-card strong{color:#eee4cc;font-size:14px}
.theory-card span{display:block;margin:6px 0 0 24px;color:#aaa18b;font-size:12px;line-height:1.4}
.evidence-picks{display:grid;gap:8px}
.pick{display:flex;gap:9px;align-items:flex-start;border:1px solid #342f24;border-radius:10px;padding:10px;background:#11100c;cursor:pointer}
.pick input{margin-top:3px}
.pick b{display:block;color:#e6dcc5;font-size:12px;margin-bottom:3px}
.pick small{color:#9e9785;line-height:1.35}
.case-footer-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.final-report{display:grid;grid-template-columns:.85fr 1.15fr;gap:14px}
.verdict-seal{border:1px solid #6d572d;background:radial-gradient(circle,rgba(216,168,61,.14),transparent 60%),#11100c;border-radius:16px;padding:22px;text-align:center}
.seal-ring{width:150px;height:150px;margin:0 auto 14px;border:2px solid var(--case-gold);border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 8px #11100c,inset 0 0 0 10px rgba(216,168,61,.45)}
.seal-ring span{font:900 17px Arial,sans-serif;letter-spacing:.12em;color:var(--case-gold2);transform:rotate(-5deg)}
.verdict-seal h3{font-size:22px;margin:0 0 5px;color:#fff}
.verdict-seal p{margin:0;color:#aaa38f;font-size:13px}
.report-paper{background:var(--case-paper);color:var(--case-ink);border-radius:8px;padding:20px;box-shadow:0 8px 26px rgba(0,0,0,.28)}
.report-paper h3{margin:0 0 8px;font-size:24px}
.report-paper p{line-height:1.6;font-size:14px}
.report-paper ul{padding-left:20px;line-height:1.55;font-size:13px}
.source-strip{margin-top:14px;border:1px solid #332f25;border-radius:14px;background:#0c0c09;padding:13px 15px;color:#a9a18d;font-size:12px;line-height:1.55}
.source-strip a{color:#d8ba72}
.hidden{display:none!important}
.pulse-dot{display:inline-block;width:8px;height:8px;background:#8ec45a;border-radius:50%;margin-right:6px;box-shadow:0 0 0 0 rgba(142,196,90,.5);animation:pulse 1.8s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(142,196,90,0)}100%{box-shadow:0 0 0 0 rgba(142,196,90,0)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:820px){.brief-grid,.investigation-grid,.board,.final-report{grid-template-columns:1fr}.evidence-locker{order:2}.viewer{order:1}.case-status{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.case-wrap{padding-left:9px;padding-right:9px}.case-hero{padding:20px 15px}.case-stage{padding:12px}.case-status{grid-template-columns:1fr 1fr}.evidence-paper{margin:10px;padding:15px}.evidence-paper h3{font-size:20px;margin-right:65px}.stage-head{display:block}.stage-head .case-btn{margin-top:10px;width:100%}.case-footer-actions .case-btn{width:100%}}

.case-status{grid-template-columns:repeat(5,minmax(0,1fr))}
.clue-burst{position:fixed;left:50%;top:92px;transform:translateX(-50%);z-index:9999;min-width:220px;max-width:min(90vw,420px);border:1px solid #8a6a2a;background:rgba(12,11,8,.97);border-radius:16px;padding:14px 18px;text-align:center;box-shadow:0 18px 50px rgba(0,0,0,.48);animation:burstIn .22s ease-out}
.clue-burst .burst-icon{font-size:30px;line-height:1;margin-bottom:6px}
.clue-burst b{display:block;color:#f2ca68;font:900 12px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.clue-burst span{display:block;color:#d7cfbb;font-size:12px;line-height:1.4;margin-top:4px}
@keyframes burstIn{from{opacity:0;transform:translate(-50%,-12px) scale(.94)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
.twist-card,.cross-card{border:1px solid #6b562b;border-radius:18px;background:radial-gradient(circle at 50% 0,rgba(216,168,61,.14),transparent 45%),#100f0b;padding:24px;text-align:center}
.twist-icon,.cross-icon{font-size:44px;line-height:1;margin-bottom:9px}
.twist-card h3,.cross-card h3{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:34px;letter-spacing:.04em;text-transform:uppercase;color:#f0c766;margin:0 0 8px}
.twist-card p,.cross-card p{max-width:760px;margin:0 auto 15px;color:#d6ccb5;line-height:1.6;font-size:15px}
.cross-choices{display:grid;gap:9px;max-width:760px;margin:15px auto 0;text-align:left}
.cross-choice{border:1px solid #3a3427;background:#0b0b08;color:#ded5bf;padding:12px 13px;border-radius:11px;cursor:pointer;font:700 13px Arial,sans-serif;line-height:1.35}
.cross-choice:hover,.cross-choice:focus-visible{border-color:#8a6d35;outline:none}
.cross-choice.correct{border-color:#6b874f;background:#111a0e;color:#dff2c8}
.cross-choice.wrong{border-color:#71352b;background:#190d0b;color:#efc4bb}
.streak-fire{color:#f2ca68!important;text-shadow:0 0 10px rgba(240,199,102,.2)}
.board-tip{margin-top:12px;padding:10px 12px;border-radius:10px;border:1px dashed #4a432f;color:#b8af99;background:#0a0a08;font-size:12px;line-height:1.5}
.confidence-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.confidence-btn{border:1px solid #3c3629;background:#0d0d0a;color:#cfc6af;border-radius:999px;padding:9px 12px;cursor:pointer;font:800 10px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.confidence-btn.active{border-color:#d8a83d;color:#f0c766;background:#19150d}
.report-scorebar{height:9px;background:#27231a;border-radius:99px;overflow:hidden;margin:10px 0 4px}
.report-scorebar>span{display:block;height:100%;background:linear-gradient(90deg,#6f874d,#d8a83d);border-radius:99px}
@media(max-width:820px){.case-status{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.case-status{grid-template-columns:1fr 1fr}.clue-burst{top:76px}}

/* Build 29 — shared atmospheric section background */
body{
  background:#050504!important;
  position:relative;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(0,0,0,.52) 0%,rgba(0,0,0,.67) 42%,rgba(0,0,0,.82) 100%),
    url("/examine-the-past-home/games/assets/case-files-section-bg-build29.png?v=29") center top/cover no-repeat;
  filter:saturate(.82) contrast(.96);
}
body>*,.case-wrap{
  position:relative;
  z-index:1;
}
.case-wrap{
  background:transparent!important;
}
@media(max-width:700px){
  body::before{
    background:
      linear-gradient(180deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.82) 48%,rgba(0,0,0,.90) 100%),
      url("/examine-the-past-home/games/assets/case-files-section-bg-build29.png?v=29") center top/auto 100vh no-repeat;
    filter:saturate(.70) contrast(.92);
  }
}
@media(prefers-reduced-motion:reduce){
  body::before{background-attachment:scroll}
}

/* Build 29 — shared section background */
body{
  background:
    linear-gradient(rgba(0,0,0,.76),rgba(0,0,0,.86)),
    url("/examine-the-past-home/games/assets/history-unlocked-history-case-files-section-bg-build29.png?v=29") center top / cover fixed no-repeat,
    #050504 !important;
}
@media (max-width:760px){
  body{
    background:
      linear-gradient(rgba(0,0,0,.87),rgba(0,0,0,.93)),
      url("/examine-the-past-home/games/assets/history-unlocked-history-case-files-section-bg-build29.png?v=29") center top / cover scroll no-repeat,
      #050504 !important;
  }
}

/* Build 30 — section background */
body{background-color:#050504!important;background-image:linear-gradient(rgba(5,5,4,.30),rgba(5,5,4,.52)),url("/examine-the-past-home/games/assets/history-case-files-section-bg-build30.png")!important;background-position:center top!important;background-size:cover!important;background-repeat:no-repeat!important;background-attachment:fixed!important}
.case-stage,.case-hero{backdrop-filter:blur(1.5px)}
@media(max-width:760px){body{background-image:linear-gradient(rgba(5,5,4,.42),rgba(5,5,4,.62)),url("/examine-the-past-home/games/assets/history-case-files-section-bg-build30.png")!important;background-attachment:scroll!important}}