html,body,#root{background:#050403;height:100%;margin:0;overflow:hidden}canvas{display:block}.dev{z-index:10;color:#ddd3ba;font:13px/1.4 monospace;position:fixed;bottom:12px;right:12px}.dev-toggle{color:#8a7f69;cursor:pointer;font:inherit;background:#14100c;border:1px solid #3a2f21;padding:3px 8px}.dev-panel{box-sizing:border-box;background:#14100ceb;border:1px solid #3a2f21;flex-direction:column;gap:8px;width:250px;max-height:calc(100vh - 70px);margin-bottom:8px;padding:10px 12px;display:flex;overflow-y:auto}.dev-panel label{align-items:center;gap:8px;display:flex}.dev-panel input[type=range]{flex:1}.dev-panel code{color:#8a7f69;word-break:break-all;font-size:11px}.dev{flex-direction:column;align-items:flex-end;display:flex}.dev-head{color:#8a7f69;margin-top:4px}.dev-tabs{background:#14100c;gap:4px;margin:-10px -12px 0;padding:10px 12px 6px;display:flex;position:sticky;top:-10px}.dev-tabs button{color:#8a7f69;cursor:pointer;font:inherit;background:#14100c;border:1px solid #3a2f21;flex:1;padding:3px 0}.dev-tabs button.active{color:#ddd3ba;background:#3a2f21}.dev-slider{grid-template-columns:1fr auto;gap:2px 8px;display:grid!important}.dev-slider span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dev-slider input[type=range]{grid-column:1/-1;width:100%;min-width:0;margin:0}.sound-toggle{z-index:10;color:#8a7f69;letter-spacing:.08em;cursor:pointer;background:#14100c;border:1px solid #3a2f21;padding:3px 8px;font:11px/1.4 monospace;position:fixed;bottom:12px;left:12px}.sound-toggle:hover{color:#ddd3ba}