/* REPLAY-COMPACT-CARD-V2 */
#status{
 position:fixed;top:16px;left:16px;z-index:999;
 box-sizing:border-box;width:290px;max-width:calc(100vw - 32px);
 padding:14px;border-radius:10px;
 background:linear-gradient(125deg,rgba(12,25,39,.36),rgba(29,17,42,.30));
 border:1px solid rgba(220,224,245,.13);
 -webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);
 box-shadow:inset 0 1px rgba(255,255,255,.045);
 color:#a9bfd2;font:400 12px/1.5 Inter,Arial,sans-serif;
 letter-spacing:0;text-shadow:none;white-space:normal;
 font-variant-numeric:tabular-nums;pointer-events:none;
 -webkit-font-smoothing:antialiased;
}
#status::first-line{font-weight:400}
#status .replay-card-header{display:flex;align-items:center;gap:10px}
#status .replay-player-avatar{
 display:flex;align-items:center;justify-content:center;
 width:38px;height:38px;flex:0 0 38px;overflow:hidden;
 border-radius:8px;background:rgba(220,230,255,.07);
 border:1px solid rgba(220,224,245,.13);
 color:#e3edf8;font:400 16px Inter,Arial,sans-serif;
}
#status .replay-player-avatar img{display:block;width:100%;height:100%;object-fit:cover}
#status .replay-identity-text{min-width:0;flex:1}
#status .replay-run-heading{color:#e3edf8;font:400 12px/1.5 Inter,Arial,sans-serif}
#status .replay-player-identity{display:inline-flex;align-items:center;max-width:100%;vertical-align:middle}
#status .player-name-styled-v5{
 min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
 font:400 12px/1.25 Inter,Arial,sans-serif!important;
}
#status .player-badge-slot-v18{
 display:inline-flex;align-items:center;justify-content:center;
 flex:0 0 14px;width:14px;height:14px;margin-left:6px;padding:0;line-height:1;
}
#status .player-badge-slot-v18 svg{display:block;width:14px;height:14px;filter:none}
#status .replay-run-subtitle{margin-top:3px;color:#c3d2e5;font:400 12px/1.5 Inter,Arial,sans-serif}
#status .replay-card-metrics{margin-top:11px;padding-top:9px;border-top:1px solid rgba(220,224,245,.10)}
#status .replay-card-map{margin-top:3px;overflow-wrap:anywhere}
#status .replay-run-back{
 display:inline-flex;align-items:center;justify-content:center;
 margin-top:11px;padding:6px 12px;border-radius:6px;
 border:1px solid rgba(220,224,245,.13);
 background:rgba(220,230,255,.035);color:#c3d2e5;
 font:400 12px/1.5 Inter,Arial,sans-serif;text-decoration:none;
 pointer-events:auto;
}
#status .replay-run-back:hover{background:rgba(182,202,245,.12);color:#fff}
#status .replay-run-back:focus-visible{outline:2px solid #95d8ed;outline-offset:2px}
#viewer .hlv-title{display:none!important;pointer-events:none!important}
#viewer .replay-watermark{
 position:absolute;top:20px;right:22px;z-index:30;
 width:110px;height:auto;max-height:70px;object-fit:contain;
 opacity:.48;pointer-events:none;user-select:none;
}
@supports not ((backdrop-filter:blur(9px)) or (-webkit-backdrop-filter:blur(9px))){
 #status{background:linear-gradient(125deg,rgba(12,25,39,.9),rgba(29,17,42,.9))}
}
@media(max-width:600px){
 #status{top:10px;left:10px;width:270px;max-width:calc(100vw - 20px);padding:12px}
 #viewer .replay-watermark{top:12px;right:12px;width:72px;max-height:48px;opacity:.4}
}

/* REPLAY-SPEED-SELECTOR-V1 */
#viewer .replay-speed-selector{
 position:absolute;right:16px;bottom:84px;z-index:40;
 display:flex;gap:4px;padding:5px;border-radius:9px;
 border:1px solid rgba(220,224,245,.13);
 background:linear-gradient(125deg,rgba(12,25,39,.60),rgba(29,17,42,.54));
 backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);
 box-shadow:inset 0 1px rgba(255,255,255,.045);
}
#viewer .replay-speed-selector button{
 appearance:none;border:1px solid transparent;border-radius:5px;
 padding:7px 10px;background:transparent;color:#a9bfd2;
 font:400 12px/1.25 Inter,Arial,sans-serif;
 font-variant-numeric:tabular-nums;cursor:pointer;
}
#viewer .replay-speed-selector button:hover{
 background:rgba(220,230,255,.07);color:#fff;
}
#viewer .replay-speed-selector button.is-active{
 border-color:rgba(220,224,245,.16);
 background:rgba(220,230,255,.09);color:#e3edf8;
}
#viewer .replay-speed-selector button:focus-visible{
 outline:2px solid #95d8ed;outline-offset:2px;
}
@media(max-width:600px){
 #viewer .replay-speed-selector{right:10px;bottom:80px}
 #viewer .replay-speed-selector button{padding:7px 8px}
}
