/* TaunusKing header and video overlay — 1.0.1 */
.topbar{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:20px}
.header-right{display:flex;justify-content:flex-end;align-items:center;gap:24px;min-width:0}
.header-right .desktop-nav{gap:22px;white-space:nowrap}
.header-right .header-actions{flex-shrink:0}
.king-trigger{position:relative;justify-self:center;width:54px;height:80px;padding:2px 3px;border:1px solid #dce1d5;border-radius:12px;background:#fff;line-height:1;transition:transform .18s,box-shadow .18s}
.king-trigger img{display:block;width:100%;height:100%;object-fit:contain;border-radius:9px}
.king-trigger:hover{transform:translateY(-2px);box-shadow:0 4px 14px #173b2c22}
.king-play{position:absolute;right:-8px;bottom:5px;width:22px;height:22px;display:grid;place-items:center;padding-left:2px;border:2px solid #f7f8f2;border-radius:50%;background:#173b2c;color:#c0f23b;font-size:9px}
.king-dialog{width:min(430px,calc(100% - 28px));padding:20px;max-height:calc(100dvh - 28px)}
.king-dialog .dialog-head{align-items:center;margin-bottom:14px}
.king-dialog h2{font-size:24px}
.king-dialog video{display:block;width:100%;max-height:calc(100dvh - 180px);aspect-ratio:9/16;object-fit:contain;background:#0e1b15;border-radius:12px}
.king-close{flex-shrink:0}
.king-status{font-size:13px;color:#6a4220;margin:12px 0 0}
.king-direct{font-size:12px;text-align:center;margin:12px 0 0}
.king-direct a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:761px) and (max-width:1100px){
 .topbar{height:auto;min-height:92px;padding-block:8px 14px;row-gap:10px}
 .header-right{display:contents}
 .topbar .brand{grid-column:1;grid-row:1}
 .king-trigger{grid-column:2;grid-row:1}
 .topbar .header-actions{grid-column:3;grid-row:1;justify-self:end}
 .topbar .desktop-nav{grid-column:1/-1;grid-row:2;justify-self:center;gap:32px}
}
@media(max-width:760px){
 .topbar{grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr);height:78px;gap:8px}
 .topbar .brand{--brand-size:clamp(104px,32vw,128px);width:var(--brand-size)}
 .topbar .logo-window{width:var(--brand-size);height:calc(var(--brand-size)*.16)}
 .topbar .logo-window img{width:var(--brand-size);height:calc(var(--brand-size)*.5);transform:translateY(calc(var(--brand-size)*-.165))}
 .header-right{gap:0}
 .king-trigger{width:44px;height:66px;padding:2px}
 .king-play{width:20px;height:20px;right:-6px;bottom:4px;font-size:8px}
 .king-dialog{padding:16px}
}