/* ALON DE LOCO · YouTube in-page player (ytmodal0111 · PREVIEW) · look: buttons direction D "Kulture Klash street" */
html.ytm-lock,html.ytm-lock body{overflow:hidden!important;overscroll-behavior:none}
dialog.ytm{--g:var(--bd-gold,#d8b76d);--g2:var(--bd-gold2,#f3df9f);--r:var(--bd-red,#c8102e);--r2:var(--bd-red2,#e0263f);--k:var(--bd-black,#0b0b0b);--cut:14px;
 position:fixed;inset:0;margin:auto;padding:0;border:0;background:transparent;color:#fff;width:min(1100px,calc(100vw - 32px),calc((100dvh - 150px)*16/9 + 24px));max-width:none;max-height:calc(100dvh - 24px);overflow:visible;z-index:2147483000}
dialog.ytm.is-short{width:min(420px,calc(100vw - 24px),calc((100dvh - 130px)*9/16 + 24px))}
dialog.ytm:not([open]){display:none}
dialog.ytm::backdrop{background:rgba(5,4,3,.9)}
.ytm-card{position:relative;background:var(--k);padding:12px;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));
 box-shadow:inset 0 0 0 2px var(--g),inset -5px -5px 0 2px var(--r)}
.ytm-bar{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 4px 10px}
.ytm-tag{flex:none;font-family:var(--bd-font,"ADL Klash",Impact,sans-serif);font-weight:700;font-size:17px;line-height:1;letter-spacing:.06em;color:var(--k);background:var(--g);
 padding:.42em .8em .36em;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}
.ytm-title{flex:1;min-width:0;font-family:var(--bd-font,"ADL Klash",Impact,sans-serif);font-weight:700;font-size:22px;line-height:1.1;letter-spacing:.03em;text-transform:uppercase;color:var(--g2);
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ytm-x{flex:none;width:44px;height:44px;display:grid;place-items:center;cursor:pointer;border:0;border-radius:0;font:700 20px/1 system-ui,sans-serif;color:var(--g2);background:var(--k);
 box-shadow:inset 0 0 0 2px var(--g);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));transition:background-color .2s,color .2s,transform .16s}
.ytm-x:hover,.ytm-x:focus-visible{background:var(--r);color:#fff;box-shadow:inset 0 0 0 2px var(--r);transform:translate(-1px,-1px)}
.ytm-x:focus-visible,.ytm-ext:focus-visible{outline:3px solid var(--g2);outline-offset:2px}
.ytm-frame{position:relative;width:100%;aspect-ratio:16/9;max-height:calc(100dvh - 140px);background:#000;box-shadow:0 0 0 1px rgba(216,183,109,.35)}
dialog.ytm.is-short .ytm-frame{aspect-ratio:9/16}
.ytm-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.ytm-foot{display:flex;justify-content:flex-start;padding:10px 4px 2px}
.ytm-ext{font-family:var(--bd-font,"ADL Klash",Impact,sans-serif);font-weight:700;font-size:17px;line-height:1;letter-spacing:.04em;color:var(--g)!important;text-decoration:none!important;
 padding:.45em .2em;border-bottom:2px solid var(--r)}
.ytm-ext:hover{color:#fff!important;border-color:var(--r2)}
@supports not (aspect-ratio:16/9){.ytm-frame{height:0;padding-top:56.25%}dialog.ytm.is-short .ytm-frame{padding-top:177.78%}}
@media (max-width:600px){dialog.ytm{width:calc(100vw - 16px)}dialog.ytm.is-short{width:min(calc(100vw - 16px),calc((100dvh - 130px)*9/16 + 24px))}.ytm-card{padding:8px;--cut:10px}.ytm-title{font-size:19px}.ytm-tag{font-size:15px}}
@media (prefers-reduced-motion:reduce){.ytm-x{transition:none}}