.dp-short-modal{box-sizing:border-box;width:min(960px,calc(100vw - 24px));max-width:none;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:0;overflow:auto;overscroll-behavior:contain;border:1px solid #ffae7959;border-radius:18px;background:#0a0f0c;color:#f4f7ef;box-shadow:0 30px 100px #000c,0 0 60px #ff9c6114;color-scheme:dark}
.dp-short-modal[open]{animation:dp-short-reveal .2s ease-out}
.dp-short-modal::backdrop{background:#030704df;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.dp-short-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:linear-gradient(115deg,#242018,#0c140e);border-bottom:1px solid #ffffff14}
.dp-short-modal-head>div{min-width:0}.dp-short-modal-kicker{display:block;color:#ffb185;font-size:9px;font-weight:800;letter-spacing:.16em}
.dp-short-modal h2{margin:7px 0 0;font-size:clamp(14px,2vw,21px);line-height:1.3;letter-spacing:-.02em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dp-short-modal-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #ffffff35;border-radius:50%;background:#ffffff09;color:#fff;font:28px/1 Arial,sans-serif;cursor:pointer;transition:background .15s,transform .15s}
.dp-short-modal-close:hover{background:#7f3925;transform:rotate(5deg)}
.dp-short-modal-stage{position:relative;width:100%;aspect-ratio:16/9;max-height:calc(100vh - 175px);max-height:calc(100dvh - 175px);background:#000}
.dp-short-modal iframe{display:block;width:100%;height:100%;position:absolute;inset:0;border:0}
.dp-short-modal.is-portrait{width:min(440px,calc(100vw - 24px))}.dp-short-modal.is-portrait .dp-short-modal-stage{aspect-ratio:9/16}
.dp-short-modal-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;font-size:11px;color:#a8b4a1;border-top:1px solid #ffffff12}
.dp-short-modal-footer a{display:inline-flex;align-items:center;min-height:32px;color:#ffb185;text-decoration:none;font-weight:700;white-space:nowrap}.dp-short-modal-footer a:hover{text-decoration:underline}
.dp-short-modal :focus-visible{outline:2px solid #ffb185;outline-offset:3px}
@keyframes dp-short-reveal{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:480px){.dp-short-modal{border-radius:12px}.dp-short-modal-head{padding:12px;gap:10px}.dp-short-modal-footer{padding:10px 12px;font-size:10px}.dp-short-modal-kicker{font-size:8px}}
@media(max-height:480px) and (orientation:landscape){.dp-short-modal{width:min(740px,calc(100vw - 24px))}.dp-short-modal-head{padding:8px 12px}.dp-short-modal-kicker,.dp-short-modal-footer>span{display:none}.dp-short-modal h2{-webkit-line-clamp:1;margin:0;font-size:14px}.dp-short-modal-footer{padding:4px 12px;justify-content:flex-end}.dp-short-modal-stage{max-height:calc(100dvh - 130px)}}
@media(prefers-reduced-motion:reduce){.dp-short-modal[open]{animation:none}.dp-short-modal-close{transition:none}}