:root{
  color-scheme:light;
  --ink:#201d18;
  --muted:#5d5549;
  --paper:#e8e0d1;
  --paper-light:#f4efe5;
  --rust:#8a3e2f;
  --museum-blue:#3f6370;
  --old-green:#5e6e50;
  --bruise:#68556a;
}
*{box-sizing:border-box}
html{background:#c9c0ae}
body{
  min-height:100vh;
  margin:0;
  color:var(--ink);
  background:
    repeating-linear-gradient(91deg,rgba(63,48,31,.025) 0,rgba(63,48,31,.025) 1px,transparent 1px,transparent 19px),
    linear-gradient(135deg,#d1c8b7,var(--paper) 42%,#d8cfbd);
  font-family:Georgia,"Times New Roman",serif;
}
a{color:inherit}
.skip{position:absolute;left:-9999px;top:.5rem;padding:.6rem;background:#fff;color:#111;z-index:10}
.skip:focus{left:.5rem}
.sas{width:min(64rem,calc(100% - 2rem));margin:0 auto;padding:clamp(2.5rem,7vw,6rem) 0 3rem}
.sas-header{max-width:46rem;margin:0 0 clamp(2rem,5vw,4.2rem)}
.inventory-mark{display:inline-block;margin:0 0 1.2rem;padding:.3rem .45rem;border:1px solid #665f54;color:var(--muted);font:700 .66rem/1.2 Arial,sans-serif;letter-spacing:.13em;transform:rotate(-.6deg)}
h1{max-width:14ch;margin:0;font-size:clamp(2.25rem,7vw,5.5rem);font-weight:400;line-height:.9;letter-spacing:-.045em}
.warning{max-width:42rem;margin:2rem 0 0;font-size:clamp(1.05rem,2.1vw,1.35rem);line-height:1.55}
.escape-doors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.8rem,2vw,1.5rem)}
.door{position:relative;display:flex;min-height:19rem;flex-direction:column;padding:1.2rem 1.2rem 1.35rem;border:1px solid #514b42;background:var(--paper-light);box-shadow:.22rem .28rem 0 rgba(54,45,34,.17);text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}
.door:nth-child(odd){transform:rotate(-.22deg)}
.door:nth-child(even){transform:rotate(.18deg)}
.door:hover,.door:focus-visible{transform:translateY(-.22rem) rotate(0);box-shadow:.38rem .48rem 0 rgba(54,45,34,.22);background:#fbf7ee}
.door:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.door::before{content:"";position:absolute;inset:0 0 auto;height:.35rem;background:var(--accent)}
.door-one{--accent:var(--rust)}.door-two{--accent:var(--museum-blue)}.door-three{--accent:var(--old-green)}.door-four{--accent:var(--bruise)}
.door-number{align-self:flex-end;width:2.2rem;height:2.2rem;margin:.2rem 0 .8rem;border:1px solid var(--accent);border-radius:50%;color:var(--accent);font:700 .75rem/2.1rem Arial,sans-serif;text-align:center}
.door-kind{color:var(--accent);font:700 .67rem/1.3 Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.door strong{max-width:15ch;margin:.75rem 0;font-size:clamp(1.35rem,3vw,2rem);font-weight:400;line-height:1.04}
.door-note{color:#3f3a32;font-size:.98rem;line-height:1.48}
.fallback-object{position:absolute;right:1rem;bottom:7.8rem;color:color-mix(in srgb,var(--accent) 58%,transparent);font-size:2rem;letter-spacing:-.15em;transform:rotate(-4deg)}
.door-fallback{margin-top:1rem;padding:.65rem;border:1px dashed #9a9082;background:#ece5d8;color:#514a40;font-size:.76rem;line-height:1.35}
.door-destination{margin-top:auto;padding-top:1.4rem;border-top:1px dotted #8a8174;color:#36312b;font:700 .72rem/1.45 Arial,sans-serif}
.repentance{margin-top:clamp(2.6rem,7vw,5rem);text-align:right}
.repentance a{display:inline-block;color:#332f29;font:700 .76rem/1.4 Arial,sans-serif;letter-spacing:.035em;text-decoration:none}
.repentance a:hover,.repentance a:focus-visible{text-decoration:underline;text-underline-offset:.25em}
.repentance a:focus-visible{outline:2px solid var(--ink);outline-offset:.35rem}
@media(max-width:700px){
  .sas{width:min(100% - 1.2rem,34rem);padding-top:2rem}
  .escape-doors{grid-template-columns:1fr}
  .door{min-height:16.5rem;padding:1rem}
  .door:nth-child(n){transform:none}
  .repentance{text-align:left}
}
@media(prefers-reduced-motion:reduce){.door{transition:none}}