.dm{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .2s cubic-bezier(.2,.7,.2,1)}
.dm[hidden]{display:none}
.dm.on{opacity:1}
.dm-back{position:absolute;inset:0;background:rgba(4,6,10,.82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.dm-box{position:relative;width:min(1240px,100%);height:min(900px,calc(100dvh - 40px));display:flex;flex-direction:column;border-radius:28px;background:#090d13;border:2px solid #2d3a52;box-shadow:0 40px 120px rgba(0,0,0,.7),0 0 0 1px rgba(201,162,75,.18),0 0 80px color-mix(in srgb,var(--dm-acc,#C9A24B) 18%,transparent);overflow:hidden;outline:0;transform:scale(.97);transition:transform .22s cubic-bezier(.2,.7,.2,1)}
.dm.on .dm-box{transform:none}
.dm-box::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--dm-acc,#C9A24B),transparent 85%);z-index:2}
.dm-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 14px 26px;border-bottom:1px solid #1d2838;background:linear-gradient(180deg,color-mix(in srgb,var(--dm-acc,#C9A24B) 12%,#0b1018),#090d13)}
.dm-txt small{display:block;font:600 12px/1 'DejaVu Sans Mono',monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--dm-acc,#C9A24B)}
.dm-txt h3{font:800 30px/1.1 'Inter Display','Inter',sans-serif;letter-spacing:-.02em;margin-top:8px;color:#F2F4F8}
.dm-txt p{font:400 16px/1.4 'Inter',sans-serif;color:#C9D2E0;margin-top:6px;max-width:760px}
.dm-x{flex:none;width:48px;height:48px;border-radius:50%;border:2px solid #34445f;background:#0d131c;color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .16s cubic-bezier(.2,.7,.2,1),background .16s}
.dm-x:active{transform:scale(.95)}
.dm-x:focus-visible,.dm-box:focus-visible{outline:3px solid #F2DC95;outline-offset:2px}
@media (hover:hover) and (pointer:fine){.dm-x:hover{background:#1b2536;border-color:#F2DC95}}
.dm-frame{position:relative;flex:1;min-height:0;background:#090d13}
.dm-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#090d13}
.dm-sentinel{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}
body.dm-open{overflow:hidden}
@media (max-width:640px){
 .dm{padding:0}
 .dm-box{width:100%;height:100dvh;border-radius:0;border-width:0}
 .dm-head{padding:16px 14px 12px 16px;align-items:center}
 .dm-txt h3{font-size:22px;margin-top:6px}
 .dm-txt p{font-size:14px;line-height:1.35}
}
@media (prefers-reduced-motion:reduce){.dm,.dm-box,.dm-x{transition:none}.dm-box{transform:none}}