.okc-modal[hidden]{display:none!important}
.okc-modal{position:fixed;z-index:999999;inset:0;display:grid;place-items:center;padding:18px}
.okc-modal__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(0,0,0,.86);cursor:pointer;backdrop-filter:blur(5px)}
body.okc-modal-open{overflow:hidden}
.okc-modal .okc-player{position:relative;z-index:1;width:min(1180px,96vw);max-height:94vh;margin:0;padding:18px;overflow:auto;border:1px solid #6a512d;border-radius:20px;background:#101010;box-shadow:0 28px 90px rgba(0,0,0,.75)}
.okc-modal .okc-player__close{flex:0 0 auto;padding:10px 14px;background:#2a2118}
.okc-modal .okc-player__stage{position:relative;display:grid;min-height:min(72vh,720px)}
.okc-player__loading{position:absolute;z-index:0;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;color:#fff}
.okc-player__loading[hidden]{display:none}
.okc-player__loading span{width:38px;height:38px;border:4px solid #57482f;border-top-color:#e5b84b;border-radius:50%;animation:okc-spin .8s linear infinite}
@keyframes okc-spin{to{transform:rotate(360deg)}}
.okc-modal .okc-player__frame{position:relative;z-index:1;width:100%;height:min(72vh,720px);min-height:0;border:0;background:transparent}
.okc-player__external{color:#f2ce69;text-decoration:underline;text-underline-offset:3px}
.okc-play--disabled,.okc-play--disabled:hover{cursor:not-allowed;filter:none;transform:none;background:#403c35;color:#aaa}
@media(max-width:600px){.okc-modal{padding:0}.okc-modal .okc-player{width:100vw;height:100dvh;max-height:none;padding:10px;border:0;border-radius:0}.okc-modal .okc-player__head{align-items:flex-start}.okc-modal .okc-player__stage{min-height:calc(100dvh - 128px)}.okc-modal .okc-player__frame{height:calc(100dvh - 128px);min-height:0}}