:root{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;color:#294633;background:#f4f9f4;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}main{max-width:1400px;margin:auto;padding:30px 40px 50px}.back{color:#2e7d32;text-decoration:none;font-size:14px}header{margin:35px 0 28px}h1{font-size:clamp(28px,3.5vw,44px);letter-spacing:-1.3px;margin:10px 0;color:#2e7d32}header p{color:#63766a;font-size:17px;margin:0;line-height:1.6}.eyebrow,.world-label{font-size:11px;font-weight:700;letter-spacing:2px;color:#5c8065}h2{font-size:22px;margin:0 0 24px}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px}.panel,.world,.stats,.explanation{background:white;border:1px solid #dce8dc;border-radius:14px;box-shadow:0 4px 16px #254c2910}.panel{padding:24px}label{display:block;font-size:13px;font-weight:600;margin:18px 0 8px}select,input[type=number]{width:100%;padding:11px;border:1px solid #cddfce;border-radius:6px;background:#fbfdfb;color:#294633;font:inherit;font-size:14px}.hint{font-size:12px;line-height:1.65;color:#6c7f70;margin:9px 0 18px}button{border:0;border-radius:6px;background:#4caf50;color:white;padding:11px 13px;font:600 13px "Segoe UI",sans-serif;cursor:pointer;transition:background .15s}button:hover{background:#398f3c}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #d29d3e;outline-offset:3px}#run{width:100%}.secondary{background:#edf5ed;color:#34713b}.secondary:hover{background:#dcebdc}.button-row{display:flex;gap:7px;margin-top:10px}.button-row button{flex:1;padding:10px 5px}output{float:right;font-size:11px;font-weight:400}input[type=range]{width:100%;accent-color:#4caf50}.preset{background:transparent;color:#2e7d32;text-align:left;padding:14px 0 0;font-size:12px}.preset:hover{background:transparent;text-decoration:underline}.world{position:relative;min-height:540px;overflow:hidden;background:#edf4ec}.world-top,.world-bottom{position:absolute;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.world-top{top:20px}#geometry{font-size:10px;letter-spacing:1px;color:#718974}.world-bottom{bottom:18px;font-size:11px;color:#69806d}.dot{display:inline-block;width:8px;height:8px;border-radius:2px;background:#4caf50;margin:0 5px 0 10px}.ant-dot{background:#d99b35}canvas{display:block;width:100%;height:100%;position:absolute;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.view-controls{position:absolute;bottom:50px;right:18px;display:flex;align-items:center;gap:6px}.view-controls label{margin:0 8px 0 0;font-size:12px}.view-controls button{box-shadow:0 2px 8px #24462a12;background:white}.view-controls input{accent-color:#4caf50}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:20px 0 30px;padding:22px 8px}.stats div{padding:0 22px;border-right:1px solid #e2ebe2}.stats div:last-child{border:0}.stats span{display:block;font-size:10px;letter-spacing:1.4px;color:#7b8d7e}.stats strong{display:block;font-size:23px;margin-top:8px;font-weight:600}.explanation{padding:30px;max-width:100%}.explanation h2{margin:10px 0 12px}.explanation p{max-width:950px;color:#63766a;font-size:14px;line-height:1.85;margin:10px 0 0}@media(max-width:800px){main{padding:22px 18px}.workspace{grid-template-columns:1fr}.world{min-height:480px}.stats{grid-template-columns:repeat(2,1fr);gap:22px}.stats div:nth-child(2){border:0}.world-label{font-size:9px}.world-bottom{font-size:9px;left:10px;right:10px}.stats strong{font-size:20px}}
.ant-dot{background:#483025}