*{box-sizing:border-box}html,body{width:100%;min-height:100vh;margin:0;overflow:hidden;background:linear-gradient(#fb7c3d,#7d3b26 72%,#211622)}#scene{display:block;position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;min-height:100vh;touch-action:none;image-rendering:pixelated}.control-panel{position:fixed;left:16px;bottom:16px;z-index:2;display:grid;gap:8px;width:min(420px,calc(100vw - 32px));padding:10px 12px;color:#f5ead7;font:600 13px/1.2 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#140f0cb8;border:1px solid rgb(255 222 174 / 28%);border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.control-row{display:grid;grid-template-columns:54px 1fr 52px;align-items:center;gap:10px;min-height:28px}.control-panel label,.control-panel output{min-width:0;text-shadow:0 1px 0 rgb(0 0 0 / 45%)}.control-panel output{text-align:right}.control-panel input[type=range]{width:100%;min-width:0;accent-color:#ffd07a}@media (max-width: 520px){.control-panel{right:12px;bottom:12px;left:12px}}