#playerDialog{position:fixed;inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;border-radius:0;background:#050505;overflow:hidden;color:#eee}#playerDialog::backdrop{background:#000}.player-stage{position:relative;height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:#000}.player-stage video{display:block;width:100%;height:100%;max-height:none;object-fit:contain;background:#000}.player-top{position:absolute;inset:0 0 auto;display:flex;gap:20px;align-items:center;padding:24px 30px;background:linear-gradient(#000b,transparent);z-index:4;pointer-events:none}.player-top button{pointer-events:auto}.player-top>div{flex:1}.player-kicker{font-size:10px;letter-spacing:2px;color:#aaa;margin-bottom:7px}#playerTitle{margin:0;font-size:22px;font-weight:600;padding:0}.player-icon{font-size:27px;color:#eee;background:transparent;border:0;min-width:42px;padding:7px 8px;border-radius:4px;line-height:1;position:relative}.player-icon:hover{color:#e5a00d;background:#ffffff14}.player-icon:disabled{opacity:.4}.player-controls{position:absolute;inset:auto 0 0;padding:65px 34px 21px;background:linear-gradient(transparent,#000d 48%,#000e);z-index:5}.player-controls .timeline{margin:0 0 14px}.player-controls .timeline input{height:5px;width:100%;margin:0;cursor:pointer;accent-color:#e5a00d}.player-toolbar{display:flex;gap:12px;margin:0;align-items:center;flex-wrap:nowrap}.player-toolbar label{font-size:10px;color:#aaa;display:flex;flex-direction:column;align-items:start;gap:4px;margin:0}.player-toolbar select{width:auto;max-width:230px;background:#202020cc;border:1px solid #ffffff18;color:#eee;font-size:12px;padding:7px 24px 7px 9px;margin:0;border-radius:4px;cursor:pointer}.track-controls{margin-left:auto;display:flex;gap:16px;align-items:center}#timelineTime{font-size:13px;color:#eee;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:120px}#playerVolume{width:75px;accent-color:#e5a00d}.skip{font-size:32px}.skip small{position:absolute;inset:12px 0 auto;margin:0;color:inherit;font-size:9px;text-align:center}#playbackMode{font-size:10px;color:#888;margin:12px 0 0 6px;letter-spacing:.5px}.player-stage .player-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#0008;border:0;border-radius:0;margin:0;padding:50px;z-index:3}.player-loading progress{width:160px;max-width:50vw;height:3px}.player-loading .quiet{font-size:12px;color:#bbb}.spinner{width:40px;height:40px;border:3px solid #ffffff26;border-top-color:#e5a00d;border-radius:50%;animation:player-spin .9s linear infinite}@keyframes player-spin{to{transform:rotate(360deg)}}#playerError{position:absolute;bottom:160px;left:15%;right:15%;text-align:center;font-size:13px;line-height:1.6;color:#efcf92;background:#19150fd9;border-radius:5px;padding:12px;z-index:7}#playerError:empty{display:none}.player-details{position:absolute;top:100px;left:35px;max-width:700px;max-height:50vh;overflow:auto;background:#1a1a1af2;padding:24px;border:1px solid #444;border-radius:6px;z-index:8}.player-details p{color:#ccc;font-size:13px;line-height:1.7}#matchForm input{font-size:12px;color:#fff;background:#111;border:1px solid #444;padding:10px;border-radius:4px}.player-stage::cue{font:26px 'Segoe UI',sans-serif;background:#0009;color:white}.player-stage:fullscreen{width:100vw;height:100vh}.player-stage.controls-hidden .player-top,.player-stage.controls-hidden .player-controls{opacity:0;transition:opacity .3s}.player-stage.controls-hidden{cursor:none}.player-top,.player-controls{transition:opacity .2s}body [hidden]{display:none!important}
@media(max-width:900px){.player-controls{padding:50px 20px 18px}.player-toolbar{gap:6px}.player-toolbar select{max-width:150px;font-size:11px}.player-top{padding:20px}#playerTitle{font-size:18px}#playerVolume{display:none}.track-controls{gap:8px}#timelineTime{min-width:105px;font-size:11px}.player-icon{font-size:23px;padding:6px;min-width:32px}}@media(max-width:600px){.player-top{padding:15px;gap:10px}.player-kicker{font-size:8px}#playerTitle{font-size:15px}.player-controls{padding:40px 14px 15px}.player-toolbar{flex-wrap:wrap}.track-controls{order:12;width:100%;justify-content:end}.player-toolbar select{max-width:160px}.player-controls .timeline{margin-bottom:14px}#timelineTime{flex:1}#playerError{left:10px;right:10px;bottom:190px}.player-details{top:80px;left:15px;right:15px;padding:18px}.skip{font-size:25px}.skip small{top:9px;font-size:8px}}

/* Explicit range geometry: dialog input padding previously consumed the track ends. */
.player-controls .player-icon,.player-top .player-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;padding:8px;border-radius:6px;font-size:0;color:#f5f5f5;background:#ffffff08}.player-icon svg{display:block;width:28px;height:28px;flex-shrink:0}.player-controls .player-icon:hover,.player-top .player-icon:hover{background:#ffffff20;color:#f5b52e}.player-controls #playPause{background:#ffffff16}.player-toolbar{gap:9px}.player-toolbar #playPause svg{width:29px;height:29px}.volume-control{display:flex;align-items:center;gap:8px;flex-shrink:0;width:170px}#playerVolume{display:block!important;box-sizing:border-box;appearance:none;-webkit-appearance:none;flex:1;min-width:0;width:112px;height:24px;padding:0;border:0;margin:0;background:transparent;border-radius:0;cursor:pointer}#playerVolume::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,#e5a00d var(--volume,100%),#656565 var(--volume,100%))}#playerVolume::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;border-radius:50%;margin-top:-5px;background:#eee;border:0}#playerVolume:focus-visible{outline:2px solid #e5a00d;outline-offset:4px}#volumeValue{min-width:43px;font:11px 'Segoe UI',sans-serif;color:#ddd;font-variant-numeric:tabular-nums;white-space:nowrap}.player-controls #timelineSeek{padding:0;border:0;height:18px;background:transparent}.player-text-control{color:#ddd;border:1px solid #ffffff25;background:#ffffff0c;border-radius:5px;font-size:11px;padding:8px 10px;cursor:pointer;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-text-control:hover{background:#ffffff1e;color:#f5b52e}.track-controls{gap:8px}.playback-settings{position:absolute;bottom:130px;right:32px;width:340px;max-height:calc(100dvh - 230px);overflow-y:auto;background:#232323f5;box-shadow:0 12px 60px #000b;border:1px solid #555;border-radius:8px;padding:20px;z-index:10;backdrop-filter:blur(15px)}.playback-settings-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.playback-settings h3{font-size:15px;margin:0}.playback-settings-heading button{background:transparent;color:#ddd;font-size:24px;line-height:1;padding:0 4px}.playback-settings label{display:block;font-size:11px;color:#ccc;margin:18px 0 0}.playback-settings select{display:block;width:100%;max-width:none;margin:8px 0 0;border:1px solid #555;background:#111;color:#eee;border-radius:4px;padding:10px;font-size:12px}.playback-settings p{font-size:10px;line-height:1.6;color:#a8a8a8}.playback-settings dl{display:grid;grid-template-columns:1fr 1.6fr;gap:9px;font-size:10px;line-height:1.5;border-top:1px solid #444;padding-top:18px;margin:20px 0 0}.playback-settings dt{color:#999}.playback-settings dd{margin:0;color:#ddd;text-align:right}.playback-settings #retryPlayback{margin-top:18px;width:100%;max-width:none}#playbackMode{line-height:1.5}#timelineTime{min-width:110px}.player-loading{pointer-events:none}.player-loading button{pointer-events:auto}
@media(max-width:1100px){.track-controls .player-text-control{max-width:150px;font-size:10px}.volume-control{width:145px}.player-toolbar{gap:6px}.player-controls{padding-left:22px;padding-right:22px}}@media(max-width:800px){.track-controls{order:12;flex-basis:100%;justify-content:end;margin-top:5px}.volume-control{width:145px}.player-controls .player-icon{width:36px;height:36px;flex-basis:36px;padding:6px}.player-icon svg{width:25px;height:25px}#timelineTime{flex:1;min-width:100px}.player-toolbar{flex-wrap:wrap}.playback-settings{bottom:175px;right:20px;max-height:calc(100dvh - 260px)}}@media(max-width:450px){.volume-control{width:123px}.player-toolbar{gap:4px}.player-controls .player-icon{width:33px;height:35px;flex-basis:33px;padding:5px}.player-controls{padding:35px 12px 14px}#timelineTime{order:10;font-size:10px;flex:1;min-width:100px}.track-controls{order:11;flex-basis:auto;flex:1;min-width:180px;margin-top:3px}.track-controls .player-text-control{max-width:130px;padding:7px;font-size:9px}.playback-settings{left:12px;right:12px;width:auto;bottom:172px;max-height:calc(100dvh - 250px);padding:16px}.player-top{padding:12px}.player-details{max-height:45vh}}

#playerDialog.mini-player{position:fixed;top:auto;bottom:0;left:235px;right:0;width:calc(100% - 235px);height:160px;max-height:160px;max-width:none;border-top:1px solid #64502c;box-shadow:0 -12px 35px #0008;z-index:50;background:#131313;overflow:visible}body.has-mini-player main{padding-bottom:190px}.mini-player .player-stage{background:#131313;justify-content:start}.mini-player video{width:240px;height:135px;margin:12px;object-fit:contain;background:#000;flex-shrink:0}.mini-player .player-top{left:265px;right:18px;top:5px;padding:6px;background:none;gap:8px}.mini-player .player-kicker{display:none}.mini-player #playerTitle{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}.mini-player .player-top>div{min-width:0;order:-1}.mini-player #toggleInfo{display:none}.mini-player .player-top .player-icon{width:30px;height:30px;flex-basis:30px;font-size:22px;padding:3px}.mini-player .player-controls{left:265px;right:18px;bottom:8px;padding:0;background:none}.mini-player .player-toolbar{flex-wrap:nowrap;gap:6px}.mini-player #timelineTime{min-width:110px;font-size:11px}.mini-player .track-controls,.mini-player #playbackMode,.mini-player #fullscreen{display:none}.mini-player .player-controls .timeline{margin-bottom:4px}.mini-player .player-controls .player-icon{width:32px;height:32px;flex-basis:32px;padding:4px}.mini-player .volume-control{width:140px}.mini-player #restorePlayer{display:none!important}.mini-player #playerSettings{bottom:150px;max-height:60vh}.mini-player #conversion{left:0;width:252px;padding:15px}.mini-player #conversionText{font-size:10px}.mini-player #playerError{bottom:155px;left:265px;right:18px}.mini-player .controls-hidden .player-top,.mini-player .controls-hidden .player-controls{opacity:1}.mini-player #minimizePlayer{font-size:18px}.mini-player #minimizePlayer::after{content:'↗'}.mini-player #minimizePlayer{font-size:0}.mini-player #minimizePlayer::after{font-size:24px}
@media(max-width:750px){#playerDialog.mini-player{left:180px;width:calc(100% - 180px)}.mini-player video{width:160px;height:90px;margin:10px}.mini-player .player-top,.mini-player .player-controls{left:190px}.mini-player .volume-control{display:none}.mini-player #forward10,.mini-player #backward10{display:none}.mini-player #playerTitle{max-width:200px}.mini-player #conversion{width:180px}}
@media(max-width:600px){#playerDialog.mini-player{left:0;width:100%;height:150px;max-height:150px}.mini-player video{width:138px;height:78px;margin:8px}.mini-player .player-top{left:150px;right:6px;top:6px}.mini-player .player-controls{left:150px;right:10px;bottom:12px}.mini-player #playerTitle{font-size:11px;max-width:160px}.mini-player #timelineTime{min-width:0;flex:1;font-size:9px}.mini-player .player-controls .player-icon{width:28px;height:28px;flex-basis:28px}.mini-player #forceTranscode{display:none}.mini-player #playerError{left:10px;right:10px}.mini-player #playerSettings{bottom:145px}.mini-player #conversion{width:145px}.mini-player .spinner{width:25px;height:25px}.mini-player #cancelConversion{display:none}body.has-mini-player main{padding-bottom:175px}}

/* Explicit window controls with state-specific SVGs. */
#minimizePlayer::after{content:none!important}.player-top #minimizePlayer svg,.player-top #closeMiniPlayer svg{width:26px;height:26px;opacity:1}.mini-player #closePlayer{display:none}.mini-player #minimizePlayer{order:1}.mini-player #closeMiniPlayer{order:2;background:#ffffff14;color:#fff}.mini-player #closeMiniPlayer:hover{background:#943b32;color:#fff}.mini-player .player-top #minimizePlayer,.mini-player .player-top #closeMiniPlayer{flex:0 0 34px;width:34px;min-width:34px;height:34px;padding:4px}.mini-player .player-top>div{flex:1;overflow:hidden}
