.investigation-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:24px;align-items:start}
.investigation-card{margin:16px 0;min-width:0}.investigation-card h2{margin:8px 0}.investigation-card .button{margin:8px 8px 0 0}
.investigation-compact{background:linear-gradient(115deg,#12363c,#191c30);border-color:#9d8b56}
#app progress{display:block;width:100%;height:8px;border:0;border-radius:8px;overflow:hidden;background:#07171d;accent-color:#debf77;margin:14px 0}
#app progress::-webkit-progress-bar{background:#07171d}#app progress::-webkit-progress-value{background:linear-gradient(90deg,#42c9bf,#debf77)}
.case-steps{list-style:none;margin:20px 0;padding:0;display:grid;gap:12px}.case-steps li{display:flex;gap:16px;border:1px solid #46626a;border-radius:16px;padding:18px;background:#0c2027}.case-steps li>span{flex:0 0 30px;color:#d6bc80}.case-steps .current{border-color:#e5c77f;background:#163239}.case-steps .done{border-color:#438c7a}.case-steps p{margin:8px 0 0;color:#c2d3d2}.case-evidence{padding-left:0;list-style:none}.case-evidence li{padding:10px 0;border-bottom:1px solid #31474c}.case-feedback{padding:14px;border:1px solid #5c9585;border-radius:14px;margin:16px 0}.case-feedback p{margin:8px 0}.case-record,.case-result{margin:24px 0}.case-result{border-color:#d5bb7b}
.welcome-games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:680px;margin:22px auto}.welcome-games>.welcome-game{display:flex;align-items:center;flex-direction:column;gap:8px;padding:12px 4px;border:1px solid #526065;border-radius:14px;background:#0b2028dd}.welcome-games svg{width:30px;height:30px;fill:none;stroke:#dfc482;stroke-width:1.6}.welcome-case{max-width:640px;margin:18px auto;color:#decd9f}
.welcome-screen .welcome-content{padding-bottom:18px}.welcome-screen .welcome-logo{max-height:150px;width:auto;object-fit:contain}.welcome-screen .welcome-content h1{margin-top:10px}
@media(max-width:760px){.investigation-layout{grid-template-columns:minmax(0,1fr)}.welcome-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.welcome-games>.welcome-game{flex-direction:row;justify-content:center}.case-steps li{padding:14px}.investigation-card .button{width:100%;margin-right:0}.welcome-screen .welcome-logo{max-height:120px}.case-record .archive-grid{grid-template-columns:minmax(0,1fr)}}
.case-materials{display:grid;gap:10px;margin:16px 0}.case-material{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #50727b;border-radius:12px;background:#112b32}.case-material small{display:block;color:#c0d6d1;margin-top:4px}.case-material.not-found{opacity:.55;border-style:dashed}.material-icon{width:32px;flex:0 0 32px;color:#e2c581}.material-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.6}.case-materials.compact{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.case-materials.compact .case-material{padding:8px;gap:8px;min-width:0}.case-materials.compact .material-icon{width:24px;flex-basis:24px}.case-materials.compact svg{width:24px;height:24px}.case-recipe{border:1px solid #c4ab6d;padding:16px;border-radius:14px;margin:16px 0;background:#173036}.case-next-entry{border-top:1px solid #66817e;padding:20px 0;margin-top:20px}.case-next-entry .button{margin:8px 8px 0 0}.lobby-card.case-recommended{border:2px solid #f0ce82;box-shadow:0 0 0 3px #b28a3a33,0 0 30px #d6b46b20}.practice-relation{border-radius:8px;padding:8px 10px;background:#0c222a;color:#bdd6d3}.recommended-label{background:#dfc27a;color:#12232a}.case-archive>details{padding:16px 0;border-top:1px solid #44636a}.case-archive{margin:24px 0}body[data-route=merge] #app .case-workbench{display:none}.dialog .case-workbench{display:block}
@media(max-width:600px){.case-materials.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.case-next-entry .button{width:100%;margin-right:0}.case-materials.compact .case-material{align-items:flex-start;overflow-wrap:anywhere}}
.arc-choices{display:grid;gap:12px;margin:18px 0}.arc-choices .button{text-align:left;white-space:normal;width:100%}

.welcome-game{font:inherit;color:inherit;cursor:pointer;min-height:64px}.welcome-game:hover{border-color:var(--gold);background:#18373c}.welcome-game:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.case-record,.arc-choices{scroll-margin-top:20px}