:root{--ep-bg:#070706;--ep-panel:#11110e;--ep-panel2:#171611;--ep-line:#373429;--ep-gold:#e3b84f;--ep-yellow:#fff200;--ep-green:#8fc56d;--ep-red:#8b3f34;--ep-text:#eee8d7;--ep-muted:#aaa390}
*{box-sizing:border-box}
body{margin:0;background:#050504;color:var(--ep-text);font-family:Georgia,"Times New Roman",serif}
.escape-wrap{max-width:1180px;margin:0 auto;padding:20px 14px 70px}
.escape-hero{position:relative;overflow:hidden;border:1px solid #3b382c;border-radius:22px;padding:24px;background:
radial-gradient(circle at 12% 12%,rgba(227,184,79,.13),transparent 25%),
radial-gradient(circle at 85% 25%,rgba(143,197,109,.09),transparent 28%),
repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 54px),
#0b0b09}
.escape-hero:after{content:"ESCAPE";position:absolute;right:12px;top:10px;font:900 clamp(58px,12vw,126px)/.9 Impact,Haettenschweiler,sans-serif;color:rgba(227,184,79,.035);letter-spacing:.04em;pointer-events:none}
.escape-kicker{font:900 10px Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#99cf76}
.escape-title{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:clamp(42px,7vw,78px);line-height:.92;margin:8px 0 5px;color:#f0c968;text-transform:uppercase}
.escape-sub{font-size:16px;color:#ddd5c1;margin-bottom:13px}
.escape-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.escape-stat{border:1px solid #323127;background:#0a0a08;border-radius:12px;padding:10px 11px}
.escape-stat b{display:block;color:#7d796c;font:900 9px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px}
.escape-stat span{font-size:14px;font-weight:700;color:#f1ead8}
.escape-stage{margin-top:14px;border:1px solid #302e26;border-radius:20px;background:linear-gradient(#0d0d0b,#070706);padding:18px;min-height:470px}
.escape-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:15px}
.escape-head h2{margin:0;color:#f0c968;font-size:25px}
.escape-head p{margin:5px 0 0;color:#b9b29f;font-size:13px;line-height:1.5;max-width:760px}
.escape-btn{appearance:none;border:1px solid #93742f;background:linear-gradient(#e7c46e,#b78a30);color:#171307;border-radius:12px;padding:12px 16px;min-height:44px;font:900 11px Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}
.escape-btn.secondary{background:#14130f;color:#e7deca;border-color:#454033}
.escape-btn.danger{background:#1a0d0a;color:#ecc9c0;border-color:#70362d}
.escape-btn:hover,.escape-btn:focus-visible{filter:brightness(1.06);outline:2px solid #efd17f;outline-offset:2px}
.escape-btn:disabled{opacity:.42;cursor:not-allowed}
.escape-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:14px}
.escape-card{border:1px solid #343127;border-radius:16px;background:#11110e;padding:17px}
.escape-card h3{margin:0 0 9px;color:#fff;font-size:18px}
.escape-card p{color:#c5beaa;font-size:14px;line-height:1.6}
.escape-rules{display:grid;gap:8px;margin-top:12px}
.escape-rule{display:flex;gap:10px;padding:10px;border:1px solid #2b2922;border-radius:10px;background:#0b0b09}
.escape-rule i{font-style:normal;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#292315;color:#f0c968;font:900 11px Arial,sans-serif;flex:0 0 auto}
.escape-rule span{font-size:12px;color:#c8c0ad;line-height:1.45}
.room-wrap{display:grid;grid-template-columns:250px 1fr;gap:14px}
.inventory{border:1px solid #343127;border-radius:15px;background:#0d0d0b;padding:12px}
.inventory h3{margin:0 0 8px;color:#f0dba6;font-size:15px}
.inventory-slot{border:1px dashed #403b2f;border-radius:10px;padding:9px 10px;margin-top:7px;background:#0a0a08;color:#8e8878;font-size:11px;line-height:1.35}
.inventory-slot.filled{border-style:solid;border-color:#566f42;color:#d9eac8;background:#0e160c}
.inventory-slot b{display:block;color:inherit;font-size:12px;margin-bottom:2px}
.danger-track{margin-top:14px;border-top:1px solid #2f2b23;padding-top:12px}
.danger-track h4{margin:0 0 7px;color:#c9bca1;font-size:12px}
.danger-bar{height:8px;background:#241816;border-radius:99px;overflow:hidden}
.danger-bar span{display:block;height:100%;background:linear-gradient(90deg,#7f9c58,#cf9b40,#8b3f34);border-radius:99px;transition:.25s}
.room{border:1px solid #38342a;border-radius:16px;background:#11100d;overflow:hidden}
.room-top{padding:13px 15px;border-bottom:1px solid #302d24;background:#0a0a08;display:flex;justify-content:space-between;gap:10px;align-items:center}
.room-top b{font:900 10px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8d8675}
.room-top span{font:800 10px Arial,sans-serif;color:#a7c98d}
.clue-sheet{margin:16px;padding:18px;border-radius:9px;background:#d8caa7;color:#211c13;box-shadow:0 8px 24px rgba(0,0,0,.28);position:relative}
.clue-sheet:after{content:"CLUE";position:absolute;right:12px;top:10px;transform:rotate(-5deg);border:2px solid rgba(122,45,35,.56);color:rgba(122,45,35,.65);padding:3px 7px;font:900 10px Arial,sans-serif;letter-spacing:.14em}
.clue-sheet h3{margin:0 70px 7px 0;font-size:22px}
.clue-sheet p{font-size:14px;line-height:1.6;margin:0 0 10px}
.clue-sheet .hint{border-left:3px solid #6d5931;padding:9px 11px;background:rgba(255,255,255,.22);font-style:italic}
.puzzle{padding:0 16px 16px}
.puzzle h4{margin:0 0 8px;color:#eadab3;font-size:15px}
.choice-grid{display:grid;gap:8px}
.escape-choice{width:100%;text-align:left;border:1px solid #37332a;background:#0c0c09;color:#ded6c1;border-radius:10px;padding:11px 12px;cursor:pointer;font:700 12px Arial,sans-serif;line-height:1.4}
.escape-choice:hover,.escape-choice:focus-visible{border-color:#836d39;outline:none}
.escape-choice.correct{border-color:#5d7a45;background:#10180d;color:#dff0cb}
.escape-choice.wrong{border-color:#7d3d33;background:#190e0c;color:#efc7bf}
.code-row{display:flex;gap:8px;flex-wrap:wrap}
.code-input{flex:1 1 220px;min-height:44px;border:1px solid #4a4434;border-radius:10px;background:#090a08;color:#fff;padding:10px 12px;font:700 16px Georgia,serif}
.sequence-grid{display:grid;gap:8px}
.sequence-item{border:1px solid #3b372d;background:#0d0d0a;color:#ded6c2;border-radius:10px;padding:11px 12px;cursor:pointer;text-align:left;font:700 12px Arial,sans-serif}
.sequence-item.selected{border-color:#f0c968;background:#1a170e;color:#fff}
.sequence-picked{margin-top:10px;color:#9dbe82;font-size:12px}
.escape-feedback{margin-top:10px;border:1px solid #343128;border-radius:10px;padding:10px 11px;background:#0a0a08;color:#bbb3a0;font-size:12px;line-height:1.45}
.escape-feedback.good{border-color:#4d6739;color:#d9ebc8}
.escape-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.escape-burst{position:fixed;left:50%;top:88px;transform:translateX(-50%);z-index:9999;min-width:220px;max-width:min(90vw,420px);padding:13px 17px;text-align:center;border-radius:16px;border:1px solid #7a6736;background:rgba(10,10,8,.98);box-shadow:0 16px 46px rgba(0,0,0,.5);animation:escpop .2s ease-out}
.escape-burst .emo{font-size:29px;line-height:1;margin-bottom:5px}.escape-burst b{display:block;color:#f0c968;font:900 11px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.escape-burst span{display:block;color:#cbc3b1;font-size:11px;margin-top:4px}
@keyframes escpop{from{opacity:0;transform:translate(-50%,-10px) scale(.94)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
.final-lock{border:1px solid #66552f;border-radius:18px;padding:22px;background:radial-gradient(circle at 50% 0,rgba(227,184,79,.13),transparent 42%),#10100d;text-align:center}
.final-lock .big{font-size:44px;line-height:1;margin-bottom:8px}
.final-lock h3{margin:0;color:#f0c968;font:900 31px Impact,Haettenschweiler,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.final-lock p{max-width:760px;margin:8px auto 14px;color:#d0c8b6;line-height:1.55}
.escape-summary{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px}
.escape-score{border:1px solid #6a572f;border-radius:16px;background:#10100d;padding:20px;text-align:center}
.escape-ring{width:145px;height:145px;border-radius:50%;border:3px solid #d8ae4e;margin:0 auto 12px;display:grid;place-items:center;box-shadow:inset 0 0 0 8px #10100d,inset 0 0 0 10px rgba(143,197,109,.4)}
.escape-ring span{font:900 24px Arial,sans-serif;color:#f0c968}
.escape-score h3{margin:0 0 4px;color:#fff;font-size:21px}
.escape-score p{margin:0;color:#aaa392;font-size:12px}
.escape-report{border-radius:11px;background:#d8caa7;color:#211d14;padding:19px}
.escape-report h3{margin:0 0 8px;font-size:23px}
.escape-report p{font-size:13px;line-height:1.58}
.escape-report ul{padding-left:20px;font-size:12px;line-height:1.55}
.sensitivity-note{border:1px solid #4b4332;background:#0c0b09;border-radius:12px;padding:11px 12px;margin-top:12px;color:#c9c0ad;font-size:12px;line-height:1.5}
.hidden{display:none!important}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:820px){.escape-intro,.escape-summary,.room-wrap{grid-template-columns:1fr}.inventory{order:2}.room{order:1}.escape-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.escape-wrap{padding-left:9px;padding-right:9px}.escape-stage{padding:12px}.escape-stats{grid-template-columns:1fr 1fr}.escape-head{display:block}.escape-head .escape-btn{width:100%;margin-top:10px}.clue-sheet{margin:10px;padding:15px}.escape-actions .escape-btn{width:100%}}

/* 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/escape-section-bg-build29.png?v=29") center top/cover no-repeat;
  filter:saturate(.82) contrast(.96);
}
body>*,.escape-wrap{
  position:relative;
  z-index:1;
}
.escape-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/escape-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-escape-the-past-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-escape-the-past-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,.28),rgba(5,5,4,.50)),url("/examine-the-past-home/games/assets/escape-the-past-section-bg-build30.png")!important;background-position:center top!important;background-size:cover!important;background-repeat:no-repeat!important;background-attachment:fixed!important}
.escape-stage,.escape-hero{backdrop-filter:blur(1.5px)}
@media(max-width:760px){body{background-image:linear-gradient(rgba(5,5,4,.40),rgba(5,5,4,.60)),url("/examine-the-past-home/games/assets/escape-the-past-section-bg-build30.png")!important;background-attachment:scroll!important}}