:root{--ink:#172439;--navy:#12223b;--navy2:#213752;--paper:#f7f2e8;--white:#fffdfa;--gold:#cda25d;--gold-light:#f8e4bb;--muted:#5a6778;--line:#e6decf;--danger:#a52c25;--good:#32634a;--radius:19px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:#185780;text-decoration:underline;text-underline-offset:3px}a:focus-visible,button:focus-visible{outline:3px solid #4a9af6;outline-offset:3px}
.topbar{background:var(--navy);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 12px #0e1e2c30}.topbar-inner{max-width:1060px;margin:auto;min-height:66px;padding:9px 17px;display:flex;justify-content:space-between;align-items:center;gap:12px}.wordmark,.top-icon{background:transparent;border:0;color:#fff;cursor:pointer}.wordmark{display:flex;text-align:left;align-items:center;gap:11px;padding:0}.rose{font-size:31px;color:#f2d19b;line-height:1}.wordmark-words{display:flex;flex-direction:column;line-height:1.26;letter-spacing:.09em}.wordmark strong{font-size:14px;white-space:nowrap}.wordmark small{font-size:9px;color:#edc990;margin-top:3px;white-space:nowrap}.top-icon{border:1px solid #7890a9;border-radius:11px;padding:8px 13px;font-size:12px;font-weight:750;letter-spacing:.05em}.top-icon span{font-size:17px;vertical-align:middle;margin-left:2px}
.page{max-width:980px;margin:0 auto;padding:28px 17px 70px}.page-narrow{max-width:810px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#b38749;font-weight:800;font-size:12px}.hero{text-align:center;background:linear-gradient(170deg,#152842,#203b56);color:#fff;border-radius:26px;padding:31px 20px 28px;position:relative;overflow:hidden;box-shadow:0 16px 38px #20314b26}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(60deg,transparent 0,transparent 56px,#ffffff05 57px,#ffffff05 58px)}.hero > *{position:relative}.hero .eyebrow{color:#eac887}.hero h1{font:700 clamp(32px,7vw,57px)/1.07 Georgia,'Times New Roman',serif;margin:11px auto 14px;max-width:720px;text-wrap:balance}.hero p.lede{font-size:16px;color:#e9e6e1;max-width:560px;margin:0 auto 22px}.hero-visual{height:150px;display:flex;justify-content:center;align-items:center;margin:1px auto 11px}.hero-visual img{height:148px;width:auto;mix-blend-mode:lighten;filter:drop-shadow(0 8px 14px #030e1a87)}.hero-badges{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:18px auto 22px}.hero-badges span{border:1px solid #9dabbc88;background:#ffffff0a;border-radius:100px;padding:6px 12px;font-weight:650;font-size:12px;color:#f7e5c7}
h2,h3{line-height:1.18;font-family:Georgia,'Times New Roman',serif}h2{font-size:clamp(25px,4vw,34px);margin:6px 0 15px}h3{font-size:21px;margin:0 0 12px}.prose p{margin:0 0 13px}.content-card{background:var(--white);border:1px solid var(--line);box-shadow:0 7px 20px #1528420a;border-radius:var(--radius);padding:22px;margin-top:22px}.content-card h2,.content-card h3{color:#1a304a}.glance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.glance div{border-top:1px solid var(--line);padding:13px 9px 13px 0}.glance .g-label{color:#606c77;display:block;font-size:12px;letter-spacing:.04em;text-transform:uppercase;font-weight:800}.glance .g-value{font-weight:650;color:var(--ink);font-size:14px}.start-actions,.btn-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.btn{border:1px solid transparent;background:var(--navy);color:#fff;border-radius:12px;min-height:47px;padding:10px 18px;font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-align:center;line-height:1.3}.btn:hover{filter:brightness(1.09)}.btn-primary{background:#e8b86a;color:#17283b;border-color:#a1783b}.btn-secondary{background:#fff;color:var(--ink);border-color:#aab3bb}.btn-dark{background:var(--navy);color:#fff}.btn-ghost{background:transparent;color:var(--ink);border-color:#8b99a8}.btn-wide{width:100%}.btn:disabled{opacity:.42;cursor:not-allowed;filter:none}.small-note{color:var(--muted);font-size:13px}.center{text-align:center}.top-space{margin-top:20px}.story-card{font-size:15.5px;line-height:1.72}.story-card p:last-child{margin-bottom:0}.story-banner{font-size:12px;letter-spacing:.12em;color:#6c563a;font-weight:850;text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:19px}.location-strip{background:#233d56;border:1px solid #48617a;color:#fff;border-radius:16px;padding:17px 20px;margin-bottom:17px}.location-strip .eyebrow{color:#eac887}.location-strip h1{font:700 30px/1.14 Georgia,serif;margin:5px 0}.location-strip p{margin:4px 0 0;color:#d8e0e9}.progress-number{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px;font-weight:750;margin:5px 0 7px}.progress-track{background:#d7dfdf;border-radius:8px;height:9px;overflow:hidden}.progress-track div{height:100%;background:linear-gradient(90deg,#9c743d,#dfb96f);border-radius:8px;transition:width .2s}.step-dots{display:flex;justify-content:space-between;gap:3px;margin-top:8px}.step-dot{background:#d1d9da;border:0;width:100%;max-width:30px;height:9px;border-radius:6px;cursor:pointer}.step-dot.done{background:#4f886a}.step-dot.current{background:#d3a15a;box-shadow:0 0 0 2px #fbf0d5}.step-dot:disabled{cursor:default}.instruction{white-space:pre-line;color:#324258;font-size:15px;line-height:1.67}.clue-panel{border:1px solid #d2ba91;background:linear-gradient(160deg,#fffaf1,#f9eed6);box-shadow:0 8px 30px #ab81522c;border-radius:20px;padding:24px;margin-top:17px}.clue-panel .eyebrow{color:#8f6532}.clue-text{font-size:17px;line-height:1.68;font-weight:600;white-space:pre-line;margin:5px 0 17px}.clue-type{display:inline-flex;gap:8px;align-items:center;border:1px solid #c9a876;border-radius:100px;background:#fff;padding:5px 12px;font-size:12px;font-weight:800;color:#5b4322;margin-bottom:7px}.hint-box{background:#fff;border:1px solid #dfccb2;border-radius:13px;padding:14px;margin:13px 0;font-size:14px}.hint-box p{margin:5px 0 10px}.answer-text{border-left:3px solid #b58a4d;padding-left:12px}.phase-buttons{margin-top:19px;display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between}.phase-buttons .btn{flex:1 1 135px}.banner-note{margin-top:13px;border-radius:12px;padding:10px 12px;background:#e8f3ec;color:#265038;font-size:13px;font-weight:700}
.board-header{text-align:center;margin-bottom:20px}.board-header h1{font:700 36px/1.2 Georgia,serif;margin:9px 0}.board-header p{max-width:580px;margin:0 auto;color:var(--muted)}.tab-row{display:flex;gap:8px;justify-content:center;margin:17px 0 9px}.tab{background:#fff;border:1px solid #9ba9ad;color:#263a51;padding:10px 17px;border-radius:10px;font-weight:850;cursor:pointer;min-height:46px}.tab.active{background:#1b334f;color:#fff;border-color:#1b334f}.board-help{text-align:center;color:#3d4d5f;font-size:13px;margin:0 0 17px}.board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.person-card{position:relative;background:#fff;border:2px solid #dbd8d3;border-radius:15px;overflow:hidden;min-width:0;box-shadow:0 3px 10px #14233610;cursor:pointer;padding:0;color:var(--ink);text-align:center}.person-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.person-card .card-label{display:block;min-height:52px;padding:12px 5px 10px;font-size:13px;line-height:1.22;font-weight:850}.person-card .card-tally{display:block;margin:0 9px 11px;color:#5f6972;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.person-card.crossed{background:#dfdfdc;border-color:#858b8f}.person-card.crossed img{filter:grayscale(1);opacity:.52}.person-card .x-mark{position:absolute;top:8px;right:8px;font-size:35px;line-height:1;color:#b02720;background:#fffdf0d9;padding:0px 9px;border:2px solid #b02720;border-radius:50%;font-weight:900;box-shadow:0 0 4px #fff}.person-card.crossed .card-label{text-decoration:line-through;text-decoration-thickness:2px;color:#777}.person-card.current-choice{border-color:#bc8a43;box-shadow:0 0 0 3px #ebd7ad}.person-card:disabled{cursor:default}.person-card .status-tag{position:absolute;top:11px;left:7px;font-size:9px;color:#fff;background:#4d5362;border-radius:6px;padding:5px 6px;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.person-card .status-tag.this-clue{background:#91671f}.case-status{background:#fff9ec;border:1px solid #dcc79f;border-radius:12px;padding:13px 15px;margin:15px 0;text-align:center;color:#5c4529;font-size:13px;font-weight:700}.board-bottom{position:sticky;bottom:0;padding:13px 0 5px;background:linear-gradient(0deg,var(--paper) 80%,#f7f2e800);z-index:4}.board-bottom .btn{width:100%}
.final-map{display:block;width:100%;height:auto;border-radius:16px;border:1px solid #40536a}.remaining-boxes{display:grid;grid-template-columns:1fr 1fr;gap:15px}.remaining-unit{padding:17px;background:#fff8eb;border:1px solid #dfc495;border-radius:16px;text-align:center}.remaining-unit .mini-label{font-size:11px;letter-spacing:.1em;font-weight:850;color:#7b5b2a}.remaining-unit img{display:block;width:min(100%,160px);aspect-ratio:1/1;object-fit:cover;border-radius:11px;margin:10px auto}.remaining-unit b{display:block;margin:5px}.remaining-unit .more{font-size:12px;color:#786d5e}.finish-symbol{font-size:45px;line-height:1;margin:13px}.reveal-card{border:2px solid #e5bc74}.reveal-card blockquote{border-left:4px solid #cda25d;margin:12px 0;padding-left:15px;font-style:italic}.revealer{padding:7px 0}.revealer p{margin:0 0 9px}.revealer h3{margin-top:20px}.victory{background:linear-gradient(160deg,#1b3b38,#18334f);color:#fff;border-radius:20px;text-align:center;padding:28px 18px;margin-bottom:19px}.victory h1{font:700 41px/1.15 Georgia,serif;margin:7px}.victory p{color:#e5dfc9}.discovery{background:#ebf4f0;border:1px solid #c9e0d5;padding:15px;border-radius:13px;margin-top:15px}.discovery h3{font:700 19px/1.2 Georgia,serif;margin:0 0 7px}.discovery p{margin:0 0 7px;font-size:14px}.discovery a{font-size:13px}.route-map-wrap{margin:17px 0}.route-notice{color:#6f7582;font-size:13px;margin:7px 0}.page-footer{background:#14263c;color:#ced6da;font-size:10px;font-weight:800;letter-spacing:.12em;padding:25px 20px;display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.subtle-divider{height:1px;background:var(--line);margin:22px 0}.backline{margin:0 0 10px}.backline button{border:0;background:transparent;color:#36526a;font-size:13px;text-decoration:underline;cursor:pointer;padding:6px 0}.route-legend{display:flex;gap:17px;align-items:center;justify-content:center;font-size:13px;color:#566779;margin-top:9px}.route-legend i{display:inline-block;width:13px;height:13px;background:#e7bc67;border:2px solid #fff;border-radius:50%;vertical-align:middle;margin-right:5px}
@media(max-width:620px){.page{padding:18px 13px 65px}.hero{padding:28px 14px}.hero h1{font-size:clamp(31px,10vw,43px)}.hero-visual{height:130px}.hero-visual img{height:128px}.content-card{padding:17px}.glance{grid-template-columns:1fr}.glance div{padding:10px 0}.location-strip h1{font-size:27px}.board-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.board-header h1{font-size:30px}.person-card .card-label{font-size:12px;min-height:51px}.person-card .x-mark{font-size:28px}.remaining-boxes{gap:9px}.remaining-unit{padding:12px 7px}.remaining-unit .more{font-size:11px}.top-icon{font-size:11px}.phase-buttons .btn{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Keep the entire evidence grid unobscured, including on smaller phones. */
.board-bottom{position:static;background:transparent;padding:14px 0 4px}
.hero-visual img{-webkit-mask-image:radial-gradient(ellipse at center,#000 45%,#000 57%,transparent 80%);mask-image:radial-gradient(ellipse at center,#000 45%,#000 57%,transparent 80%)}