/* Shared charcoal/orange Harbor transport; scoped away from YouTube and games. */
.harbor-player{--harbor-accent:#fa6837;background:#171719;border:1px solid #ffffff20;border-radius:14px;overflow:hidden;width:100%;min-width:0;color:#f4f1ec;outline:none;color-scheme:dark}
.harbor-player.harbor-portrait{max-width:360px;margin-inline:auto}
.harbor-player .media-slot{border-radius:0;max-width:none;margin:0}
.harbor-player .harbor-controls[hidden],.harbor-player [hidden]{display:none!important}
.harbor-controls{background:#1e1e20;padding:2px 10px 8px;font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}
.harbor-track{display:flex;align-items:center;height:34px}
.harbor-player input[type=range]{appearance:none;-webkit-appearance:none;cursor:pointer;border:0;padding:0;margin:0;outline-offset:3px;background:transparent;min-height:44px;touch-action:pan-y}
.harbor-player input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:3px;background:#55555a}
.harbor-player input[type=range]::-moz-range-track{height:4px;border-radius:3px;background:#55555a}
.harbor-player input.harbor-seek::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--harbor-accent) var(--harbor-progress,0%),#55555a var(--harbor-progress,0%))}
.harbor-player input.harbor-seek::-moz-range-progress{background:var(--harbor-accent);height:4px}
.harbor-player input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:13px;border:2px solid #1e1e20;border-radius:50%;background:var(--harbor-accent);margin-top:-4.5px}
.harbor-player input[type=range]::-moz-range-thumb{width:10px;height:10px;border:2px solid #1e1e20;border-radius:50%;background:var(--harbor-accent)}
.harbor-seek{width:100%}.harbor-transport{display:flex;align-items:center;gap:2px;min-width:0}.harbor-spacer{flex:1}
.harbor-player button{border:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;padding:12px;border-radius:7px;background:transparent;color:#f4f1ec;cursor:pointer}
.harbor-player button:hover{background:#ffffff0e;color:var(--harbor-accent)}
.harbor-player button[data-action=play]{background:#fa68371a;color:var(--harbor-accent)}
.harbor-player button svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none}
.harbor-time{min-width:0;text-align:center;white-space:normal;font-variant-numeric:tabular-nums;color:#d2d0cd;padding-inline:5px;font-size:11px}
.harbor-player .harbor-volume{width:55px;flex:0 1 55px;margin-right:6px}
.harbor-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px;padding:4px 5px;color:#c9c5c0}
.harbor-player button.harbor-retry{width:auto;flex:0 0 auto;font:inherit;text-decoration:underline;color:var(--harbor-accent)}
.harbor-player :focus-visible,.harbor-player:focus-visible{outline:2px solid var(--harbor-accent);outline-offset:-2px}
.harbor-player:fullscreen{width:100%;height:100%;max-width:none;display:flex;flex-direction:column;border-radius:0;background:#090909}
.harbor-player:fullscreen .media-slot{flex:1;min-height:0;aspect-ratio:auto}
.harbor-player:fullscreen video{max-height:none;height:100%;width:100%;object-fit:contain}
.harbor-player:fullscreen .harbor-controls{flex:0 0 auto;width:100%;box-sizing:border-box}
.harbor-portrait .harbor-volume{display:none}
@media(max-width:450px){.harbor-player .harbor-volume{display:none}.harbor-controls{padding-inline:5px}.harbor-time{font-size:10px;padding-inline:2px}.harbor-player button{padding:12px}}