.case-player>video[hidden]{display:none!important}
.case-poster-button{display:block;width:100%;padding:0;border:0;background:#09090b;position:relative;overflow:hidden;color:white;cursor:pointer}
.case-poster-button img{display:block;width:100%;height:auto;transition:transform .4s ease,filter .4s ease}
.case-poster-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;padding:13px 17px;border:1px solid #fff8;border-radius:999px;background:#16141bc9;backdrop-filter:blur(10px);font-size:14px;white-space:nowrap}
.case-poster-duration{position:absolute;right:9px;bottom:9px;padding:3px 7px;border-radius:5px;background:#09090ad9;font-size:11px;color:#e5dbc8;font-variant-numeric:tabular-nums}
.case-poster-button:focus-visible{outline:3px solid #ebcb89;outline-offset:-4px}
html.case-lightbox-open{overflow:hidden}
dialog.case-lightbox{width:min(760px,calc(100vw - 48px));max-width:760px;max-height:calc(100dvh - 40px);margin:auto;padding:18px 22px;border:1px solid #ead5a43b;border-radius:22px;background:#15121a;color:#e9e4ed;overflow:auto;box-shadow:0 30px 100px #0009;overscroll-behavior:contain}
.case-lightbox::backdrop{background:#050407db;backdrop-filter:blur(7px)}
.case-lightbox[open]{animation:case-view-in .22s ease both}
.case-lightbox[open].is-closing{animation:case-view-out .14s ease both}
.case-lightbox-header{display:flex;align-items:center;gap:16px;margin-bottom:12px}
.case-lightbox-header h2{font-size:18px;font-weight:500;line-height:1.5;margin:0 auto 0 0}
.case-lightbox-close{width:44px;height:44px;flex:none;border:1px solid #ead5a43b;border-radius:50%;background:#ffffff08;color:#ecd6a4;font-size:28px;line-height:1;transition:background .2s,transform .2s}
.case-lightbox-media{display:flex;justify-content:center;align-items:center;min-height:120px;background:#08080a;border-radius:12px;overflow:hidden}
.case-lightbox-media video{display:block;width:auto;max-width:100%;height:min(66dvh,720px);max-height:calc(100dvh - 215px);object-fit:contain;background:#08080a}
.case-lightbox-description{font-size:13px;line-height:1.7;color:#c0b7c8;margin:12px 0 0}
.case-lightbox-hint{font-size:11px;color:#9e919f;margin:7px 0 0}
.case-lightbox-error{font-size:12px;color:#f1d0a1;margin:10px 0}
.case-lightbox-error[hidden]{display:none}
@keyframes case-view-in{from{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:none}}
@keyframes case-view-out{to{opacity:0;transform:scale(.98) translateY(5px)}}
@media(hover:hover) and (pointer:fine){.case-poster-button:hover img{transform:scale(1.035);filter:brightness(1.1)}.case-lightbox-close:hover{background:#ffffff16;transform:rotate(6deg)}}
@media(max-width:760px){dialog.case-lightbox{width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:13px;border-radius:18px}.case-lightbox-header{gap:8px;margin-bottom:9px}.case-lightbox-header h2{font-size:16px}.case-lightbox-media video{height:auto;max-height:calc(100dvh - 222px);max-width:100%}.case-lightbox-description{font-size:12px}.case-lightbox-hint{font-size:10px}}
@media(prefers-reduced-motion:reduce){.case-lightbox[open],.case-lightbox[open].is-closing{animation:none}.case-poster-button img,.case-lightbox-close{transition:none}.case-poster-button:hover img,.case-lightbox-close:hover{transform:none}}