/* Additions to the prototype stylesheet for the live platform */
.playerbox{position:relative;width:100%;aspect-ratio:16/10;max-height:84vh;background:#15202B;border-radius:var(--r);overflow:hidden}
.playerbox iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#15202B}
.playerbox:fullscreen{border-radius:0;max-height:none;aspect-ratio:auto}
.playerbox .wm{z-index:2;color:#8fa3b3;mix-blend-mode:difference;opacity:.16}
.playerbox .veil{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(15,22,29,.9);color:#fff;text-align:center;padding:20px}
.savest{font-size:.82rem;color:var(--muted)}
.savest.err{color:var(--bad)}
.pkgrow{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.pkgrow:last-child{border:0}
.pkgrow .grow{flex:1;min-width:0}
.side .who{font-size:.8rem;opacity:.85;padding:0 6px;display:flex;flex-direction:column;gap:6px}
.side .who button{align-self:flex-start;border:1px solid rgba(255,255,255,.25);background:none;color:inherit;border-radius:99px;padding:3px 12px;cursor:pointer;font-size:.8rem}
.side .who button:hover{background:rgba(255,255,255,.1)}
.side nav button{color:inherit}
.upbar{height:7px;background:var(--sunk);border-radius:99px;overflow:hidden;margin-top:6px}
.upbar i{display:block;height:100%;background:var(--brand);width:0}
.err{color:var(--bad);font-size:.88rem;margin:0}
details.qz .qm{display:block}
.drawer .panel{width:min(520px,100%)}
@media (max-width:900px){.playerbox{aspect-ratio:4/3;max-height:none}.side .who{flex-direction:row;align-items:center;justify-content:space-between}}
a.btn{text-decoration:none}