@font-face{font-family:RunnerClip;src:url('assets/runner-display.woff') format('woff');font-weight:900;font-style:normal;font-display:swap}
.replay-entry{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;width:100%}.replay-entry button{min-height:46px;padding:11px 8px;border:1px solid #477080;border-radius:12px;background:linear-gradient(135deg,#19374a,#111d30);color:#d7faff;font:700 13px Arial;cursor:pointer}.replay-entry button:last-child{border-color:#806737;color:#ffe4a1;background:linear-gradient(135deg,#393022,#201f29)}.replay-entry button:disabled{opacity:.45;cursor:default}.replay-entry[hidden]{display:none}
.replay-studio{box-sizing:border-box;color:#edf4ff;background:#0c1525;border:1px solid #35506c;border-radius:24px;padding:0;width:min(960px,calc(100vw - 24px));max-width:960px;max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;touch-action:pan-y;box-shadow:0 25px 100px #000a;font-family:Arial,sans-serif}.replay-studio::backdrop{background:#020611dc;backdrop-filter:blur(8px)}.replay-studio *{box-sizing:border-box}.replay-studio [hidden]{display:none!important}
.rs-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid #25354c}.rs-header p{color:#7fdef0;font-size:10px;letter-spacing:2px;margin:0 0 6px;font-weight:700}.rs-header h2{font-size:23px;letter-spacing:-.6px;margin:0}.rs-close{width:44px;min-width:44px;height:44px;font-size:23px!important}
.rs-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,1fr);gap:24px;padding:24px;align-items:start}.rs-media{position:relative;max-width:100%;margin:0 auto;width:min(100%,calc((100dvh - 164px)*.5625));aspect-ratio:9/16;border:1px solid #304461;border-radius:18px;background:#050b14;overflow:hidden;box-shadow:0 14px 40px #0006}.rs-media canvas,.rs-media video{width:100%;height:100%;display:block;object-fit:contain}.rs-media video{position:absolute;inset:0;background:#050b14}.rs-tools{min-width:0;padding-top:6px}.rs-kicker{font-size:11px;letter-spacing:1.5px;color:#e8c67e;margin:0 0 10px}.rs-tools h3{font-size:27px;margin:0 0 12px;line-height:1.1}.rs-tools p{font-size:13px;color:#9fb3cb;line-height:1.5;margin:10px 0}.rs-info{border-top:1px solid #2b3b50;padding-top:14px}
.replay-studio button,.replay-studio select,.rs-download{font-family:inherit;border-radius:11px;font-size:14px;font-weight:700;min-height:44px;border:1px solid #35506a;background:#15273b;color:#e9f5ff;padding:10px 13px;cursor:pointer}.replay-studio button:disabled,.replay-studio select:disabled{opacity:.45;cursor:default}.replay-studio button:focus-visible,.replay-studio input:focus-visible,.rs-download:focus-visible{outline:3px solid #8cf0ff;outline-offset:3px}.replay-studio .rs-primary{background:linear-gradient(180deg,#ffe398,#ffc34e);color:#182333;border-color:#ffda7c;box-shadow:0 4px 0 #755827}.rs-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}.rs-row>*{flex:1}.rs-time{font:12px monospace!important;color:#b9cada!important;text-align:right;white-space:nowrap}.rs-range{width:100%;accent-color:#ffcf68;min-height:26px;cursor:pointer}.rs-field{display:block;font-size:13px;color:#c2d3e6;margin:18px 0 7px}.rs-field select{margin-left:8px}.rs-toggle{display:flex;align-items:center;gap:10px;font-size:13px;color:#c2d3e6;margin:18px 0}.rs-toggle input{accent-color:#ffcf68;width:18px;height:18px}.rs-create{width:100%;margin-top:12px}.rs-status{min-height:42px;font-size:13px!important;color:#b6d9e6!important}.rs-status[data-error=true]{color:#ffb4a5!important}.rs-progress{width:100%;height:6px;accent-color:#ffd36c}.rs-output{border-top:1px solid #304259;margin-top:18px;padding-top:14px}.rs-output .rs-row{margin-bottom:0}.rs-download{display:flex;align-items:center;justify-content:center;text-decoration:none}.rs-muted{font-size:11px!important;color:#8297b1!important}.rs-cancel{width:100%;margin-top:10px}
@media(max-width:620px){.replay-studio{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:18px}.rs-header{padding:15px 16px}.rs-header h2{font-size:20px}.rs-layout{grid-template-columns:minmax(0,1fr);padding:16px;gap:15px}.rs-media{width:min(100%,240px);max-height:none}.rs-tools{padding-top:0}.rs-tools h3{font-size:22px}.rs-field{margin-top:12px}.rs-toggle{margin:12px 0}.rs-status{min-height:0}.rs-info{margin-top:14px!important}}
@media(max-height:500px) and (min-width:621px){.rs-media{width:min(100%,240px)}.rs-layout{grid-template-columns:minmax(160px,.7fr) minmax(270px,1fr)}}