.player-anchor{position:relative;aspect-ratio:16/9;min-width:0}
.player-anchor .player-shell{width:100%;height:100%}
.player-shell.is-docked{position:fixed;left:max(16px,4vw);bottom:16px;z-index:90;width:min(340px,32vw);height:auto;min-height:0;aspect-ratio:16/9;box-shadow:8px 8px 0 #000,0 0 0 2px #202242}
.player-shell.is-docked video{width:100%;height:100%;min-height:0;max-height:none;object-fit:contain}
.player-dock-bar{position:absolute;top:0;left:0;right:0;min-height:31px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 6px;background:#10152deb;border-bottom:1px solid #6876aa;color:#d7ff6a;font-size:.75rem;font-weight:700;line-height:1.2;pointer-events:none}
.player-dock-bar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-dock-bar button{pointer-events:auto;flex:none;min-height:25px;padding:2px 7px;border:1px solid #aeb6e8;background:#303c68;color:#fff;font-size:.75rem;box-shadow:2px 2px 0 #000}
.player-dock-bar button:hover{background:#45548b}
@media(min-width:851px){body.player-docked{padding-bottom:220px}}
@media(max-width:850px){.player-shell.is-docked{left:auto;right:12px;top:12px;bottom:auto;width:min(420px,calc(100vw - 24px))}}
@media(max-width:480px){.player-anchor{aspect-ratio:auto;min-height:270px}.player-shell.is-docked{right:8px;top:calc(8px + env(safe-area-inset-top));width:calc(100vw - 16px);min-height:0;border-width:3px}.player-shell.is-docked video{min-height:0;max-height:none}.player-dock-bar{font-size:.6875rem}}