*{box-sizing:border-box}body{background:#111522;color:#f5f2eb;font-family:system-ui,sans-serif;margin:0}button{font:inherit}.study{margin:0 auto;max-width:1100px;min-height:100vh;padding:clamp(20px,4vw,42px)}.study-label{color:#95efd2;font-size:12px;letter-spacing:.08em;margin:0 0 24px}header h2{font-size:clamp(24px,4vw,40px);letter-spacing:-.04em;margin:0 0 12px}header p{color:#aeb7c9;line-height:1.6;margin:0 0 24px;max-width:62ch}.controls{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}button{background:#26314b;border:1px solid #617394;border-radius:9px;color:#f5f2eb;cursor:pointer;padding:9px 14px}button:hover{background:#334261}button:focus-visible{outline:3px solid #95efd2;outline-offset:3px}button:disabled{cursor:default;opacity:.45}.stage{align-items:center;background:radial-gradient(ellipse at top,#243253,#141c2d);border:1px solid #3d4c68;border-radius:20px;display:flex;justify-content:center;min-height:220px;overflow:hidden;position:relative}.note{color:#aeb7c9;font-size:13px;line-height:1.5}.readout{color:#95efd2;font-family:ui-monospace,monospace;font-size:13px;min-height:2em}.stage svg{display:block;max-width:100%}code{font-family:ui-monospace,monospace}button[aria-pressed="true"]{background:#95efd2;color:#111522}

.values{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.values div{background:#202b42;border-radius:12px;color:#aeb7c9;flex:1;min-width:110px;padding:16px}.values strong{color:#f5f2eb;display:block;font-family:ui-monospace,monospace;font-size:20px;margin-top:8px}.random-world{height:120px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:center;width:940px}.axis{border-top:1px dashed #798bad;left:20px;position:absolute;right:20px;top:60px}.box{background:#95efd2;border-radius:18px;height:72px;left:434px;position:absolute;top:24px;width:72px}