:root{color-scheme:light;font-family:Courier New,Courier,monospace;line-height:1.5;font-weight:400;color:#1f1a17;background:radial-gradient(circle at top,#f5e9d8,#e6d2b5 55%,#d2b895)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}#app{position:relative;width:100vw;height:100vh;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;top:1.5rem;left:1.5rem;max-width:360px;padding:1rem 1.25rem;border-radius:16px;background:#ffffffc7;box-shadow:0 20px 60px #4c3c2d33}h1{margin:0 0 .5rem;font-size:1.4rem}p{margin:0}.hud-head{margin-bottom:.75rem}.title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.title-row button{border:1px solid #d9c7b0;background:#fff8ef;color:#4e4035;padding:.25rem .6rem;border-radius:999px;cursor:pointer;font-weight:600}.hud.collapsed .menu-body,.hud.collapsed .hud-head p{display:none}.controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin-bottom:.75rem}.tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.tab{border:1px solid #d9c7b0;background:#fff8ef;color:#4e4035;padding:.35rem .7rem;border-radius:999px;cursor:pointer;font-weight:600}.tab.active{background:#6b4f38;color:#fff8ef;border-color:#6b4f38}.tab-panels{display:grid;gap:.5rem}.tab-panel{display:none}.tab-panel.active{display:block}.slider{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.9rem}.slider input[type=color]{width:100%;height:32px;padding:0;border:none;background:transparent}.slider.toggle{grid-template-columns:1fr auto}.select{display:grid;grid-template-columns:auto 1fr;gap:.5rem;align-items:center;margin-bottom:.75rem;font-size:.9rem}.select select{padding:.4rem .5rem;border-radius:10px;border:1px solid #d9c7b0;background:#fff8ef;font-family:inherit}.slider input[type=range]{width:100%}.controls button{border:none;border-radius:12px;padding:.6rem .5rem;background:#6b4f38;color:#fff8ef;font-weight:600;cursor:pointer;transition:transform .2s ease,background .2s ease}.controls button:disabled{opacity:.5;cursor:not-allowed}.controls button:hover:not(:disabled){transform:translateY(-1px);background:#5b3f2a}.controls button:active:not(:disabled){transform:translateY(0)}.debug{margin-top:.5rem;font-size:.8rem;color:#4e4035}.debug span{font-variant-numeric:tabular-nums}@media (max-width: 720px){.hud{top:auto;bottom:1rem;left:50%;transform:translate(-50%);width:min(92vw,420px)}.controls{grid-template-columns:repeat(3,minmax(0,1fr))}.slider{grid-template-columns:1fr}.slider span{text-align:right}.controls button{padding:.7rem .6rem}}