html,body{width:100%;height:100%;margin:0;overflow:hidden;color:#fff;background:#000;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}#stage,#playerHost{position:fixed;inset:0}#stage{z-index:1}#playerHost iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.topbar{position:fixed;top:8px;left:8px;right:8px;z-index:9999;display:flex;align-items:center;gap:8px;pointer-events:none}
.selector{--gap:10px;position:relative;height:32px;padding:0 10px;border:1px solid #333;border-radius:8px;display:inline-flex;align-items:center;gap:8px;color:#fff;background:#000;font-size:14px;cursor:pointer;user-select:none;pointer-events:auto;transition:.15s}
.selector .label{opacity:.85}.selector .value{font-weight:600}.selector:hover,.selector.open{border-color:#555;background:#0b0b0b}.selector:focus-visible{outline:2px solid #fff;outline-offset:2px}
.caret{width:0;height:0;border-top:6px solid #aaa;border-right:6px solid transparent;border-left:6px solid transparent;transition:transform .18s}.selector.open .caret,.selector:hover .caret{transform:rotate(180deg)}
.selector:after{content:"";position:absolute;top:100%;left:0;width:220px;height:var(--gap)}.menu{min-width:145px;max-width:220px;position:absolute;top:calc(100% + var(--gap));left:0;z-index:10000;display:none;overflow:hidden;border:1px solid #333;border-radius:8px;background:#000}.menu button{width:100%;padding:10px 38px 10px 12px;border:0;position:relative;color:#fff;background:transparent;font:inherit;font-size:14px;text-align:left;cursor:pointer}.menu button:hover{background:#111}.menu button.active{background:#181818}.menu button.active:after{content:"✓";position:absolute;right:10px}.selector.open .menu{display:block}
@media(hover:hover){.selector:not(.closed):hover .menu,.selector:not(.closed):focus-within .menu{display:block}}
.spacer{flex:1}.icon-btn{width:32px;padding:0;justify-content:center}.icon-btn:after{display:none}.share-icon{width:16px;height:16px}.message{height:100%;display:grid;place-items:center;color:#bbb}.toast{position:fixed;right:10px;bottom:10px;z-index:10001;padding:9px 12px;border:1px solid #333;border-radius:8px;background:rgba(0,0,0,.9);font-size:12px;opacity:0;transform:translateY(6px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}
@media(max-width:600px){.selector{height:34px}.icon-btn{width:34px}.share-icon{width:20px;height:20px}}