*{box-sizing:border-box}
:root{color-scheme:dark;--bg:#050302;--ink:#f2dfc4;--accent:#ff5a22}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);font-family:"Source Sans 3","Helvetica Neue",Arial,sans-serif}
canvas{position:fixed;inset:0;display:block;width:100%;height:100%;outline:none}
canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-5px}
.study-controls{display:none!important}
.gate-controls{position:fixed;z-index:5;left:50%;bottom:max(.65rem,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:.55rem;padding:0 .15rem;color:var(--ink);opacity:.34;transition:opacity .2s ease}
.gate-controls:hover,.gate-controls:focus-within{opacity:.9}
.gate-time{width:clamp(7.5rem,20vw,13rem);height:44px;margin:0;padding:0;background:transparent;cursor:ew-resize;accent-color:var(--accent)}
.gate-time::-webkit-slider-runnable-track{height:1px;background:currentColor}
.gate-time::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;margin-top:-4px;border:1px solid var(--ink);border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}
.gate-time::-moz-range-track{height:1px;background:currentColor}
.gate-time::-moz-range-thumb{width:9px;height:9px;border:1px solid var(--ink);border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}
.gate-random{min-width:44px;min-height:44px;padding:.55rem .45rem;border:0;background:transparent;color:inherit;font:500 .7rem/1 "Source Sans 3",sans-serif;letter-spacing:.04em;cursor:pointer}
.gate-random:hover,.gate-random:focus-visible{color:var(--accent)}.gate-random:focus-visible,.gate-time:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.help{position:fixed;z-index:5;top:max(.45rem,env(safe-area-inset-top));right:max(.45rem,env(safe-area-inset-right));display:grid;place-items:center;width:44px;height:44px;color:var(--ink);opacity:.32;text-decoration:none;font:500 1rem/1 monospace;transition:opacity .2s ease}
.help:hover,.help:focus-visible{opacity:.9}.help:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.gate-fallback{position:fixed;inset:0;display:grid;place-items:center;padding:2rem;color:var(--ink);font:600 1rem/1.5 "Source Sans 3",sans-serif;text-align:center}
.shot .gate-controls,.embedded .gate-controls,.shot .help,.embedded .help{display:none!important}
@media(max-height:540px){.gate-controls{bottom:max(.2rem,env(safe-area-inset-bottom))}.gate-time{width:clamp(6rem,18vw,9rem)}}