*{box-sizing:border-box}body{margin:0;background:#a9b5a2;color:#26372f;font:14px/1.5 system-ui,sans-serif;overflow:hidden}canvas{display:block}#view{position:fixed;inset:0}header{position:absolute;left:26px;top:22px;pointer-events:none;text-shadow:0 1px 12px #e1e6d3}header a{pointer-events:auto}a{color:inherit}h1{font: 34px/1.2 Georgia,serif;margin:8px 0}header p{margin:0;font-size:12px}aside{position:absolute;right:18px;top:18px;width:270px;max-height:calc(100vh - 80px);overflow:auto;display:grid;gap:8px}details{background:#f4f4e9ed;border:1px solid #fff8;border-radius:10px}summary{padding:12px 14px;cursor:pointer}.controls{padding:0 14px 14px}.controls label{display:block;margin:8px 0;font-size:12px}select{display:block;width:100%;margin-top:4px;border:1px solid #cad1c2;border-radius:5px;padding:6px;background:#fffef6;color:inherit}input[type=range]{width:100%;display:block;accent-color:#657857}output{float:right;font-variant-numeric:tabular-nums}.tick{display:flex!important;align-items:center;gap:8px}.tick input{margin:0}.row{display:flex;gap:8px}button{border:1px solid #c4cdbd;border-radius:6px;padding:7px 10px;background:#f8faee;color:inherit;cursor:pointer}footer{position:absolute;left:20px;right:20px;bottom:14px;display:flex;align-items:center;gap:18px;font-size:12px}#stats{margin-left:auto;background:#f4f4e9de;border-radius:5px;padding:5px 8px}#status{background:#f4f4e9de;padding:5px 8px;border-radius:5px;max-width:50%}#concept{height:220px;background-size:300% 200%;background-position:50% 100%;border-radius:6px}.controls p{font-size:12px}.clean header,.clean aside,.clean footer{display:none}@media (max-width:700px){aside{width:215px;right:8px;top:95px;max-height:calc(100vh - 150px)}header{left:15px;top:12px}h1{font-size:26px}footer{left:8px;right:8px;gap:5px}#status{display:none}}