:root{--paper:#f5f0e5;--card:#fffcf5;--ink:#203b32;--rust:#a74730;--muted:#5f6d63;--line:#d4d3c4;--soft:#e9e3d5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Georgia,serif}header,main,footer{max-width:1120px;margin:auto;padding:26px 30px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}a{color:inherit}button,input,textarea,select,nav,.eyebrow,.fine,.notice,.test-note,label,.wizard-tabs,.badge,.feedback{font-family:Arial,sans-serif}.brand{font-size:25px;font-weight:bold;text-decoration:none;letter-spacing:-.6px}.brand span{color:var(--rust)}nav{display:flex;gap:25px;font-size:13px}nav a{text-decoration:none}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding:75px 0}.hero>*{min-width:0}.eyebrow{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:2.4px;color:var(--rust)}h1{font-size:clamp(48px,7vw,84px);font-weight:400;line-height:1.04;letter-spacing:-3px;margin:25px 0}h1 em{color:var(--rust)}h2{font-size:36px;line-height:1.2;font-weight:400;margin:18px 0 24px}h3{font-size:25px;line-height:1.3;font-weight:400}p{max-width:650px}h1,h2,h3,p,.clue,.link-box{overflow-wrap:anywhere}.lede{font-size:19px}.fine{font-size:12px;line-height:1.65;color:var(--muted)}.test-note{font-size:11px;letter-spacing:.5px;color:var(--rust)}.actions,.wizard-actions{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin:22px 0}button,.button{border:1px solid var(--ink);background:var(--ink);color:var(--card);padding:14px 21px;border-radius:4px;font:14px/1.5 Arial,sans-serif;cursor:pointer;display:inline-block;text-decoration:none;min-height:46px}button:hover,.button:hover{background:#35564a}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:transparent;color:var(--ink)}.secondary:hover{background:var(--soft)}.text-button{border:0;background:transparent;color:var(--ink);text-decoration:underline;text-underline-offset:4px;padding:8px 0}.text-button:hover{background:transparent;color:var(--rust)}.text-link{font:14px/1.7 Arial,sans-serif;text-underline-offset:4px}.case{padding:28px;background:#e7dfcd;border:1px solid #cfc4ac;box-shadow:0 16px 35px #203b3210;transform:rotate(1.3deg)}.case-inner{padding:28px;background:var(--card);border:1px solid #cfc4ac}.case-inner h2{font-size:34px}.rule{height:1px;background:var(--line);margin:22px 0}.handwriting{font-style:italic;color:var(--muted)}.seal{margin:25px auto 5px;border-radius:50%;background:var(--rust);color:white;width:60px;height:60px;display:grid;place-items:center;font-size:25px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;border-top:1px solid var(--line);padding:38px 0}.steps p{font-size:15px}.faq{max-width:750px;margin:40px 0 65px}details{border-bottom:1px solid var(--line)}summary{padding:18px 0;cursor:pointer;font-size:16px}details>p{font-size:15px}.workspace{background:var(--card);border:1px solid var(--line);padding:40px;margin:35px auto 55px;max-width:900px;scroll-margin-top:20px}.section-top{display:flex;gap:18px;align-items:center;justify-content:space-between}.wizard-tabs{display:flex;gap:25px;list-style:none;padding:22px 0;margin:0 0 24px;border-bottom:1px solid var(--line);font-size:12px}.wizard-tabs [aria-current=step]{font-weight:bold;color:var(--rust)}.form-grid,.columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.form-grid>*,.columns>*{min-width:0}label{display:block;font-size:12px;font-weight:600;letter-spacing:.2px;margin:20px 0 7px}input:not([type=checkbox]),textarea,select{width:100%;padding:12px;border:1px solid #9ca69b;background:#fffdf7;color:var(--ink);font:16px/1.5 Arial,sans-serif;border-radius:4px;max-width:100%}textarea{resize:vertical}input[type=checkbox]{width:17px;height:17px;flex:0 0 auto;margin:3px 0 0;accent-color:var(--ink)}.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;line-height:1.6}.length-control{display:grid;grid-template-columns:auto 88px 1fr;align-items:center;gap:15px;margin:20px 0}.length-control label{margin:0;font-size:14px}.length-control select{text-align:center;padding-right:10px}.length-control .fine{margin:0}.form-grid .length-control{grid-template-columns:auto 88px;margin-top:20px;align-content:start}.form-grid .length-control .fine{grid-column:1/-1}.notice{background:var(--soft);padding:15px 18px;border-left:3px solid var(--rust);font-size:13px;line-height:1.7}.feedback{min-height:24px;font-size:14px;color:var(--rust)}.evidence-entry,.paper-card{padding:22px;border:1px solid var(--line);margin:20px 0;background:#f8f4ea}.entry-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.entry-heading h3{font-size:21px;margin:0}.draft-controls{border-top:1px solid var(--line);margin-top:30px;padding-top:8px}.draft-controls .actions{gap:25px;margin:0}.link-box{background:var(--soft);padding:15px;font:12px/1.8 Arial,sans-serif;word-break:break-all}.badge{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--rust)}.status-row{display:flex;justify-content:space-between;gap:20px}.clue{white-space:pre-line;background:#f4efe3;border:1px solid #d6cbb5;border-left:3px solid var(--rust);padding:26px;font-size:19px;line-height:1.8;margin:20px 0}.artifact-label{border-bottom:1px solid #d6cbb5;padding-bottom:9px;margin-bottom:18px;font:10px/1.5 Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--rust)}.progress-track{height:4px;background:var(--soft);margin:26px 0}.progress-track>div{height:4px;background:var(--rust)}.answer-row{display:flex;gap:12px}.answer-row input{flex:1;min-width:0}.answer-row button{flex:0 0 auto}.opening{white-space:pre-line}.notebook p{font:14px/1.8 Arial,sans-serif}.reveal{border:1px solid #d6cbb5;background:#f9f3e5;padding:30px;text-align:center;margin:25px 0}.reveal p{white-space:pre-line;margin:20px auto;text-align:left;font-size:21px}.reveal .signature{font-style:italic;text-align:right}.danger{color:var(--rust);border-color:var(--rust)}.subtle{color:var(--muted)}.creator-intro{font-size:19px;white-space:pre-line}.toolbar{padding-top:18px;border-top:1px solid var(--line)}.status-note{font:12px Arial,sans-serif;color:var(--muted)}.ready-checks{margin-bottom:20px}.print-only{display:none}footer{border-top:1px solid var(--line);font-size:12px;color:var(--muted)}body.focused header nav{display:none}body.focused main{max-width:960px}.skip{position:absolute;top:-100px;left:15px;background:var(--ink);color:white;padding:10px;z-index:5}.skip:focus{top:10px}:focus-visible{outline:3px solid var(--rust);outline-offset:4px}[hidden]{display:none!important}
@media(max-width:750px){header,main,footer{padding:22px}.hero{grid-template-columns:1fr;gap:35px;padding:40px 0}.case{max-width:500px;transform:none}.steps{grid-template-columns:1fr;gap:10px}.workspace{padding:24px;margin:20px 0 35px}.form-grid,.columns{grid-template-columns:1fr}.wizard-tabs{gap:18px;flex-wrap:wrap}.section-top{align-items:flex-start}.answer-row{flex-direction:column}.answer-row button{width:100%}.status-row{flex-wrap:wrap}.clue{padding:20px;font-size:18px}}@media(max-width:480px){header{align-items:flex-start;flex-direction:column;gap:10px}nav{gap:20px}h1{font-size:clamp(43px,12vw,58px);letter-spacing:-2px}h2{font-size:30px}.brand{font-size:23px}.case,.case-inner{padding:20px}.case-inner h2{font-size:30px}.workspace{padding:20px}.wizard-actions>button:not(.text-button){width:100%}.length-control{grid-template-columns:auto 80px;gap:12px}.length-control .fine{grid-column:1/-1}.reveal{padding:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{body>*{display:none!important}#printArea{display:block!important;color:#111;background:white;padding:20px;max-width:none}#printArea h1{font-size:34px;letter-spacing:-1px}#printArea h2{font-size:25px}#printArea .paper-card{break-inside:avoid;background:white;border:1px solid #aaa;margin:20px 0}#printArea p{white-space:pre-line;max-width:none}#printArea .sealed-reveal{break-before:page;border:2px dashed #555;padding:25px}#printArea .link-box{background:white;font-size:11px}#printArea .artifact-label{color:#333}}
.paper-card p{white-space:pre-line}.reveal .eyebrow{font:10px/1.5 Arial,sans-serif;text-align:center;letter-spacing:2px}.page-title{font-size:36px;line-height:1.2;letter-spacing:-.8px;margin:18px 0 24px;font-weight:400}@media(max-width:480px){.page-title{font-size:30px}}
.journey-intro{padding:25px 0 45px}.journey-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:25px}.journey-cards>a{padding:24px;background:var(--card);border:1px solid var(--line);text-decoration:none}.journey-cards>a:hover{border-color:var(--rust)}.journey-cards h3{font-size:24px}.journey-cards p{font-size:15px}.journey-options{border:0;padding:0;margin:12px 0 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.journey-options legend{font:14px Arial,sans-serif;margin-bottom:12px}.journey-options label{display:flex;align-items:flex-start;gap:9px;border:1px solid var(--line);border-radius:4px;padding:15px;margin:0;cursor:pointer;font-weight:400;letter-spacing:0}.journey-options label:has(input:checked){background:var(--soft);border-color:var(--ink)}.journey-options input{width:16px!important;min-width:16px;margin:3px 0 0;accent-color:var(--ink)}.journey-options small{display:block;font:11px/1.6 Arial,sans-serif;color:var(--muted);margin-top:5px}.answer-choices{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.answer-choice{flex:1 1 130px}.answer-choices~form{margin-top:15px}@media(max-width:750px){.journey-cards,.journey-options{grid-template-columns:1fr}.journey-options label{align-items:center}.journey-options small{margin-top:2px}.answer-choice{flex-basis:100%}}
.journey-options input{height:16px;padding:0;border:0;background:none}

/* Shared baseline for the number and difficulty controls. */
.puzzle-settings .length-control{display:block;margin:0}.puzzle-settings .length-control label{margin:20px 0 7px;font-size:12px}.puzzle-settings .length-control select{width:100%;text-align:left}.puzzle-settings .length-control .fine{display:block;margin-top:7px}.puzzle-settings select{min-height:50px}.evidence-intro{padding:0 0 14px;border-bottom:1px solid var(--line);margin-bottom:25px}.evidence-intro h2{font-size:29px;margin-bottom:12px}#moreDetails{border:1px solid var(--line);padding:0 20px;margin-top:25px;background:#f8f4ea}#moreDetails>summary{font-weight:bold;color:var(--ink)}#moreDetails>p{font-size:15px}.clue{white-space:pre-wrap}.evidence-entry{background:var(--card)}

.review-panel{border:1px solid var(--line);padding:22px;margin:25px 0;background:#f8f4ea}.review-panel h2{font-size:28px}.review-panel ol,.review-panel ul{font:14px/1.8 Arial,sans-serif;padding-left:24px}.role-card{border:1px solid var(--line);padding:0 18px;margin:12px 0;background:var(--card)}.role-card h3{font-size:20px}.role-card p{white-space:pre-wrap}.activity{border-left:3px solid var(--rust);padding:14px 18px;background:var(--soft);font:15px/1.7 Arial,sans-serif}.entry-heading{flex-wrap:wrap}#planReview{margin-top:20px}@media print{.role-card{break-inside:avoid}}

/* A tangible preview of the personal adventure. */
.mystery-board{position:relative;isolation:isolate;min-height:560px;padding:24px;background:#e7dfcd;background-image:radial-gradient(#b9ac9066 .7px,transparent .7px);background-size:7px 7px;border:1px solid #cfc4ac;border-radius:6px;box-shadow:0 20px 55px #203b3215}.board-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.board-heading .eyebrow{font-size:9px;letter-spacing:1.6px}.board-stamp{font:9px Arial,sans-serif;letter-spacing:1.5px;border:1px solid #a7473066;padding:5px 7px;color:var(--rust);white-space:nowrap}.evidence-thread{position:absolute;inset:35px 0 0;width:100%;height:470px;z-index:-1;overflow:visible}.evidence-thread path{fill:none;stroke:#a74730;stroke-width:2;stroke-dasharray:5 5;opacity:.6}.evidence-note{position:relative;background:var(--card);padding:26px 24px 22px;margin:23px 20px 0 0;transform:rotate(-3deg);box-shadow:2px 7px 15px #203b321a;border:1px solid #d2c7b0}.evidence-pin{position:absolute;top:-7px;left:50%;width:12px;height:12px;border-radius:50%;background:var(--rust);box-shadow:1px 3px 3px #203b3233}.evidence-note h2{font-size:31px;line-height:1.13;margin:12px 0 16px;letter-spacing:-.6px}.cipher-strip{font:15px/1.5 monospace;letter-spacing:1px;color:var(--rust);border-block:1px solid var(--line);padding:9px 0}.evidence-note p{font-size:14px;line-height:1.6;margin:12px 0}.note-caption{font:italic 13px Georgia,serif;color:var(--muted)}.discovery-slip{position:relative;display:flex;gap:13px;align-items:center;background:#203b32;color:var(--card);padding:15px 18px;margin:-5px -7px 0 48px;transform:rotate(3deg);box-shadow:0 6px 15px #203b3222}.discovery-check{font:22px Arial,sans-serif;border:1px solid #b7c7a3;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0}.discovery-slip .eyebrow{color:#d7c69b;font-size:8px;letter-spacing:1.6px}.discovery-slip strong{display:block;font:23px Georgia,serif;line-height:1.4}.discovery-slip div>span:last-child{display:block;font:10px/1.5 Arial,sans-serif;color:#e2e4d7}.final-envelope{position:relative;overflow:hidden;background:#efe4cd;border:1px solid #c5b18d;padding:20px 23px 18px;margin:22px 12px 0 5px;transform:rotate(-2deg);box-shadow:0 7px 15px #203b3212}.envelope-fold{position:absolute;width:150px;height:150px;border:1px solid #c5b18d;right:-80px;top:-80px;transform:rotate(45deg)}.final-envelope .eyebrow{font-size:8px;letter-spacing:1.8px}.final-envelope strong{display:block;font:23px/1.25 Georgia,serif;margin:7px 45px 10px 0}.envelope-seal{position:absolute;right:19px;top:42px;width:43px;height:43px;display:grid;place-items:center;background:var(--rust);border:3px double #d58868;border-radius:50%;color:var(--card);font:italic 23px Georgia,serif;box-shadow:1px 3px 5px #6d2e2822}.envelope-caption{font:8px Arial,sans-serif;letter-spacing:1.5px;color:#786448}.board-preview{display:flex;justify-content:space-between;align-items:center;margin:23px 5px 0;font:13px Arial,sans-serif;text-decoration:none;border-bottom:1px solid #8f998b;padding-bottom:10px}.board-preview:hover{color:var(--rust)}.board-preview span:last-child{font-size:23px}.board-footnote{font:9px/1.6 Arial,sans-serif;text-align:center;color:var(--muted);margin:10px 0 0}@media(max-width:750px){.mystery-board{width:100%;max-width:480px;justify-self:center;min-height:0}.hero{gap:38px}}@media(max-width:380px){.mystery-board{padding:17px}.board-heading .eyebrow{font-size:8px}.evidence-note{margin-right:8px;padding:23px 17px 18px}.evidence-note h2{font-size:28px}.discovery-slip{margin-left:20px}.final-envelope{margin-right:0}.final-envelope strong{font-size:21px}}

@media(max-width:480px){.cipher-strip{font-size:12px;letter-spacing:.5px;white-space:nowrap}}
/* Keep the first-screen message and action beside the preview. */
@media(min-width:751px){.hero{align-items:start;padding:38px 0 55px}.hero>div:first-child{padding-top:16px}.hero>div:first-child>.eyebrow{margin-top:0}.hero h1{font-size:clamp(48px,6vw,76px);margin:20px 0}.hero .lede{margin:18px 0}.hero .actions{margin:20px 0}}
