.case-detail-dialog{box-sizing:border-box;width:min(1050px,calc(100vw - 36px));max-height:calc(100dvh - 40px);margin:auto;padding:18px;border:32px solid transparent;border-image:url('./images/case_detail_frame.png') 85 fill / 32px stretch;border-image-outset:0;background:#17120d url('./images/solve_matte_bg.jpg') center/650px;color:#e8dcc0;overflow:auto;box-shadow:0 24px 100px #000b;overscroll-behavior:contain}
.case-detail-dialog::backdrop{background:#000b;backdrop-filter:blur(2px)}
.case-detail-dialog *{box-sizing:border-box}
.case-detail-close{position:absolute;z-index:3;right:0;top:0;width:50px;height:50px;padding:0;border:0;background:transparent;cursor:pointer}
.case-detail-close img{width:100%;height:100%;object-fit:contain}
.case-detail-columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(230px,1fr);gap:20px}
.case-detail-paper{padding:26px 30px;background:#ecd6a5 url('./images/case_detail_paper.jpg') center/100% 100%;color:#251b10;border-radius:8px;box-shadow:0 3px 9px #0008;min-width:0;display:flex;flex-direction:column}
.case-detail-stamp{width:150px;height:52px;display:grid;place-items:center;background:url('./images/case_detail_stamp.png') center/100% 100% no-repeat;margin-bottom:12px;align-self:flex-start}
.case-detail-stamp span{font:bold 25px Arial,sans-serif;color:#a32921;transform:rotate(-4deg)}
.case-detail-paper h1{font-family:OfficeSerif,Georgia,serif;font-size:clamp(2.6rem,4.5vw,4.5rem);line-height:1.02;margin:0 0 8px;color:#1d150b;overflow-wrap:anywhere}
.case-detail-paper h2{font-family:OfficeSerif,Georgia,serif;font-size:1.65rem;line-height:1.15;margin:0 0 14px;color:inherit}
.case-detail-description{font-family:Georgia,serif;font-size:1.06rem;line-height:1.5;white-space:pre-line;margin:14px 0 22px;overflow-wrap:anywhere}
.case-detail-sidebar{display:flex;flex-direction:column;gap:12px;min-width:0}
.case-detail-preview{position:relative;width:100%;max-width:280px;margin:0 auto;aspect-ratio:871/1487}
.case-detail-preview-window{position:absolute;inset:7.1% 9.3% 17.6% 9.3%;background:#100d09;overflow:hidden}
.case-detail-cover{width:100%;height:100%;object-fit:contain}
.case-detail-preview video{display:none;width:100%;height:100%;object-fit:contain;background:#000}
.case-detail-preview .video-active video{display:block}
.case-detail-preview .video-active .case-detail-cover,.case-detail-preview .video-active .case-detail-video-play{display:none}
.case-detail-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:84px;height:84px;background:none;border:0;padding:0;cursor:pointer;filter:drop-shadow(0 3px 10px #000)}
.case-detail-video-play img{width:100%;height:100%;object-fit:contain}
.case-detail-video-error{position:absolute;bottom:3%;left:12%;right:12%;color:#6e2418;font-size:.75rem;text-align:center;margin:0}
.case-detail-facts{display:grid;gap:7px}
.case-detail-fact{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#0d0b08b3;border:1px solid #67502b;border-radius:10px;min-width:0}
.case-detail-fact>img,.case-detail-price-icon{width:35px;height:35px;object-fit:contain;flex-shrink:0}
.case-detail-price-icon{display:grid;place-items:center;border:2px solid #c6a05a;border-radius:50%;color:#d9b770;font:24px Georgia,serif}
.case-detail-fact small{display:block;font-size:.78rem;color:#c6b38c;margin-bottom:3px}
.case-detail-fact strong{display:block;font-size:1rem;overflow-wrap:anywhere}
.case-detail-audio{margin-top:auto}
.case-detail-audio .case-compact-audio{background:#ab7c2720;border:1px solid #9b7b424d;color:#352410;display:flex;flex-wrap:wrap;gap:8px;padding:12px;border-radius:12px}
.case-detail-audio .compact-audio-main{color:#352410;flex:1;min-width:180px}
.case-detail-audio .compact-audio-main img{width:52px;height:52px}
.case-detail-audio .compact-audio-label{font-size:1rem;color:#352410}
.case-detail-audio .compact-audio-time{color:#65502a}
.case-detail-audio .compact-audio-controls{margin-left:auto}
.case-detail-audio .compact-audio-seek{font-size:.76rem;color:#352410;background:#b8924c20;border-color:#8d6a3b;padding:6px;min-height:34px}
.case-detail-creators{border:1px solid #9b7b424d;border-radius:12px;background:#ab7c2712;padding:12px 16px;margin-top:12px}
.case-detail-creators>p{margin:0 0 8px;color:#49351d;font-size:.9rem}
.case-detail-signatures{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}
.case-detail-signatures>a,.case-detail-signatures>span{display:flex;align-items:center;justify-content:center;min-width:0}
.case-detail-signatures img{width:100%;height:62px;object-fit:contain}
.case-detail-footer{display:grid;grid-template-columns:minmax(0,3fr) minmax(140px,1fr);gap:16px;margin-top:18px;padding-top:12px;border-top:1px solid #806232}
.case-detail-primary{border:12px solid transparent;border-image:url('./images/case_action_button_bg.png') 80 fill / 12px stretch;background:transparent;color:#211400;min-height:64px;font:bold 1.4rem OfficeSerif,Georgia,serif;cursor:pointer;padding:5px 10px}
.case-detail-primary:hover:not(:disabled){filter:brightness(1.12);background:transparent}
.case-detail-primary:disabled{opacity:.5;cursor:not-allowed}
.case-detail-secondary{border:1px solid #9a793a;border-radius:12px;background:#100d08;color:#e5d3ae;padding:12px;cursor:pointer}
.case-detail-secondary:hover{background:#302315}
.case-detail-dialog button:focus-visible,.case-detail-dialog a:focus-visible{outline:3px solid #dda946;outline-offset:3px}
.case-detail-access{text-align:center;font-size:.9rem}
.case-detail-paper h1:focus{outline:none}
.case-detail-dialog{border-width:0;padding:50px}
.case-detail-close{top:4px;right:4px;border-radius:50%;outline:none;box-shadow:none}
.case-detail-dialog .case-detail-close:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #dda946}
.case-detail-preview{max-width:320px;aspect-ratio:3/4}
.case-detail-preview-window{inset:0;background:transparent}
.case-detail-video-error{color:#f1c6a0;background:#17120de6}
@media(max-width:420px){.case-detail-dialog .case-detail-sidebar{grid-template-columns:1fr}.case-detail-dialog .case-detail-preview{max-width:210px}.case-detail-dialog .compact-audio-controls{padding-left:0}}
@media(max-width:650px){.case-detail-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-width:16px;border-image-width:16px;padding:12px 8px}.case-detail-close{width:38px;height:38px}.case-detail-columns{grid-template-columns:1fr;gap:16px}.case-detail-paper{padding:24px 20px}.case-detail-paper h1{font-size:2.8rem}.case-detail-description{font-size:1rem}.case-detail-sidebar{display:grid;grid-template-columns:minmax(110px,1fr) minmax(130px,1fr);align-items:center;gap:10px}.case-detail-fact{padding:8px;gap:7px}.case-detail-fact>img,.case-detail-price-icon{width:26px;height:26px}.case-detail-fact strong{font-size:.87rem}.case-detail-video-play{width:58px;height:58px}.case-detail-footer{grid-template-columns:1fr;gap:8px}.case-detail-primary{font-size:1.3rem}.case-detail-signatures{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}
@media(max-width:650px){.case-detail-dialog{border-width:0;padding:28px 24px}}