:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#090c12;color:#e8edf5}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 70% 30%,#17233a,#090c12 55%)}.lab-header{height:64px;display:flex;align-items:center;gap:18px;padding:0 18px;background:linear-gradient(#171c27,#0d1119);border-bottom:1px solid #38445a;box-shadow:0 4px 18px #0009}.brand{color:#fff;text-decoration:none;font-size:20px;letter-spacing:.08em}.brand span{color:#ef9d32}.lab-header div{display:flex;flex-direction:column}.lab-header small{color:#8c99ac}.back{margin-left:auto;color:#bac7da}main{height:calc(100vh - 64px);display:grid;grid-template-columns:330px 1fr}.controls{overflow:auto;padding:18px;background:#101620ee;border-right:1px solid #334057;box-shadow:5px 0 20px #0005}label,fieldset{display:block;margin:0 0 16px;color:#aeb9ca;font-size:12px;letter-spacing:.03em}select,button,input{font:inherit}select{display:block;width:100%;margin-top:6px;padding:9px;color:#eef3fa;background:#171f2c;border:1px solid #3b4860;border-radius:5px}input[type=range]{display:block;width:100%;margin-top:8px;accent-color:#f0a13b}output{float:right;color:#f1a342}fieldset{padding:10px;border:1px solid #303d52;border-radius:6px}legend{padding:0 6px}.directions{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.directions button{min-height:52px}.directions small{display:block;font-size:9px;color:#8e9bad}button{padding:8px;color:#dce5f1;background:#192231;border:1px solid #3d4a61;border-radius:5px;cursor:pointer}button:hover{border-color:#d58d35}button.active{color:#fff;border-color:#ef9e37;background:#5a3b1d}.actions{display:grid;gap:7px}.identity{margin:-8px 0 16px;color:#f0a13b;font-size:12px;overflow-wrap:anywhere}pre{min-height:130px;padding:10px;overflow:auto;color:#a9e5bf;background:#090d13;border:1px solid #293448;border-radius:5px;font:11px/1.55 Consolas,monospace}.stage-wrap{position:relative;min-width:0;min-height:0;overflow:hidden}.stage-wrap canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.legend{position:absolute;left:16px;bottom:14px;padding:8px 11px;background:#090d13dd;border:1px solid #354158;border-radius:5px;color:#aeb9c9;font-size:11px}.legend i{display:inline-block;width:12px;height:12px;margin:0 4px 0 10px;vertical-align:-2px;border:2px solid #56d6ff}.legend i:first-child{margin-left:0}.legend i.target{border-color:#ffb13b}.legend span{margin-left:14px;color:#728096}@media(max-width:760px){main{grid-template-columns:260px 1fr}.legend span{display:none}}