:root{color-scheme:dark;--ink:#111713;--panel:#1b251c;--lime:#d9ff51;--muted:#b9c5b6}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:#f1f4ed;font:16px/1.55 system-ui,sans-serif}header{border-bottom:1px solid #475846;display:flex;justify-content:space-between;gap:10px;padding:16px max(18px,calc((100% - 640px)/2));white-space:nowrap}header strong{font-weight:950}header span,.label,#phase{color:var(--lime)}small,.quiet{color:var(--muted)}main{max-width:680px;padding:18px;margin:auto}.card{border:1px solid #475846;background:var(--panel);padding:20px;margin:0 0 14px}.label,small{font:12px ui-monospace,monospace;letter-spacing:.1em}h1{font-size:clamp(27px,7vw,46px);line-height:1.15;margin:8px 0}h2{margin:8px 0}label{display:block;margin:6px 0}input,select,button{font:inherit;padding:8px;border:1px solid #809479;background:#101910;color:inherit;border-radius:4px}input:not([type=checkbox]){width:100%;max-width:390px;display:block}button{cursor:pointer;background:var(--lime);color:#101910;font-weight:750}button:disabled{opacity:.5;cursor:default}.secondary,.text{background:#263527;color:#f1f4ed}.text{font-size:13px}.danger{background:#ffac91}button[aria-pressed=true]{outline:2px solid var(--lime);outline-offset:3px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.scope{margin:12px auto;width:min(66vw,225px);aspect-ratio:1;display:grid;place-items:center;color:var(--lime);background:repeating-radial-gradient(circle,transparent 0 21%,#7f976944 22% 23%,transparent 24% 27%),linear-gradient(90deg,transparent 49.5%,#7f976944 50%,transparent 50.5%),linear-gradient(transparent 49.5%,#7f976944 50%,transparent 50.5%);border:1px solid #81966f;border-radius:50%}.scope span{font-size:30px}.list{padding:0;list-style:none}.list li{border-top:1px solid #475846;padding:10px 0}.list li:first-child{border-top:0}.list button{margin:3px 4px 3px 0}.list p{margin:5px 0}#notice{position:sticky;bottom:0;background:#111713;padding:8px;border-top:1px solid #475846;min-height:2.5em}#notice:empty{display:none}pre{white-space:pre-wrap;overflow-wrap:anywhere}.hit{animation:hit .5s alternate 2}@keyframes hit{to{border-color:var(--lime);box-shadow:inset 0 0 40px #d9ff5166}}@media(prefers-reduced-motion:reduce){.hit{animation:none}}@media(max-width:370px){header small{display:none}}
.scope{position:relative}.scope i{position:absolute;width:9px;height:9px;border-radius:50%;background:#a3b69b;transform:translate(-50%,-50%)}.scope i.locked{background:var(--lime)}.scope i.chosen{background:var(--lime);outline:2px solid var(--lime);outline-offset:4px}
