:root{color-scheme:dark;--ink:#e5e5e5;--muted:#a3a3a3;--line:#262626;--blue:#1447e6;--panel:#17171766}
*{box-sizing:border-box}
html{min-height:100%;background:#0a0a0a}
body{margin:0;min-height:100dvh;position:relative;isolation:isolate;color:var(--ink);font:14px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
body:before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(#000b,#000b),url('background.png') center/cover no-repeat;pointer-events:none}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.4}h1{font-size:24px;font-weight:700}h2{font-size:16px;font-weight:600}h3{font-size:14px;font-weight:500}p+p{margin-top:16px}ul{margin:0;padding:0;list-style:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #60a5fa;outline-offset:3px}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;top:-100px;left:16px;z-index:100;background:#171717;padding:10px}.skip-link:focus{top:8px}.fine,.muted{font-size:12px;color:var(--muted)}.screen-brand{font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:1.2px;color:#737373}.screen-heading{text-align:center;margin-bottom:24px}.screen-heading h1{margin-top:4px}.screen-heading>p:last-child:not(.screen-brand){color:#a3a3a3;font-size:14px;margin-top:8px}
.button{border:1px solid transparent;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;min-height:42px;line-height:1.5}.primary{background:var(--blue);color:white}.primary:hover:not(:disabled){background:#155dfc}.secondary{border-color:#404040;background:transparent;color:#d4d4d4}.secondary:hover:not(:disabled){border-color:#737373}.danger{background:#a50036;color:white}.danger:hover:not(:disabled){background:#c70036}.small{padding:7px 16px;min-height:36px}.full{width:100%}.button-row{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.text-button{background:none;border:0;color:#a3a3a3;font-size:12px;padding:4px}.text-button:hover{color:white}
.section{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px;min-width:0}.section>h2{margin-bottom:8px}.section>p{font-size:14px;line-height:1.7;color:#d4d4d4}.section+.section{margin-top:16px}.panel-caption{font-size:12px!important;line-height:1.5!important;color:#737373!important;margin-bottom:12px}.screen{width:100%;max-width:672px;margin:0 auto;padding:48px 16px;min-height:100dvh}.narrow{max-width:448px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center;padding:64px 16px}.narrow>p:not(.screen-brand){font-size:14px;color:#a3a3a3}.narrow h1{font-size:24px}.resume-screen{gap:16px}.resume-screen h1{font-size:18px}.resume-screen .button-row{margin-top:8px}
.prologue{max-width:576px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;padding-top:64px;padding-bottom:64px}.prologue-text{width:100%;animation:prologue-enter .7s ease-out}.prologue-text .screen-brand{text-align:center;margin-bottom:24px}.prologue-text>p:not(.screen-brand){font-size:15px;line-height:1.65;color:#d4d4d4;white-space:pre-line}.prologue-text>p+p{margin-top:24px}.prologue>.button{padding:12px 24px;animation:prologue-enter .7s ease-out}@keyframes prologue-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.prologue-text,.prologue>.button{animation:none}}
.briefing .screen-heading{margin-bottom:24px}.briefing .section{margin-bottom:16px}.case-summary{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px 16px;margin:0;font-size:14px}.case-summary dt{color:#737373;font-size:12px}.case-summary dd{margin:0;color:#d4d4d4;line-height:1.65}.briefing-suspects{display:flex;flex-direction:column;gap:14px}.briefing-person{display:flex;gap:12px;align-items:flex-start}.avatar{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:#262626;color:#d4d4d4;font-size:14px;font-weight:600}.briefing-person h3{font-size:14px;font-weight:600}.briefing-person .fine{font-size:12px;color:#737373}.profile-note{font-size:12px;color:#a3a3a3;margin-top:4px!important}.play-guide li{color:#a3a3a3;font-size:12px;margin-top:4px}.play-guide li:before{content:'· ';}.briefing-caption{text-align:center;font-size:12px;color:#737373;margin:20px 0 16px}.last-round{font-size:16px;color:#fb7185;font-weight:500}.new-sources{padding:16px;border:1px solid #065f46;border-radius:8px;background:#022c224d;text-align:left;width:100%;color:#a7f3d0}.new-sources h2{color:#34d399;font-size:12px;font-weight:500;margin-bottom:8px}.new-sources li{font-size:14px}.round-transition .button{padding:12px 24px}
.workspace{max-width:1024px;width:100%;margin:auto;padding:24px 16px}.game-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.game-header h1{font-size:20px;line-height:1.4}.game-header .screen-brand{margin-bottom:2px}.game-header .button-row{flex-wrap:nowrap;gap:12px}.game-header time{font:14px monospace;color:#a3a3a3;white-space:nowrap}.game-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}.investigation-column,.interview-records{min-width:0;display:flex;flex-direction:column;gap:16px}.interview-records{gap:12px}.evidence-panels{display:flex;flex-direction:column;gap:16px;min-width:0}.evidence-panels .section{margin:0}.evidence-grid{display:grid;grid-template-columns:1fr;gap:8px}.card{height:96px;overflow:hidden;padding:8px 12px;background:#0a0a0a;color:#e5e5e5;border:1px solid #404040;border-radius:6px;text-align:left;display:flex;flex-direction:column;line-height:1.5;min-width:0}.card:hover{border-color:#155dfc;background:#171717}.card.collected{border-color:#065f46;background:#022c2266;color:#6ee7b7}.card.collected:hover{border-color:#059669}.card h3{font-size:14px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}.card>p{font-size:12px;color:#a3a3a3;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.card small{font-size:10px;color:#737373;margin-top:auto}.notebook-block{margin:0!important}.notebook-block .panel-caption{margin-bottom:8px}.input{display:block;width:100%;background:#0a0a0a;color:#e5e5e5;border:1px solid #404040;border-radius:6px;padding:10px 12px;font-size:14px;min-height:42px}textarea.input{resize:vertical;line-height:1.6}.notes-area{min-height:176px}.notes-status{display:block;min-height:0;font-size:10px;color:#737373;margin-top:4px}.notes-status:empty{display:none}.field-label{display:block;color:#a3a3a3;font-size:12px;margin:12px 0 6px}
.suspect-tabs{display:flex;gap:8px}.suspect{flex:1;padding:8px 12px;border:1px solid #262626;border-radius:6px;background:#17171766;color:#d4d4d4;font-size:14px;font-weight:500;min-width:0;min-height:44px}.suspect:hover{border-color:#525252}.suspect.selected{border-color:#155dfc;background:#17255466;color:#bfdbfe}.chat-panel{padding:0;display:flex;flex-direction:column;height:60vh;min-height:430px;background:#17171799}.chat-person{display:flex;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid #262626}.chat-person h2{font-size:14px;font-weight:600}.chat-person .fine{font-size:12px}.conversation{flex:1;min-height:0;overflow-y:auto;padding:16px}.empty{font-size:14px;color:#737373}.entry+.entry{margin-top:12px}.message-row{display:flex;min-width:0}.message-row+.message-row{margin-top:12px}.message-row.user{justify-content:flex-end}.message-row.assistant{justify-content:flex-start}.message-bubble{max-width:80%;padding:8px 12px;border-radius:8px;font-size:14px;line-height:1.6;background:#262626;color:#f5f5f5;overflow-wrap:anywhere}.user .message-bubble{background:#1447e6;color:white}.question,.answer{white-space:pre-wrap;font-size:14px;line-height:1.6}.presented{font-size:10px;margin-top:6px!important;opacity:.8}.new-exhibit{display:block;margin-top:8px;padding:4px 0;border:0;background:none;color:#93c5fd;text-align:left;font-size:11px}.question-form{border-top:1px solid #262626;padding:12px}.compose-row{display:flex;align-items:flex-end;gap:8px}.compose-row textarea{flex:1;min-height:58px;max-height:180px}.compose-row .button{min-height:36px;padding:8px 16px}.evidence-tools{border:0;background:none;padding:0;margin:0 0 8px}.evidence-tools summary{font-size:11px;color:#737373;cursor:pointer;line-height:1.4}.evidence-tools[open] summary{margin-bottom:6px}.evidence-tools .input{min-height:32px;font-size:12px;padding:5px 8px}.question-form #replyStatus{margin-top:8px;font-size:12px}.question-form #replyStatus:empty{display:none}
.accusation-choices{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:24px}.accusation-person{border:1px solid #262626;border-radius:6px;background:#17171766;color:#e5e5e5;padding:16px;text-align:left}.accusation-person.selected{border-color:#155dfc;background:#17255466}.accusation-person strong{display:block;font-size:14px;margin-top:8px;font-weight:500}.accusation-person small{display:block;font-size:12px;color:#737373}.deduction-details{margin:0 0 20px}.deduction-details>p{margin-top:12px}.verdict-picks{display:grid;grid-template-columns:1fr;gap:6px;margin-top:10px}.verdict-pick{display:flex;align-items:center;gap:8px;border:1px solid #262626;border-radius:6px;padding:8px 10px;color:#a3a3a3;font-size:12px;min-height:40px}.verdict-pick:has(input:checked){border-color:#155dfc;color:#d4d4d4}input[type=checkbox]{width:16px;height:16px;flex:none;accent-color:#155dfc}.accusation-page>.text-button{display:block;margin:16px auto}.result-page .screen-heading h1{font-size:30px}.correct{color:#34d399}.incorrect{color:#fb7185}.result-page>.section{margin-bottom:24px}.result-page .epilogue{border-color:#404040}.result-page .epilogue p{white-space:pre-wrap}.result-actions{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:24px}details{background:#17171766;border:1px solid #262626;border-radius:8px;padding:16px;margin-top:12px}summary{font-size:14px;font-weight:500;color:#e5e5e5;cursor:pointer}details[open]>summary{margin-bottom:12px}details p{font-size:14px;color:#d4d4d4;line-height:1.7;margin-top:14px}details h3{margin-top:16px}.record-list{padding:0;margin:12px 0 0;list-style:none}.record-list li{font-size:13px;color:#d4d4d4;padding:12px 0;border-bottom:1px solid #262626}.record-list time{display:block;font-size:11px;color:#a3a3a3;margin-bottom:4px}.record-list small{display:block;color:#737373;font-size:11px}.notebook-grid{display:grid;gap:24px}.page-heading{margin-bottom:16px}
dialog{border:1px solid #404040;border-radius:8px;background:#171717;color:#e5e5e5;padding:0;max-width:448px;width:calc(100% - 32px);max-height:85dvh;box-shadow:0 20px 60px #0008}dialog::backdrop{background:#000b}.dialog-content{padding:20px}.dialog-content h2{font-size:16px;margin-bottom:8px}.dialog-content .detail{font-size:14px;line-height:1.7;white-space:pre-wrap;color:#d4d4d4}.dialog-content .eyebrow{font-size:10px;color:#737373;margin-bottom:6px}.dialog-content .button-row{margin-top:20px}.dialog-footer{padding:12px 20px;border-top:1px solid #262626;text-align:right}.room-diagram{padding:16px;background:#0a0a0a;border-radius:6px;margin-top:16px}.diagram-room{background:#262626;border-left:3px solid #155dfc;border-bottom:2px solid #525252;padding:10px;max-width:75%;font-size:12px}.diagram-room.lower{max-width:95%;margin-top:24px}.diagram-caption{font-size:11px;color:#737373;margin-top:12px}
#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 20px;background:#262626;color:#e5e5e5;border:1px solid #404040;border-radius:6px;z-index:100;opacity:0;pointer-events:none;font-size:13px}#toast.visible{opacity:1}#toast.error{background:#4c0519;border-color:#881337}.loading{padding:80px 20px;text-align:center;color:#a3a3a3}.offline-banner{max-width:600px;margin:80px auto;padding:24px}.offline-banner p,.offline-banner .button{margin-top:16px}
@media(min-width:640px){.evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.accusation-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.verdict-picks{grid-template-columns:repeat(2,minmax(0,1fr))}.notebook-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.game-layout{grid-template-columns:320px minmax(0,1fr)}}
@media(min-width:1280px){.workspace{max-width:1280px}.game-layout{grid-template-columns:640px minmax(0,1fr)}.evidence-panels{flex-direction:row;align-items:flex-start}.evidence-panels>.section{flex:1}}
@media(max-width:639px){.screen{padding:40px 16px}.narrow{padding:64px 16px}.prologue{padding:48px 24px}.case-summary{grid-template-columns:1fr;gap:4px}.case-summary dd{margin-bottom:8px}.workspace{padding:20px 16px}.game-header{gap:8px}.game-header .button-row{gap:8px}.game-header time{font-size:12px}.game-header .small{padding:7px 12px}.screen-brand{font-size:10px}.game-header h1{font-size:18px}.suspect{padding:8px;font-size:13px}.chat-panel{min-height:440px}.message-bubble{max-width:86%}.compose-row .button{padding:8px 12px}.compose-row textarea{font-size:13px}.dialog-content{padding:20px}}

.card:has(.evidence-thumb){position:relative;padding-left:68px}.evidence-thumb{position:absolute;left:12px;top:12px;width:48px;height:48px;object-fit:cover;border-radius:4px}.evidence-image{display:block;width:100%;max-height:280px;object-fit:contain;border-radius:6px;margin:12px 0 16px}

/* Guided cases reuse the investigation, chat, evidence and accusation components. */
.case-switch{display:block;width:fit-content;margin:14px auto 0;padding:8px 16px;color:#bfdbfe;font-size:13px;text-decoration:none;border:1px solid #334155;border-radius:6px;background:#0f172acc}
.tutorial-guide{margin-bottom:20px;background:#102238d9;border-color:#35506b}.tutorial-guide h2{margin:5px 0 10px;font-size:18px}.tutorial-guide details{margin-top:12px}.tutorial-guide li{margin:5px 0;font-size:13px;color:#cbd5e1}.tutorial-guide .fine{margin-top:12px;color:#bac7d9!important}.checkpoint{margin-top:16px;padding-top:14px;border-top:1px solid #35506b}.checkpoint h3{margin-bottom:10px}.recommendations{padding:12px;border:1px solid #334155;border-radius:8px;background:#0f172acc}.suggestion{display:block;width:100%;padding:9px 12px;margin-top:8px;border:1px solid #475569;background:#172337;color:#e2e8f0;border-radius:6px;text-align:left;line-height:1.65}.suggestion:hover{background:#233c59}.suggestion small{display:block;color:#93c5fd}.tutorial-verdict-note{padding:12px;border:1px solid #35506b;margin-bottom:14px;border-radius:6px}.result-page .section a{display:inline-block;margin-top:14px;text-decoration:none}
.game-header .button{white-space:nowrap}.game-header>div:first-child{min-width:0}.check-feedback{padding:10px 12px;border-left:3px solid #93c5fd;background:#0f172a;margin-bottom:12px;font-size:13px}

/* Tactile feedback shared by main and guided cases; no screen shake. */
body.tutorial-case:before{background-image:linear-gradient(#070b12a6,#070b12cc),url('tutorial-studio.png')}
button,a.button,.verdict-pick{transition:background-color .16s,border-color .16s,box-shadow .16s,transform .12s}
button:active:not(:disabled),a.button:active{transform:translateY(1px) scale(.98);filter:brightness(1.18)}
.verdict-pick:has(input:checked){background:#17255488;box-shadow:inset 3px 0 #60a5fa}
.card.unread{border-color:#52647d;background:#13203399;color:#dbeafe}.card.unread small{color:#a5bedc}.card.unread:hover{border-color:#93c5fd;background:#1e324b}
.card.evidence-arrived{animation:evidence-received 1.1s ease-out;border-color:#6ee7b7;box-shadow:0 0 0 1px #6ee7b733}
@keyframes evidence-received{0%{transform:translateY(7px);box-shadow:0 0 0 4px #6ee7b766;background:#065f46}100%{transform:none;box-shadow:0 0 0 1px #6ee7b733}}
.reply-arrived .assistant .message-bubble{animation:reply-received .3s ease-out}
@keyframes reply-received{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
dialog[open]{animation:document-open .18s ease-out}
@keyframes document-open{from{opacity:.3;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}
.acquired-stamp{display:inline-block;padding:4px 9px;margin-bottom:12px;color:#a7f3d0;border:1px solid #059669;border-radius:4px;background:#064e3b55;font-size:12px}
.acquisition-notice{position:fixed;right:24px;bottom:24px;z-index:90;width:350px;max-width:calc(100% - 32px);padding:18px;border:1px solid #34d399;border-radius:10px;background:#10251ff5;box-shadow:0 12px 40px #0008;animation:reply-received .3s ease-out}
.acquisition-notice small{display:block;font-size:11px;color:#a7c8b9}.acquisition-notice strong{display:block;font-size:17px;color:#a7f3d0;margin:4px 0 8px}.acquisition-notice p{font-size:14px;color:#ecfdf5;overflow-wrap:anywhere}.acquisition-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:12px}.acquisition-actions .text-button{color:#a7f3d0;padding:5px 0}.tutorial-dialogue-note{color:#cbd5e1;margin-top:4px}
.recommendations{flex-shrink:0}.tutorial-case .chat-panel{height:auto;min-height:540px}.tutorial-case .conversation{flex:auto;min-height:180px;max-height:42vh}
@media(max-width:639px){.acquisition-notice{right:16px;bottom:16px;padding:14px}.acquisition-notice strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){button,a.button,.verdict-pick{transition:none}button:active:not(:disabled),a.button:active{transform:none}.card.evidence-arrived,.reply-arrived .assistant .message-bubble,dialog[open],.acquisition-notice{animation:none}}
/* Notices never cover the hit target of the investigation or message composer. */
.acquisition-notice{pointer-events:none}.acquisition-notice .acquisition-actions{pointer-events:auto}
.acquisition-notice{top:72px;bottom:auto}.acquisition-notice .acquisition-actions{pointer-events:none}.acquisition-notice [data-action=dismiss-acquisition]{pointer-events:auto}

/* Shared case cards, visible exhibit control and round-completion announcement. */
.evidence-tools summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:10px 12px;border:1px solid #5272a0;border-radius:6px;background:#172a45;color:#dbeafe;font-size:14px;font-weight:600;list-style:none}
.evidence-tools summary::-webkit-details-marker{display:none}.evidence-tools summary::after{content:'열기 ＋';white-space:nowrap;font-size:12px;color:#bfdbfe}.evidence-tools[open] summary::after{content:'접기 −'}.evidence-tools summary:hover{background:#233e63;border-color:#93c5fd}.evidence-tools .input{min-height:44px;font-size:14px;padding:9px 10px}
#toast.centered{top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%);width:440px;padding:24px;text-align:center;font-size:17px;line-height:1.7;color:#ecfdf5;background:#123329f5;border:1px solid #6ee7b7;border-radius:12px;box-shadow:0 16px 64px #0009}

body.abbey-case:before{background-image:linear-gradient(#090b10a6,#090b10cc),url('abbey-manor.png')}
.case-library{max-width:672px;margin:12px auto 0;padding:0 16px}.case-library details{margin:0;padding:10px 14px;background:#111822ee;border-color:#334155}.case-library summary{font-size:13px;color:#bfdbfe}.case-library-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.case-library-links a{display:flex;flex-direction:column;gap:3px;padding:12px;border:1px solid #334155;border-radius:6px;text-decoration:none;background:#101b2b}.case-library-links a:hover{border-color:#93c5fd}.case-library-links a[aria-current]{border-color:#60a5fa;background:#1e3353}.case-library-links small{font-size:11px;color:#a7b6c9}.case-library details p{margin-top:8px;font-size:11px}.case-progress{margin:0 0 16px}.case-progress li{font-size:13px;margin-top:7px;color:#cbd5e1}.adaptation-credit{font-size:12px!important;line-height:1.8}.abbey-case .screen-brand{color:#a8a29e}
@media(max-width:480px){.case-library-links{grid-template-columns:1fr}.case-library-links a{padding:10px 12px}}

.round-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.round-heading .button{color:#dbeafe;border-color:#52647d;background:#13203399}
#briefingDialog{max-width:720px}#briefingDialog .briefing-modal-content{padding:24px}#briefingDialog h1{font-size:22px}#briefingDialog .dialog-footer{position:sticky;bottom:0;background:#171717}#briefingDialog .screen-heading{margin-bottom:20px}
@media(max-width:639px){.game-header{flex-wrap:wrap}.round-heading{gap:8px}#briefingDialog .briefing-modal-content{padding:20px 16px}}