.play-mode-picker{border:0;min-width:0;margin:8px 0;padding:0}.play-mode-picker legend{font-size:1.15rem;font-weight:700}.play-mode-picker>p{color:var(--muted);margin:8px 0 16px;font-size:.9rem;line-height:1.5}.play-mode-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.play-mode-options label{border:1px solid var(--line);cursor:pointer;background:var(--surface);border-radius:0;flex-direction:column;gap:8px;min-width:0;padding:18px 14px;transition:border-color .2s,transform .2s;display:flex;position:relative}.play-mode-options label[data-selected=true]{border:2px solid var(--accent);background:var(--surface2);padding:17px 13px}.play-mode-options label:has(:focus-visible){outline:3px solid var(--accent);outline-offset:3px}.play-mode-options input{width:18px;height:18px;accent-color:var(--accent);margin:0;position:absolute;top:14px;right:14px}.play-mode-icon{width:32px;height:32px;color:var(--accent);place-items:center;display:grid}.play-mode-icon svg{width:26px;height:26px}.play-mode-options label>span:not(.play-mode-icon){color:var(--muted);font-size:.84rem;font-weight:400;line-height:1.5}.play-mode-options small{color:var(--text);margin-top:auto;padding-top:8px;font-size:.73rem;font-weight:600}.play-mode-picker:disabled label{opacity:.65;cursor:wait}.play-mode-badge{border:1px solid var(--line);color:var(--text);background:var(--surface);border-radius:0;align-items:center;gap:7px;padding:7px 10px;font-size:.78rem;font-weight:700;line-height:1.2;display:inline-flex}.play-mode-badge svg{color:var(--accent)}.chapter-trail{border:1px solid var(--line);background:var(--surface);border-radius:0;grid-column:1/-1;margin-bottom:16px;padding:18px 22px}.chapter-trail-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.chapter-trail-heading>span{align-items:center;gap:8px;font-weight:700;display:flex}.chapter-trail-heading svg{color:var(--accent)}.chapter-trail-heading small{color:var(--muted)}.chapter-trail ol{gap:8px;margin:14px 0;padding:0;list-style:none;display:flex}.chapter-trail li{border:1px solid var(--line);min-width:20px;height:32px;color:var(--muted);background:var(--bg);border-radius:0;flex:1;justify-content:center;align-items:center;font-size:.8rem;display:flex}.chapter-trail li[data-state=current]{border:2px solid var(--accent);color:var(--text);font-weight:800}.chapter-trail li[data-state=done]{background:var(--accent);color:var(--accent-ink,#080506);border-color:var(--accent)}.chapter-steps{color:var(--muted);flex-wrap:wrap;gap:8px 22px;font-size:.8rem;display:flex}.chapter-steps span{align-items:center;gap:5px;display:flex}.chapter-steps span[data-done=true]{color:var(--text)}.gentle-guidance{border-left:3px solid var(--accent);background:var(--surface2);border-radius:0 10px 10px 0;margin:18px 0;padding:16px}.gentle-guidance strong{align-items:center;gap:7px;font-size:.9rem;display:flex}.gentle-guidance p{color:var(--text);margin:8px 0 0;font-size:.95rem;line-height:1.65}.answer-picks{border:0;grid-column:1/-1;width:100%;min-width:0;padding:0}.answer-picks legend{margin-bottom:12px;font-size:1rem;font-weight:700}.answer-picks-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.answer-picks label{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:0;align-items:center;gap:10px;min-height:58px;padding:13px 14px;font-weight:600;line-height:1.4;display:flex}.answer-picks label[data-selected=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.answer-picks label:has(:focus-visible){outline:3px solid var(--accent);outline-offset:3px}.answer-form .answer-picks input{width:18px;min-width:18px;height:18px;accent-color:var(--accent);flex:0 0 18px;margin:0}.answer-picks input:focus-visible{outline:0}.gentle-answer-note{color:var(--muted);grid-column:1/-1;font-size:.88rem;line-height:1.5}.answer-typing-alternative{grid-column:1/-1;padding:10px 0}.answer-typing-alternative summary{cursor:pointer;color:var(--muted);font-size:.85rem}.answer-typing-alternative input{margin-top:12px}.case-keepsake{background:var(--surface);border:1px solid var(--line);border-radius:0;margin:24px 0;padding:28px}.keepsake-identity{align-items:center;gap:18px;display:flex}.keepsake-identity h2{margin:7px 0;font-size:clamp(1.35rem,3vw,2rem)}.keepsake-identity p{color:var(--muted);margin:0 0 14px}.keepsake-stamps{flex-wrap:wrap;gap:12px;margin:24px 0 12px;padding:0;list-style:none;display:flex}.keepsake-stamps li{border:1px dashed var(--line);border-radius:0;flex:160px;grid-template-columns:32px 1fr;gap:5px 10px;padding:16px;display:grid}.keepsake-stamps svg{width:28px;height:28px;color:var(--accent);grid-row:span 2}.keepsake-stamps span,.keepsake-note{color:var(--muted);font-size:.82rem;line-height:1.5}.detective-profile{margin-bottom:24px}.profile-customise{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.profile-customise>summary{cursor:pointer;padding:8px 0;font-weight:700}.profile-customise form{gap:20px;padding-top:20px;display:grid}.profile-star{color:var(--accent);flex-shrink:0;width:44px;height:44px;margin-left:auto}@media (max-width:600px){.play-mode-options{grid-template-columns:1fr}.play-mode-options label{grid-template-columns:34px 1fr;gap:4px 12px;padding:14px;display:grid}.play-mode-options label[data-selected=true]{padding:13px}.play-mode-icon{grid-row:span 3}.play-mode-options strong{padding-right:28px}.play-mode-options small{grid-column:2;padding-top:3px}.chapter-trail{border-radius:0;padding:14px}.chapter-trail ol{gap:4px}.chapter-steps{gap:6px 12px;font-size:.73rem}.answer-picks-grid{grid-template-columns:1fr}.case-keepsake{padding:20px}.keepsake-identity{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.play-mode-options label{transition:none}}[data-motion=reduced] .play-mode-options label{transition:none}.answer-picks label>span{overflow-wrap:anywhere;min-width:0}
.case-passport{border:1px solid var(--line);background:var(--surface);border-radius:0;margin-bottom:24px;overflow:hidden}.passport-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:26px;display:flex}.passport-heading h2{max-width:550px;margin-block:8px;font-size:clamp(23px,2.4vw,30px)}.passport-heading p{font-size:14px}.passport-tally{text-align:right;flex:none}.passport-tally>strong{color:var(--accent);font-family:var(--font-display);font-size:37px;line-height:1.2;display:block}.passport-tally strong span{color:var(--muted);font-size:22px}.passport-tally>span{color:var(--muted);font-size:12px}.passport-content{grid-template-columns:minmax(0,1.75fr) minmax(240px,1fr);display:grid}.passport-book{min-width:0;padding:0 26px 20px}.passport-cases,.passport-formats{margin:0;padding:0;list-style:none}.passport-case{border-bottom:1px dashed var(--line);grid-template-columns:minmax(0,1fr) minmax(210px,1fr);align-items:center;gap:18px;padding-block:20px;display:grid}.passport-case-name{align-items:center;gap:10px;min-width:0;display:flex}.passport-case-name>svg{color:var(--violet)}.passport-case-name span{color:var(--muted);margin-bottom:5px;font-size:11px;line-height:1.45;display:block}.passport-case-name h3{font-size:17px;line-height:1.25}.passport-formats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.passport-stamp{border:1px solid var(--line);background:var(--bg);min-height:87px;color:var(--muted);border-radius:0;justify-items:center;gap:3px;padding:8px 4px;transition:border-color .16s,transform .16s;display:grid}.passport-stamp strong{color:var(--text);font-size:12px}.passport-stamp span{font-size:11px}.passport-stamp[data-completed=true]{color:var(--accent);border-color:var(--accent)}.passport-stamp:hover{border-color:var(--accent);transform:translateY(-2px)}.passport-stamp:focus-visible{outline-offset:2px}.passport-footnote{margin-top:16px;font-size:12px;line-height:1.6}.passport-next{background:var(--subtle);border-left:1px solid var(--line);flex-direction:column;justify-content:center;align-self:stretch;align-items:flex-start;gap:16px;padding:26px;display:flex}.passport-next h3{font-size:26px;line-height:1.18}.passport-next p{font-size:14px;line-height:1.6}.passport-next small{color:var(--muted);font-size:11px;line-height:1.55}@media (max-width:1050px){.passport-content{grid-template-columns:1fr}.passport-next{border-left:0;border-top:1px solid var(--line)}}@media (max-width:550px){.passport-heading{align-items:flex-start;gap:16px;padding:20px}.passport-heading h2{font-size:23px}.passport-tally{max-width:75px}.passport-tally>strong{font-size:31px}.passport-tally>span{display:block}.passport-book{padding-inline:20px}.passport-case{grid-template-columns:1fr;gap:14px}.passport-case-name h3{font-size:19px}.passport-next{padding:20px}}@media (prefers-reduced-motion:reduce){.passport-stamp{transition:none}.passport-stamp:hover{transform:none}}html[data-motion=reduced] .passport-stamp{transition:none}html[data-motion=reduced] .passport-stamp:hover{transform:none}