/* Since 1565 adventure companion */
.play-shell{max-width:720px;margin:0 auto;padding:28px 16px 80px}
.play-top{background:var(--night);color:var(--parchment);padding:28px 0 36px}
.play-top h1{color:var(--parchment);font-size:clamp(2rem,6vw,3rem);margin-bottom:.2em}
.play-top .meta{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}
.play-top .tag{background:rgba(255,255,255,.1);color:var(--parchment)}
.play-top .route{color:#cfc8b8;font-size:.95rem;margin-top:10px}
.pbar{height:8px;background:rgba(255,255,255,.15);border-radius:99px;overflow:hidden;margin-top:18px}
.pbar span{display:block;height:100%;background:var(--gold);width:0;transition:width .4s}
.panel{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(42,33,24,.08);padding:26px;margin-bottom:18px}
.panel h2{font-size:1.9rem}
.imagine{font-family:var(--display);font-size:1.3rem;line-height:1.45;color:var(--night);font-style:italic;border-left:4px solid var(--gold);padding-left:16px;margin:0 0 16px}
.imagine::before{content:"Imagine: ";font-style:normal;font-weight:700;color:var(--gold)}
.stop-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--parchment-2);border-radius:10px;padding:10px 14px;margin:0 0 16px;font-size:.92rem}
.stop-line b{color:var(--red);letter-spacing:.08em;font-size:.75rem}
.stop-line a{margin-left:auto;font-weight:700;text-decoration:none;font-size:.88rem}
.clue-no{font-family:var(--display);font-size:1rem;color:var(--gold);font-weight:700;letter-spacing:.06em}
.clue-text{font-size:1.05rem}
.src{font-size:.7rem;vertical-align:super;text-decoration:none;color:var(--teal);font-weight:700;margin-left:1px}
.fallback{font-size:.9rem;color:var(--ink-soft);background:#f3eee2;border-radius:10px;padding:10px 14px;margin:12px 0}
.fallback summary{font-weight:600;color:var(--ink-soft);cursor:pointer}
details.fallback{border:none}
.answer-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.answer-row input{flex:1;min-width:180px;padding:13px 16px;border-radius:12px;border:2px solid var(--coquina);font:inherit;background:var(--parchment)}
textarea.notes{width:100%;min-height:80px;padding:12px 14px;border-radius:12px;border:2px solid var(--coquina);font:inherit;background:var(--parchment);margin-top:12px;resize:vertical}
.feedback{margin-top:12px;padding:12px 16px;border-radius:12px;display:none;font-weight:500}
.feedback.ok{display:block;background:#dceee6;color:#1f5a40}
.feedback.no{display:block;background:#f6dcda;color:#7a1f1b}
.tools{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px;font-size:.9rem}
.linkbtn{background:none;border:none;padding:0;font:inherit;color:var(--teal);font-weight:600;text-decoration:underline;cursor:pointer}
.hintbox{display:none;background:#fff6dc;border-radius:10px;padding:10px 14px;margin-top:12px}
.hintbox.show{display:block}
.hostbox{display:none;background:var(--night);color:var(--parchment);border-radius:10px;padding:12px 14px;margin-top:12px}
.hostbox.show{display:block}
.hostbox b{color:var(--gold)}
.navrow{display:flex;justify-content:space-between;gap:10px;margin-top:22px;flex-wrap:wrap}
.btn.light{background:transparent;border-color:var(--coquina);color:var(--ink)!important}
.xmission{background:#f4ecdb;border:2px dashed var(--gold);border-radius:var(--radius);padding:20px;margin-bottom:18px}
.xmission h3{font-size:1.4rem;margin-bottom:.2em}
.xmission .tag{background:var(--gold);color:var(--night)}
.xmission .body{display:none;margin-top:12px}
.xmission.open .body{display:block}
.cards .ev{background:var(--parchment);border:1px solid var(--coquina);border-radius:12px;padding:14px 16px;margin-bottom:12px}
.cards .ev h4{font-family:var(--body);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:.4em}
.sketch-wrap{margin-top:12px;display:none}
.sketch-wrap.show{display:block}
.sketch-wrap canvas{width:100%;height:240px;background:#fffdf8;border:2px solid var(--coquina);border-radius:12px;touch-action:none;display:block}
.sketch-tools{display:flex;gap:12px;margin-top:6px;font-size:.85rem}
.seal{width:110px;height:110px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#e9c46a,#c9972b);color:var(--night);font-family:var(--display);font-weight:700;font-size:1.05rem;text-align:center;line-height:1.1;box-shadow:0 0 0 6px var(--parchment),0 0 0 8px var(--gold)}
.seal.off{background:var(--parchment-2);color:#b6a98f;box-shadow:0 0 0 6px var(--white),0 0 0 8px var(--coquina)}
.ending{text-align:center}
.ending .imagine{text-align:left}
.list-hunts .card{padding:22px}
.lock{font-size:.8rem;color:var(--ink-soft)}
@media print{
  .site-header,.site-footer,#notify,.play-top,.navrow,.tools,.answer-row,.no-print{display:none!important}
  .panel{box-shadow:none;border:1px solid #ccc}
}
.ask{font-weight:700;color:var(--night);margin:18px 0 8px;font-size:.98rem}
.answer-row{margin-top:0}