/* Retro viewer for all expanded quest records. */
body.retro-quest{
  --ink:var(--retro-ink,#182525);--muted:var(--retro-muted,#344747);
  min-height:100vh;overflow-x:hidden;color:var(--retro-ink,#182525);
  background:var(--retro-desktop,#BD9CE8);
  background-image:repeating-linear-gradient(0deg,transparent 0 3px,#00000008 3px 4px);
  font-family:Verdana,Arial,sans-serif;
}
.retro-quest .top{
  max-width:1040px;margin:22px auto 0;padding:12px 18px;
  background:var(--retro-panel,#CBB5EF);border:2px solid;
  border-color:var(--retro-edge-light,#fff) var(--retro-edge-dark,#52505B) var(--retro-edge-dark,#52505B) var(--retro-edge-light,#fff);
  box-shadow:5px 5px #0005;
}
.retro-quest .logo{font:900 clamp(19px,3vw,29px)/1.2 'Courier New',monospace;letter-spacing:-1.5px}
.retro-quest .logo span{color:var(--retro-link,#513477)}
.retro-quest .shuffle-btn{
  min-height:40px;padding:8px 12px;border:3px solid;border-radius:0;box-shadow:1px 1px #222;
  border-color:var(--retro-edge-light,#fff) var(--retro-edge-dark,#52505B) var(--retro-edge-dark,#52505B) var(--retro-edge-light,#fff);
  background:var(--retro-panel,#CBB5EF);color:var(--retro-ink,#182525);font:bold 11px/1.3 Verdana,sans-serif;cursor:pointer;
}
.retro-quest .shuffle-btn:active{border-color:var(--retro-edge-dark) var(--retro-edge-light) var(--retro-edge-light) var(--retro-edge-dark);transform:translate(1px,1px);box-shadow:none}
.retro-quest .retro-menu{
  max-width:1040px;margin:auto;display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:10px 18px;
  background:var(--retro-tint,#E1CEF6);border:1px solid var(--retro-edge-dark,#343434);
  color:var(--retro-ink,#182525);font:13px 'Courier New',monospace;
}
.retro-quest .retro-menu a{color:var(--retro-link,#513477);text-decoration:underline;text-underline-offset:3px}
.retro-quest .retro-menu span{margin-left:auto;font-size:11px;color:var(--retro-muted,#344747)}
.retro-quest .wrap{max-width:1040px;margin:0 auto 30px;padding:28px;background:var(--retro-tint,#E1CEF6);border:1px solid var(--retro-edge-dark,#253B3B);box-shadow:5px 5px #0005}
.retro-quest .quest{padding:0;border:2px solid;border-radius:0;box-shadow:5px 5px #0003;background:var(--retro-paper,#F3E7FF);border-color:var(--retro-edge-light,#fff) var(--retro-edge-dark,#52505B) var(--retro-edge-dark,#52505B) var(--retro-edge-light,#fff)}
.quest-window-bar{display:flex;justify-content:space-between;gap:12px;margin:3px;padding:8px 10px;background:var(--retro-title,#513477);color:var(--retro-title-ink,#fff);font:bold 12px/1.4 'Courier New',monospace}
.quest-address{padding:9px 12px;background:var(--retro-panel,#CBB5EF);border-bottom:1px solid var(--retro-edge-dark,#777);font:11px/1.4 'Courier New',monospace;overflow-wrap:anywhere}
.retro-quest .hero{padding:34px 35px 31px;background:linear-gradient(100deg,var(--hero-a),var(--hero-b));border-bottom:1px solid var(--retro-edge-dark,#777);color:#182525}
.retro-quest .hero::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#0000000a 3px 4px);pointer-events:none}
.retro-quest .hero>*{position:relative;z-index:1}
.retro-quest .eyebrow{display:inline-block;padding:5px 8px;background:#fff9;border:1px solid #182525;color:#182525;font:bold 10px/1.4 'Courier New',monospace;letter-spacing:1px}
.retro-quest .hero h1{max-width:780px;margin:15px 0 11px;color:#182525;font:900 clamp(38px,6.8vw,68px)/.94 'Courier New',monospace;letter-spacing:-4px}
.retro-quest .hero p{max-width:650px;padding-right:55px;color:#182525;font:14px/1.6 Verdana,sans-serif}
.retro-quest .symbol{position:absolute;right:30px;top:28px;color:#182525;font-size:48px;filter:grayscale(1) contrast(1.5)}
.retro-quest .body{padding:30px 35px 36px;background:var(--retro-paper,#F3E7FF)}
.retro-quest .section{margin:0 0 28px;padding:23px 24px;border:1px solid var(--retro-edge-dark,#777);box-shadow:3px 3px #0002;background:var(--retro-paper,#F3E7FF)}
.retro-quest .label{padding:5px 8px;border:0;border-radius:0;transform:none;background:var(--retro-title,#513477);color:var(--retro-title-ink,#fff);font:bold 9px/1.4 'Courier New',monospace;letter-spacing:1px}
.retro-quest h2{margin:12px 0 9px;color:var(--retro-ink,#182525);font:bold 25px/1.2 'Courier New',monospace}
.retro-quest .mission{margin-bottom:0;color:var(--retro-ink,#182525);font:18px/1.55 Georgia,serif}
.retro-quest .rules{margin:10px 0 0}
.retro-quest .rules li{padding:12px 3px;border-bottom:1px dotted var(--retro-edge-dark,#777);color:var(--retro-ink,#182525);font:14px/1.5 Verdana,sans-serif}
.retro-quest .rules li::before{content:'[ ]';margin-right:10px;color:var(--retro-link,#513477);font:bold 11px 'Courier New',monospace}
.retro-quest .edge{border:2px solid var(--retro-title,#513477);border-radius:0;box-shadow:4px 4px #0003;background:var(--retro-title,#513477);color:var(--retro-title-ink,#fff)}
.retro-quest .edge .label{background:var(--retro-accent,#FFBBD9);color:var(--retro-accent-ink,#182525)}
.retro-quest .edge h2,.retro-quest .edge p{color:var(--retro-title-ink,#fff)}
.retro-quest .edge p{font:14px/1.6 Verdana,sans-serif}
.retro-quest .edge details{border-color:#ffffff66}
.retro-quest .edge summary,.retro-quest .edge strong{color:var(--retro-accent,#FFBBD9)}
.retro-quest .bonus{border:2px dashed var(--retro-title,#513477);border-radius:0;background:var(--retro-tint,#E1CEF6)}
.retro-quest .bonus p{color:var(--retro-muted,#344747);font:14px/1.6 Verdana,sans-serif}
.retro-quest .done{border:3px solid;border-radius:0;box-shadow:3px 3px #0004;background:var(--retro-accent,#FFBBD9);color:var(--retro-accent-ink,#182525);border-color:var(--retro-edge-light,#fff) var(--retro-edge-dark,#52505B) var(--retro-edge-dark,#52505B) var(--retro-edge-light,#fff);font:bold 18px/1.4 'Courier New',monospace}
.retro-quest .done:active{transform:translate(2px,2px);box-shadow:1px 1px #0004}
.retro-quest .done.completed{background:var(--retro-success,#D0E6BC);color:var(--retro-success-ink,#244D1D)}
.retro-quest .after{padding:17px;border:1px dotted var(--retro-edge-dark,#777);color:var(--retro-ink,#182525);font:13px/1.6 Verdana,sans-serif}
.retro-quest .next{color:var(--retro-link,#513477);text-decoration-color:var(--retro-accent,#FFBBD9);font:bold 13px/1.5 'Courier New',monospace}
.retro-quest .note{color:var(--retro-muted,#344747);font:11px/1.5 Verdana,sans-serif}
.retro-quest .error{padding:55px 30px;background:var(--retro-paper,#F3E7FF)}
.retro-quest .error h1{color:var(--retro-ink,#182525);font:bold 34px 'Courier New',monospace}
.retro-quest .error a{color:var(--retro-link,#513477)}
.retro-quest :is(a,button,summary):focus-visible{outline:3px solid #B13B00;outline-offset:3px}
.retro-quest .retro-skip{position:absolute;top:-100px;left:10px;z-index:100;padding:12px;background:#fff;color:#000080}
.retro-quest .retro-skip:focus{top:10px}
.retro-quest[data-retro-mode="dark"]{color-scheme:dark}
@media(max-width:620px){
  .retro-quest .top{margin:0;padding:10px}.retro-quest .logo{font-size:20px}.retro-quest .shuffle-btn{padding:6px;font-size:10px}
  .retro-quest .retro-menu{gap:0;justify-content:space-between;padding:3px 9px;font-size:11px}.retro-quest .retro-menu a{padding:12px 3px}.retro-quest .retro-menu span{display:none}
  .retro-quest .wrap{margin:0;padding:12px 12px 22px}.retro-quest .hero{padding:27px 18px 25px}.retro-quest .hero h1{font-size:40px;letter-spacing:-2.5px}.retro-quest .hero p{padding-right:28px;font-size:13px}.retro-quest .symbol{right:15px;top:24px;font-size:34px}
  .retro-quest .body{padding:18px 15px 22px}.retro-quest .section{padding:18px 15px;margin-bottom:18px}.retro-quest h2{font-size:21px}.retro-quest .mission{font-size:17px}.retro-quest .done{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.retro-quest *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}