*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#8dbdb2;color:#f0f4e5;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}canvas{display:block;width:100%;height:100%;touch-action:none}button,select,input{font:inherit}button{cursor:pointer;color:inherit}#dock{position:fixed;bottom:24px;left:24px;display:flex;align-items:center;background:#10291d99;border:1px solid #e2f6da2a;border-radius:40px;backdrop-filter:blur(18px);box-shadow:0 4px 30px #031b1020;padding:4px;transition:opacity .4s}#dock button{border:0;background:none;border-radius:30px;height:39px;min-width:40px;display:flex;align-items:center;justify-content:center;gap:8px}#dock button:hover{background:#f4ffed1c}#dock #explore{padding:0 16px 0 10px;font-size:12px;letter-spacing:.04em}#dock svg{height:20px;width:20px}#hint{position:fixed;bottom:41px;right:28px;letter-spacing:.07em;font-size:10px;color:#fffdf4bf;text-shadow:0 2px 4px #16382d;pointer-events:none;animation:hint 12s both}#hint span{padding:0 7px}@keyframes hint{0%,70%{opacity:1}100%{opacity:0}}#panel{position:fixed;left:24px;bottom:86px;width:304px;padding:24px;background:#132b20ed;border:1px solid #dbf4d52a;backdrop-filter:blur(22px);box-shadow:0 10px 55px #03241530;border-radius:18px}#panel[hidden]{display:none}.eyebrow{font-size:9px;letter-spacing:.27em;color:#c8d9b3}.panel-heading{font:italic 25px Georgia,serif;margin:8px 0 21px}.views{display:grid;grid-template-columns:1fr 1fr;gap:6px}.views button{font-size:11px;text-align:left;line-height:18px;border:1px solid #e1f0d918;border-radius:8px;padding:8px;background:#ffffff04}.views button span{font-size:8px;display:block;color:#8cab8b;letter-spacing:.15em}.views button:hover,.views button.selected{background:#e0edc517;border-color:#d9edbc44}.rule{height:1px;background:#d7e7cd22;margin:19px 0}label{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:15px 0 7px;color:#dce5d2}output{font-size:10px;color:#b8c8a5}select{background:#294032;border:1px solid #d9edbc2c;padding:5px 7px;border-radius:6px;font-size:10px;color:#e8f0dd}input[type=range]{width:100%;height:3px;display:block;accent-color:#cfdea4;margin:11px 0 19px;cursor:pointer}#panel p{font-size:9px;line-height:1.8;color:#9daf98;letter-spacing:.02em;margin:18px 0 0}#error{position:fixed;inset:20%;padding:25px;background:#173827e8;color:#fff;border-radius:18px;font-size:14px;line-height:1.6}body.ui-hidden #dock,body.ui-hidden #panel,body.ui-hidden #hint{display:none}@media(max-width:600px){#dock{left:15px;bottom:15px}#panel{left:15px;bottom:74px;width:285px;padding:20px}#hint{display:none}}