.csr-run{--csr-cyan:#59f0ff;--csr-violet:#ad72ff;box-sizing:border-box;width:min(1100px,100%);margin:24px auto;padding:28px 24px;background:radial-gradient(circle at 50% -10%,#4553bb38,transparent 52%),#060817;color:#eafcff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;outline:none;overflow:hidden}.csr-run *{box-sizing:border-box}.csr-run:focus-visible{box-shadow:0 0 0 2px var(--csr-cyan)}.csr-run__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.csr-run__brand{font-weight:800;letter-spacing:.12em;color:var(--csr-cyan);text-shadow:0 0 16px var(--csr-cyan)}.csr-run__hud{display:flex;gap:28px;color:#7280a6;font-size:11px;letter-spacing:.12em}.csr-run__hud b{display:block;color:#fff;font-size:18px;margin-top:3px}.csr-run__stage{position:relative;border:1px solid #29335d;background:#090d22;box-shadow:0 25px 90px #0009;overflow:hidden}.csr-run canvas{display:block;width:100%;height:auto;aspect-ratio:1.92;touch-action:none}.csr-run__overlay{position:absolute;inset:0;display:flex;z-index:2;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#050818aa;backdrop-filter:blur(4px);padding:20px}.csr-run__eyebrow{color:var(--csr-violet)!important;letter-spacing:.24em;font-size:11px;margin:0}.csr-run__overlay h2{color:#fff;font:800 clamp(38px,7vw,78px)/.9 system-ui,sans-serif;margin:12px 0;letter-spacing:-.06em}.csr-run__overlay p:not(.csr-run__eyebrow){color:#a9b3d0;max-width:520px;line-height:1.7;margin:0}.csr-run__overlay button{margin-top:18px;border:0;border-radius:0;background:var(--csr-cyan);color:#07101b;padding:15px 24px;font-weight:800;font-family:inherit;cursor:pointer;box-shadow:0 0 28px #59f0ff66}.csr-run__overlay button:hover{transform:translateY(-2px)}.csr-run__overlay button span{margin-left:32px}.csr-run__timeline{position:absolute;left:5%;right:5%;bottom:17px;display:flex;align-items:center;gap:10px;color:#69789f;font-size:9px}.csr-run__timeline[hidden]{display:none}.csr-run__timeline div{height:4px;background:#222c52;flex:1}.csr-run__timeline i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--csr-violet),var(--csr-cyan));box-shadow:0 0 12px var(--csr-cyan)}.csr-run__footer{display:flex;gap:28px;align-items:center;margin-top:17px;color:#7f8aaa;font-size:11px}.csr-run__footer div{display:flex;align-items:center;gap:8px}.csr-run__footer p{margin:0 0 0 auto}.csr-run kbd{color:#dce4ff;border:1px solid #39456e;border-bottom-width:3px;padding:6px 9px;background:#11162c}.csr-run__touch{display:none;justify-content:space-between;margin-top:18px}.csr-run__touch button{width:88px;height:70px;border:1px solid #4d6687;border-radius:0;background:#111a32;color:var(--csr-cyan);font-size:28px;touch-action:none}.csr-run__touch small{display:block;font-size:10px}.csr-run__touch .is-rewind{color:var(--csr-violet)}@media(max-width:700px){.csr-run{padding:18px 12px}.csr-run__hud span:first-child,.csr-run__footer{display:none}.csr-run__brand{font-size:13px}.csr-run__touch{display:flex}.csr-run__overlay h2{font-size:42px}.csr-run__stage{min-height:390px}.csr-run canvas{width:auto;height:390px;transform:translateX(calc((100% - 749px)/2))}}
.csr-run__score-submit{display:flex;align-items:center;gap:10px;margin-top:18px;padding:14px;border:1px solid #33416b;background:#0e142c}.csr-run__score-submit[hidden]{display:none}.csr-run__score-submit label{display:flex;align-items:center;gap:10px;color:#9eabd0;font-size:12px}.csr-run__score-submit input{width:150px;border:1px solid #405077;background:#080d20;color:#fff;padding:9px;font:inherit}.csr-run__score-submit button{border:0;background:var(--csr-violet);color:#090c1c;padding:10px 14px;font:800 11px inherit;cursor:pointer}.csr-run__score-submit span{color:#a9b3d0;font-size:11px}.csr-run__leaderboard{margin-top:18px;border:1px solid #29335d;background:#090d22;padding:16px 20px}.csr-run__leaderboard-title{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #20294b;padding-bottom:10px}.csr-run__leaderboard-title span{color:var(--csr-violet);font-size:9px;letter-spacing:.2em}.csr-run__leaderboard-title b{font:700 16px system-ui,sans-serif}.csr-run__leaderboard ol{list-style:none;padding:0;margin:8px 0 0;counter-reset:rank}.csr-run__leaderboard li{counter-increment:rank;display:grid;grid-template-columns:34px 1fr auto auto;gap:14px;align-items:center;padding:8px 4px;border-bottom:1px solid #161e3a;color:#aeb9d8;font-size:12px}.csr-run__leaderboard li:before{content:counter(rank,decimal-leading-zero);color:#526087}.csr-run__leaderboard li b{color:#fff}.csr-run__leaderboard li em{color:var(--csr-cyan);font-style:normal;font-weight:800}.csr-run__leaderboard li small{color:#667395}.csr-run__leaderboard li.is-loading{display:block;color:#667395}.csr-run__leaderboard li.is-loading:before{display:none}@media(max-width:700px){.csr-run__score-submit{align-items:stretch;flex-direction:column}.csr-run__score-submit label{justify-content:space-between}.csr-run__leaderboard li{grid-template-columns:26px 1fr auto}.csr-run__leaderboard li small{display:none}}
.csr-run__overlay[hidden]{display:none!important}
.csr-run__hud button{align-self:center;border:1px solid #46547d;background:#111830;color:#b9c7e8;padding:7px 10px;font:700 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em;cursor:pointer}.csr-run__hud button:hover{border-color:var(--csr-cyan);color:var(--csr-cyan)}@media(max-width:700px){.csr-run__hud{gap:8px}.csr-run__hud button{padding:7px;font-size:9px}}
.csr-run__loading{width:min(360px,82%);margin:18px 0 0}.csr-run__loading[hidden]{display:none}.csr-run__loading>div{height:6px;overflow:hidden;background:#20294b;border:1px solid #34416d}.csr-run__loading i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--csr-violet),var(--csr-cyan));box-shadow:0 0 16px var(--csr-cyan);transition:width .18s ease}.csr-run__loading span{display:block;margin-top:8px;color:#8290b5;font-size:10px;letter-spacing:.1em}.csr-run__overlay button:disabled,.csr-run__hud button:disabled{opacity:.38;cursor:wait;transform:none;box-shadow:none}
.csr-run:fullscreen{width:100vw;max-width:none;height:100vh;margin:0;padding:18px 24px;overflow:auto}.csr-run:fullscreen .csr-run__stage{width:min(100%,calc((100vh - 190px)*1.92));margin:auto}.csr-run:fullscreen .csr-run__header{flex:0 0 auto}
@media (hover:none) and (pointer:coarse){.csr-run__touch{display:flex}}
@media (orientation:landscape) and (max-height:600px) and (pointer:coarse){.csr-run{margin:0 auto;padding:6px 10px;min-height:100vh;min-height:100dvh;overflow:auto}.csr-run__header{margin-bottom:5px;min-height:34px}.csr-run__brand{font-size:12px}.csr-run__hud{gap:5px}.csr-run__hud span{display:none}.csr-run__hud button{padding:5px 7px;font-size:8px}.csr-run__stage{width:min(100%,calc((100vh - 105px)*1.92));width:min(100%,calc((100dvh - 105px)*1.92));height:min(calc(100vh - 105px),500px);height:min(calc(100dvh - 105px),500px);min-height:0;margin:auto}.csr-run canvas{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;transform:none}.csr-run__touch{width:min(100%,960px);height:54px;margin:5px auto 0;align-items:stretch}.csr-run__touch button{width:96px;height:54px;font-size:21px}.csr-run__touch small{font-size:9px}.csr-run__footer{display:none}.csr-run__leaderboard{margin-top:8px}.csr-run:fullscreen{padding:5px 10px;overflow:hidden}.csr-run:fullscreen .csr-run__stage{width:min(100%,calc((100vh - 99px)*1.92));width:min(100%,calc((100dvh - 99px)*1.92));height:min(calc(100vh - 99px),500px);height:min(calc(100dvh - 99px),500px)}}
.csr-run__timeline{bottom:5px}
@media (orientation:landscape) and (max-height:600px) and (pointer:coarse){.csr-run{position:relative;margin:0 auto;padding:4px 8px;overflow:hidden}.csr-run__header{margin-bottom:3px;min-height:32px}.csr-run__stage{width:min(100%,calc((100vh - 43px)*1.92));width:min(100%,calc((100dvh - 43px)*1.92));height:min(calc(100vh - 43px),500px);height:min(calc(100dvh - 43px),500px)}.csr-run__timeline{left:3%;right:3%;bottom:2px;opacity:.72}.csr-run__touch{position:absolute;z-index:4;left:14px;right:14px;bottom:9px;width:auto;height:54px;margin:0;pointer-events:none}.csr-run__touch button{width:88px;height:54px;border-color:#6b7fa8;background:#0a1024b8;box-shadow:0 3px 18px #0009;font-size:21px;pointer-events:auto}.csr-run__leaderboard{display:none}.csr-run:fullscreen{padding:4px 8px;overflow:hidden}.csr-run:fullscreen .csr-run__stage{width:min(100%,calc((100vh - 41px)*1.92));width:min(100%,calc((100dvh - 41px)*1.92));height:min(calc(100vh - 41px),500px);height:min(calc(100dvh - 41px),500px)}}
.csr-run__seed-picker{display:flex;align-items:center;gap:9px;margin-top:14px;color:#8f9cc1;font-size:10px;letter-spacing:.08em}.csr-run__seed-picker input{width:150px;border:1px solid #405077;background:#080d20;color:#fff;padding:9px 10px;font:700 12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;outline:none}.csr-run__seed-picker input:focus{border-color:var(--csr-cyan);box-shadow:0 0 14px #59f0ff44}.csr-run__seed-picker+button{margin-top:10px}@media(max-width:700px){.csr-run__leaderboard li small{display:block;grid-column:2/-1}}@media (orientation:landscape) and (max-height:600px) and (pointer:coarse){.csr-run__seed-picker{margin-top:6px}.csr-run__seed-picker input{padding:6px 8px}.csr-run__seed-picker+button{margin-top:6px;padding:10px 18px}}
