/* The SteamProfiler player: a proper control surface, not browser chrome. */
.sp-player{--sp-accent:var(--accent,#ffb000);--sp-volume:100%;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000;color:#fff;outline:0;isolation:isolate;user-select:none}
.sp-player::before,.sp-player::after{content:"";position:absolute;z-index:5;width:44px;height:44px;pointer-events:none}.sp-player::before{left:10px;top:10px;border-left:2px solid var(--sp-accent);border-top:2px solid var(--sp-accent)}.sp-player::after{right:10px;bottom:10px;border-right:2px solid var(--sp-accent);border-bottom:2px solid var(--sp-accent)}
.sp-player-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;cursor:pointer}
.sp-player-chrome{position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(180deg,#000a,transparent 27%,transparent 58%,#000e)}
.sp-player-chrome::after{content:"";position:absolute;inset:0;opacity:.08;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px);mix-blend-mode:soft-light;pointer-events:none}
.sp-player-top{position:absolute;left:26px;right:64px;top:20px;display:flex;align-items:center;gap:15px;min-width:0;opacity:0;transform:translateY(-8px)}
.sp-player-brand{flex:none;padding:5px 8px;border:1px solid #ffffff2b;background:#050309b8;font:600 9px/1 'IBM Plex Mono',monospace;letter-spacing:.13em}.sp-player-brand i{font-style:normal;color:var(--sp-accent);text-shadow:0 0 9px var(--sp-accent)}.sp-player-brand b{color:var(--sp-accent)}
.sp-player-title{overflow:hidden;font:600 12px/1.2 'Archivo',sans-serif;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 8px #000}
.sp-player-bottom{position:absolute;left:20px;right:20px;bottom:18px;opacity:0;transform:translateY(10px)}
.sp-player-controls{display:flex;align-items:center;gap:8px;height:40px}
.sp-player-btn{position:relative;display:grid;place-items:center;flex:none;width:34px;height:34px;padding:0;border:1px solid transparent;background:transparent;color:#fff;pointer-events:auto;cursor:pointer}.sp-player-btn:hover,.sp-player-btn:focus-visible{border-color:var(--sp-accent);background:#000a;color:var(--sp-accent);outline:0;box-shadow:0 0 14px color-mix(in srgb,var(--sp-accent) 30%,transparent)}.sp-player-btn svg{width:19px;height:19px}
.sp-player-big{position:absolute;left:50%;top:50%;width:76px;height:76px;transform:translate(-50%,-50%) skewX(-6deg);border:2px solid #fff;background:#050309c9;box-shadow:8px 8px 0 color-mix(in srgb,var(--sp-accent) 60%,transparent),0 0 38px #000}.sp-player-big svg{width:34px;height:34px;transform:skewX(6deg)}.sp-player[data-state="playing"] .sp-player-big{opacity:0;pointer-events:none}.sp-player[data-state="ended"] .sp-player-big{opacity:1}
.sp-player-rail{position:relative;height:18px;pointer-events:auto;cursor:pointer}.sp-player-rail::before,.sp-player-buffered,.sp-player-played{position:absolute;left:0;right:0;top:8px;height:3px}.sp-player-rail::before{content:"";background:#ffffff25}.sp-player-buffered{right:auto;width:0;background:#ffffff4f}.sp-player-played{right:auto;width:0;background:linear-gradient(90deg,var(--sp-accent),#fff);box-shadow:0 0 9px var(--sp-accent)}
.sp-player-seek{position:absolute;inset:0;width:100%;height:18px;margin:0;opacity:0;cursor:pointer}
.sp-player-rail:has(.sp-player-seek:focus-visible)::after{content:"";position:absolute;inset:3px -3px;border:1px solid var(--sp-accent)}
.sp-player-time,.sp-player-duration{font:500 11px/1 'IBM Plex Mono',monospace;letter-spacing:.04em}.sp-player-duration{color:#aaa}.sp-player-divide{color:#666}.sp-player-live{margin-left:5px;padding:3px 6px;border-left:3px solid var(--sp-accent);background:#050309a8;color:#ccc;font:500 8px/1 'IBM Plex Mono',monospace;letter-spacing:.18em}.sp-player-spacer{flex:1}
.sp-player-volume{width:78px;height:18px;margin:0;appearance:none;background:linear-gradient(90deg,var(--sp-accent) 0 var(--sp-volume),#ffffff28 var(--sp-volume));clip-path:polygon(0 72%,100% 0,100% 100%,0 100%);cursor:pointer;pointer-events:auto}.sp-player-volume::-webkit-slider-thumb{width:3px;height:18px;appearance:none;background:#fff;box-shadow:0 0 7px #fff}.sp-player-volume::-moz-range-thumb{width:3px;height:18px;border:0;border-radius:0;background:#fff}
.sp-player-loader{position:absolute;left:50%;top:50%;display:flex;gap:5px;transform:translate(-50%,-50%);opacity:0}.sp-player-loader i{width:5px;height:24px;background:var(--sp-accent);box-shadow:0 0 10px var(--sp-accent)}.sp-player[data-loading="1"] .sp-player-loader{opacity:1}.sp-player[data-loading="1"] .sp-player-big{opacity:0}
.sp-player[data-controls="1"] .sp-player-top,.sp-player[data-controls="1"] .sp-player-bottom,.sp-player[data-state="paused"] .sp-player-top,.sp-player[data-state="paused"] .sp-player-bottom,.sp-player[data-state="ended"] .sp-player-top,.sp-player[data-state="ended"] .sp-player-bottom{opacity:1;transform:none}
.sp-player[data-controls="0"][data-state="playing"]{cursor:none}.sp-player[data-controls="0"][data-state="playing"] .sp-player-video{cursor:none}
.sp-player:fullscreen,.sp-player:-webkit-full-screen{width:100vw;height:100vh;aspect-ratio:auto}.sp-player:fullscreen .sp-player-video,.sp-player:-webkit-full-screen .sp-player-video{object-fit:contain}
@media(prefers-reduced-motion:no-preference){.sp-player-top,.sp-player-bottom,.sp-player-big{transition:opacity .2s ease,transform .2s ease}.sp-player-loader i{animation:spPlayerLoad .8s ease-in-out infinite alternate}.sp-player-loader i:nth-child(2){animation-delay:-.2s}.sp-player-loader i:nth-child(3){animation-delay:-.4s}.sp-player-loader i:nth-child(4){animation-delay:-.6s}@keyframes spPlayerLoad{to{transform:scaleY(.35);opacity:.35}}}
@media(max-width:620px){.sp-player-top{left:15px;right:50px;top:14px}.sp-player-brand{display:none}.sp-player-title{font-size:10px}.sp-player-bottom{left:10px;right:10px;bottom:8px}.sp-player-volume{display:none}.sp-player-pip{display:none}.sp-player-live{display:none}.sp-player-controls{gap:4px}.sp-player-time,.sp-player-duration{font-size:9px}.sp-player-big{width:58px;height:58px}.sp-player-big svg{width:27px;height:27px}}