:root{color:#cbd5d8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111519;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit}.sandbox{width:100vw;height:100dvh;min-height:300px;position:relative;overflow:hidden}.sandbox__canvas{outline:none;width:100%;height:100%;display:block}.keybinds__button,.range-button{color:#d0dadc;cursor:pointer;background:#1b2329e8;border:1px solid #344048;border-radius:7px;align-items:center;gap:10px;min-height:42px;padding:0 15px;font-size:12px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.keybinds__button:hover,.range-button:hover{background:#27333a;border-color:#64766f}.keybinds__button:focus-visible,.range-button:focus-visible{outline-offset:3px;outline:2px solid #78dabb}.keybinds__button svg,.range-button svg{stroke:currentColor;stroke-width:1.2px;width:17px;height:17px}.wordmark{color:#c2ccce;letter-spacing:-1px;pointer-events:none;text-align:right;font-size:23px;font-weight:650;position:absolute;top:23px;right:28px}.wordmark span{color:#76858d;letter-spacing:1.3px;margin-top:3px;font-size:9px;font-weight:400;display:block}.bottom-controls{flex-wrap:wrap;align-items:center;gap:10px;max-width:calc(100vw - 48px);display:flex;position:absolute;bottom:24px;left:24px}.keybinds{position:relative}.keybinds__button,.range-button{color:#a8b5bc;min-height:36px;padding:0 12px;font-size:11px}.range-button--active{color:#ed99a6;border-color:#8c4954}.enemy-setting{color:#a8b5bc;background:#1b2329e8;border:1px solid #344048;border-radius:7px;align-items:center;gap:8px;height:36px;padding:0 10px;font-size:11px;display:inline-flex}.enemy-setting input{color:#d0dadc;width:62px;font:inherit;font-variant-numeric:tabular-nums;background:#11191f;border:1px solid #39444b;border-radius:4px;padding:4px 5px}.enemy-setting input:focus-visible{outline-offset:2px;outline:2px solid #78dabb}.enemy-setting input[aria-invalid=true]{border-color:#b36772}.enemy-setting__unit{color:#76858d;font-size:10px}.keybinds__tooltip{color:#a8b5bc;visibility:hidden;opacity:0;pointer-events:none;background:#1b2329f5;border:1px solid #344048;border-radius:7px;gap:12px;width:250px;max-width:calc(100vw - 48px);padding:15px;font-size:11px;transition:opacity .1s,visibility .1s;display:grid;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 4px 20px #0003}.keybinds__tooltip:after{content:"";width:100%;height:11px;position:absolute;top:100%;left:0}.keybinds:hover .keybinds__tooltip,.keybinds:focus-within .keybinds__tooltip,.keybinds[data-virtual-hover] .keybinds__tooltip{visibility:visible;opacity:1;pointer-events:auto}.keybinds__tooltip>span{grid-template-columns:86px 1fr;align-items:center;display:grid}.keybinds__tooltip kbd{justify-self:start}kbd{color:#c2ced2;background:#252e35;border:1px solid #39444b;border-bottom-width:2px;border-radius:4px;padding:4px 7px;font-family:inherit;font-size:10px;line-height:1}.notice{color:#cdd7bf;background:#242b25ed;border:1px solid #586451;border-radius:6px;max-width:430px;margin:0;padding:12px 15px;font-size:12px;line-height:1.6;position:absolute;top:79px;left:24px}.virtual-cursor{z-index:10;pointer-events:none;will-change:transform;width:24px;height:28px;position:absolute;top:0;left:0}.virtual-cursor[hidden]{display:none}.virtual-cursor svg{filter:drop-shadow(0 1px 2px #0009);width:100%;height:100%;overflow:visible}.virtual-cursor path{fill:#e2ede8;stroke:#172c26;stroke-width:1.3px}.virtual-cursor--button path{fill:#a6eccb}@media (width<=850px){.wordmark{top:16px;right:20px}.bottom-controls{bottom:16px;left:16px}}.play-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;background:#080e17a6;place-items:center;display:grid;position:absolute;inset:0}.play-overlay__content{text-align:center}.play-overlay__content p{color:#9cabb6;font-size:12px}.play-button{color:#d9f9e9;font:inherit;cursor:pointer;background:#233e35;border:1px solid #83dcb9;border-radius:12px;align-items:center;gap:12px;padding:18px 36px;font-size:22px;display:inline-flex}.play-button:hover{background:#315648}.play-button:focus-visible{outline-offset:4px;outline:3px solid #83dcb9}.play-button svg{fill:currentColor;width:24px;height:24px}.bottom-controls{z-index:3}.notice{z-index:4}.settings-label{color:#8699a4;text-transform:uppercase;letter-spacing:1px;font-size:10px}.timing-settings,.player-settings,.syndra-settings,.xerath-settings,.lux-settings{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:10px;display:flex}.avg-time-stats{z-index:3;font-variant-numeric:tabular-nums;background:#11191fea;border:1px solid #344048;border-radius:7px;width:266px;padding:8px 10px;font-size:10px;position:absolute;top:24px;left:24px}.avg-time-stats__controls{justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;display:flex}.avg-time-stats button{color:#9cabb6;cursor:pointer;background:0 0;border:0;padding:3px 0;font-size:10px}.avg-time-stats button span{color:#76858d;margin-left:4px}.avg-time-stats button[aria-pressed=true] span{color:#78dabb}.avg-time-stats button:hover{color:#d0dadc}.avg-time-stats button:focus-visible{outline-offset:3px;outline:2px solid #78dabb}.avg-time-stats table{border-collapse:collapse;text-align:right;table-layout:fixed;width:100%}.avg-time-stats caption{text-align:left;color:#76858d;padding-bottom:5px;font-size:9px}.avg-time-stats th,.avg-time-stats td{white-space:nowrap;padding:3px 0;font-weight:400}.avg-time-stats thead{color:#9cabb6;border-bottom:1px solid #344048}.avg-time-stats tr>:first-child{text-align:left;color:#8699a4;width:34px}.avg-time-stats__counts{color:#76858d;font-size:8px}.avg-time-stats__spell--syndra{color:#b59aff}.avg-time-stats__spell--xerath{color:#82cfff}.avg-time-stats__spell--lux{color:#f7d77a}.avg-time-stats__graphs{border-top:1px solid #344048;grid-template-columns:34px repeat(3,minmax(0,1fr));align-items:start;margin-top:7px;padding-top:6px;display:grid}.avg-time-stats__scale{color:#76858d;flex-direction:column;justify-content:space-between;height:35px;padding-top:2px;font-size:8px;display:flex}.avg-time-stats__graph{width:100%;display:block;overflow:visible}.avg-time-stats__axes{fill:none;stroke:#344048;stroke-width:.6px}.avg-time-stats__line{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round}.avg-time-stats__graph circle{fill:currentColor}.avg-time-stats__graph text{fill:#76858d;font-size:8px}.test-panels+.wordmark+.notice{top:384px}.test-panels{z-index:3;flex-wrap:wrap;align-items:flex-start;gap:12px;max-width:calc(100vw - 48px);display:flex;position:absolute;top:24px;left:24px}.test-panels .avg-time-stats{position:relative;top:auto;left:auto}.adaptive-offset-stats tr>:first-child{width:62px}.adaptive-offset-stats tbody th.avg-time-stats__spell--syndra{color:#b59aff}.adaptive-offset-stats tbody th.avg-time-stats__spell--xerath{color:#82cfff}.adaptive-offset-stats tbody th.avg-time-stats__spell--lux{color:#f7d77a}.adaptive-offset-stats__graphs{border-top:1px solid #344048;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:7px;padding-top:6px;display:grid}.adaptive-offset-stats__graph-label{margin-bottom:4px;font-size:9px}.adaptive-offset-stats__target{fill:none;stroke:#64766f;stroke-width:.6px;stroke-dasharray:2 3}.adaptive-offset-stats__legend{color:#76858d;margin:4px 0 0;font-size:8px}