:root{color-scheme:dark;font-family:'Segoe UI',system-ui,sans-serif;font-weight:300;color:#cbd2d6;background:#030507;--muted:#9daab2;--line:#53636b;--blue:#91bdcf;--gold:#e6cf82}
*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{position:fixed;inset:0;width:100%;height:100%;background:#030507}
dialog{position:fixed;inset:0;margin:auto;width:min(850px,calc(100% - 64px));max-height:calc(100dvh - 48px);overflow:auto;border:0;background:#030507dc;padding:30px 38px 26px;box-shadow:0 0 65px 32px #030507cc;scrollbar-width:thin;scrollbar-color:#52636c transparent}
dialog:not([open]){display:none}dialog::backdrop{background:#03050780}
.eyebrow{font-size:10px;letter-spacing:2.8px;color:var(--muted)}.settings-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:16px 0 14px}h1{font-size:64px;font-weight:300;letter-spacing:-1.8px;line-height:1;margin:0}
.jump-start{text-align:right}.jump-in{color:#e0e6e8;background:transparent;border:0;border-bottom:1px solid #8299a4;padding:11px 0 13px;min-width:190px;text-align:left;font-size:23px;font-weight:300;letter-spacing:.2px}.jump-in span{float:right;color:var(--gold);font-size:19px;margin-left:34px}.jump-in:hover{color:#fff;text-shadow:1px 0 #7eb7d466,-1px 0 #e6cf8244}.jump-start p{font-size:10px;letter-spacing:.2px;color:var(--muted);margin:9px 0 0}
.intro{line-height:1.65;font-size:14px;margin:20px 0 25px;max-width:56ch;color:#b4c0c7}.settings-line{display:block;width:100%;height:12px;margin-bottom:25px;overflow:visible}.settings-line path{stroke:#82929a;stroke-width:.7}.settings-line circle{fill:#bdc8ce}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px 42px}label{font-size:12px;display:flex;flex-direction:column;gap:9px;color:#c7d1d8;letter-spacing:.15px}
select,input:not([type=checkbox]):not([type=range]){font:inherit;font-size:15px;font-weight:300;background:transparent;border:0;border-bottom:1px solid #52636c;border-radius:0;color:#e0e6e8;min-height:42px;width:100%;padding:7px 0 10px;outline-offset:4px}select option{background:#0b1014;color:#dce4e9}
.settings-toggles{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 25px;padding:0 0 8px}.check{flex-direction:row;align-items:center;gap:10px;min-height:28px;font-size:12px}
input[type=checkbox]{appearance:none;-webkit-appearance:none;width:12px;height:12px;flex:none;border:1px solid #72848e;border-radius:50%;background:transparent;margin:0;cursor:pointer}input[type=checkbox]:checked{background:#c8d9e2;box-shadow:inset 0 0 0 2px #030507,0 0 8px #7eb7d422}input:disabled{opacity:.35;cursor:default}
.slider-setting output{color:#d7e3eb;font-size:18px;font-weight:300;letter-spacing:0}.slider-setting input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:28px;background:transparent;border:0;padding:0;margin:3px 0;cursor:pointer;accent-color:var(--blue)}
.slider-setting input[type=range]::-webkit-slider-runnable-track{height:1px;background:#81959f}.slider-setting input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;margin-top:-5px;border:1px solid #c4e1ef;border-radius:50%;background:#adcbd9;box-shadow:0 0 8px #7eb7d433}.slider-setting input[type=range]::-moz-range-track{height:1px;background:#81959f}.slider-setting input[type=range]::-moz-range-thumb{width:10px;height:10px;border:1px solid #c4e1ef;border-radius:50%;background:#adcbd9}.slider-ends{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px}
.note,.hint{font-size:11px;line-height:1.65;color:var(--muted);margin:17px 0 0}.fullscreen-choice{margin-top:16px}.actions{display:flex;gap:25px;align-items:center;margin-top:19px}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}a{color:#b2c7d2;font-size:12px;text-underline-offset:5px}.primary{border:0;border-bottom:1px solid #758b97;color:#d9e3e8;padding:11px 0;background:transparent;font-size:14px;letter-spacing:.3px}.primary span{margin-left:35px;color:var(--blue)}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}#settings-error{color:#ffbfac;font-size:12px;margin:8px 0}
#controls{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:14px;align-items:center;background:#030507d9;border:0;border-bottom:1px solid var(--line);padding:8px 16px;transition:opacity .3s;z-index:2}#controls[hidden]{display:none}#controls button{background:none;border:0;color:#cbd6dd;font-size:12px;padding:8px}kbd{font:10px monospace;color:var(--muted);margin-left:6px}.idle #controls:not(:focus-within){opacity:0;pointer-events:none}.running.idle{cursor:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:600px){dialog{width:calc(100% - 36px);padding:24px 12px;max-height:calc(100dvh - 28px)}.settings-heading{align-items:flex-start;gap:18px;flex-direction:column;margin-top:20px}h1{font-size:54px}.jump-start{text-align:left;width:100%}.jump-in{width:100%;font-size:22px}.settings-grid{grid-template-columns:1fr;gap:22px}.settings-toggles{gap:12px;flex-direction:column;padding:2px 0}.intro{font-size:13px;margin-top:22px}.jump-start p{font-size:10px}.actions{gap:22px}#controls{gap:4px;width:max-content;max-width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}