.case-library{margin-top:40px}.case-library>h2{font-size:clamp(24px,3vw,34px);margin:8px 0}.case-library>p:not(.eyebrow){color:var(--muted);margin-bottom:24px}.case-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.case-cards article{overflow:hidden;border:1px solid #34415b;border-radius:22px;background:#151f32}.case-cards article>img{width:100%;height:210px;object-fit:cover}.case-cards article>div{padding:24px}.case-cards .tag{color:var(--case-color);font-size:11px}.case-cards h3{font-size:26px;margin:12px 0}.case-cards p{color:#b7c5db;line-height:1.65}.case-person-label{font-size:13px;color:var(--case-color)!important}.case-cards button{margin-top:8px}.case-fiction{font-size:12px;color:#a8b9d2;line-height:1.7;padding:10px 0}.case-person{display:flex;gap:15px;align-items:center;margin-bottom:16px}.case-person>span{display:grid;place-items:center;width:68px;height:68px;flex-shrink:0;border-radius:20px;background:linear-gradient(130deg,#28425c,#333052);color:var(--adventure-accent);font-weight:800;font-size:22px;border:1px solid var(--adventure-accent)}.case-person h3{margin:4px 0}.case-person p{margin:0;font-size:12px}.case-questions{display:grid;gap:10px}.case-questions button{padding:14px;text-align:left;border:1px solid #485570;border-radius:12px;background:#1c2941;color:#eef5ff;font:inherit;line-height:1.5}.case-questions button:hover,.case-questions button.asked{border-color:var(--adventure-accent)}.case-questions small{display:block;color:#b3c3d9;margin-top:5px;font-size:11px}.case-answer{background:#20362f;border:1px solid #57917d;padding:18px;border-radius:14px;margin-top:20px}.case-answer>span{color:#9ee9cf;letter-spacing:1px;font-size:10px}.case-answer p{color:#e2f4ed;margin-bottom:0}.case-checklist{padding-left:20px;color:#bdcbe0;line-height:1.8}.case-checklist li{margin:12px 0}.case-panel details{border-bottom:1px solid #34435c;padding:12px 0}.case-panel summary{cursor:pointer;color:#eff5ff;line-height:1.5}.case-panel a{display:block;color:#a8e9d8;line-height:1.6;margin:16px 0;font-size:13px}.case-panel>button{margin-top:14px}.case-kael{width:90px;height:90px;border-radius:22px;object-fit:cover}.case-pieces{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.case-pieces button{background:#2c3650;border:1px solid #687797;color:#eff5ff;border-radius:10px;padding:12px;line-height:1.4}.case-pieces button[aria-pressed=true]{border-color:var(--adventure-accent);box-shadow:0 0 0 2px #72e4d033}.case-slots{display:grid;gap:10px}.case-slots button{display:grid;gap:10px;text-align:left;background:#101c2d;border:1px dashed #6a7e9e;border-radius:12px;padding:17px;color:#eef5ff}.case-slots span{color:var(--adventure-accent);font-size:13px;line-height:1.5}.case-order{padding:0;list-style:none;display:grid;gap:10px}.case-order li{display:flex;gap:12px;align-items:center;justify-content:space-between;background:#1b2941;padding:14px;border-radius:12px;line-height:1.6}.case-order li>div{display:flex;gap:5px}.case-order button,.case-allocations button{width:40px;min-height:42px;border:1px solid #60718e;background:#253550;color:#f6f9ff;border-radius:8px;font-size:20px}.case-allocations{display:grid;gap:10px}.case-allocations>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px;background:#1b2941;border-radius:12px}.case-allocations>div>div{display:flex;gap:12px;align-items:center}.case-allocations output{min-width:20px;text-align:center;font-weight:bold}.case-ending{display:grid;gap:10px;text-align:center}.case-seal{margin:auto;display:grid;place-items:center;width:85px;height:85px;background:#364032;border:2px solid #e6c977;border-radius:50%;color:#fbe19d}.case-seal svg{width:42px;height:42px}.case-xp{font-size:27px;color:var(--adventure-accent)}.case-dialog :focus-visible{outline:3px solid #fff;outline-offset:3px}.case-dialog button:disabled{opacity:.45;cursor:default}.case-dialog .adv-feedback:empty{display:none}
@media(max-width:700px){.case-cards{grid-template-columns:1fr}.case-cards article>img{height:180px}.case-cards article>div{padding:20px}.case-dialog .adv-header-actions .secondary{padding:9px;font-size:11px}.case-dialog .adv-header-actions{gap:5px}.case-dialog .adv-header{align-items:flex-start}.case-dialog .adv-header h2{font-size:19px}.case-dialog .adv-objective{flex-wrap:wrap}.case-dialog .adv-counter{white-space:normal}.case-dialog .adv-hotspot span{max-width:105px}.case-person{align-items:flex-start}.case-order li{font-size:13px}.case-order button,.case-allocations button{min-width:42px}.case-panel{min-width:0}}