html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#02030a;color:#dce7ff;font-family:Arial,sans-serif}#renderCanvas{width:100%;height:100%;display:block;outline:none}#hud{position:fixed;top:16px;left:16px;width:320px;padding:14px;background:#050a18bf;border:1px solid rgba(180,210,255,.25);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.title{font-size:18px;font-weight:700;margin-bottom:10px}.time-control{margin:10px 0 8px}.timeline-control{display:grid;grid-template-columns:1fr auto;gap:6px 8px;margin:10px 0 8px;align-items:center}.timeline-control label{grid-column:1 / -1}.timeline-control input{width:100%;accent-color:#9fd2b4}.timeline-control button{min-width:58px}.time-control label,.timeline-control label{display:flex;justify-content:space-between;gap:10px;font-size:13px;line-height:1.3}.time-control input{width:100%;margin-top:6px;accent-color:#79a8ff}#stats{font-size:13px;line-height:1.5;white-space:pre-line}.controls{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}button{background:#1d335c;color:#e8f0ff;border:1px solid #405f9d;border-radius:8px;padding:7px 10px;cursor:pointer}button:hover{background:#294779}[hidden]{display:none!important}#hud,.options-panel{border-radius:8px}#summary{margin-top:10px;color:#f3f7ff;font-size:13px;line-height:1.45;white-space:pre-line}#stats{max-height:min(56vh,620px);margin-top:8px;overflow:auto;padding-right:5px;scrollbar-width:thin}body[data-app-mode=experience] #stats{display:none}body[data-app-mode=experience] #hud{width:min(300px,calc(100vw - 32px))}.options-trigger{position:fixed;top:16px;right:16px;z-index:20;min-width:78px;background:#080e1cd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.options-panel{position:fixed;top:58px;right:16px;z-index:21;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 74px);box-sizing:border-box;overflow:auto;padding:14px;border:1px solid rgba(180,210,255,.28);background:#050a18f0;box-shadow:0 16px 46px #0000006b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel-heading,.diagnostics-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-title{font-size:16px;font-weight:700}.panel-subtitle{margin-top:3px;color:#9fb0ce;font-size:12px}.option-field{display:grid;gap:6px;margin-top:14px;color:#b9c8e4;font-size:12px}select{width:100%;box-sizing:border-box;border:1px solid #405f9d;border-radius:6px;padding:7px 9px;background:#0d1b35;color:#eef4ff}.toggle-row{display:flex;align-items:center;gap:9px;margin-top:12px;color:#dce7ff;font-size:13px}.toggle-row input{width:16px;height:16px;accent-color:#79a8ff}.option-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.quiet-button{background:transparent;border-color:#89a6d780}.option-output{margin-top:12px;border-top:1px solid rgba(180,210,255,.16);padding-top:10px;color:#b8c9e8;font-size:12px;line-height:1.45;white-space:pre-line}.diagnostics-section{display:none;margin-top:14px;border-top:1px solid rgba(180,210,255,.16);padding-top:12px}body[data-app-mode=diagnostic] .diagnostics-section{display:block}.diagnostics-heading{align-items:center;font-size:13px;font-weight:700}.diagnostics-log{max-height:260px;margin-top:8px;overflow:auto;color:#ffd3d3;font:12px/1.45 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:720px){#hud{top:10px;left:10px;width:min(300px,calc(100vw - 20px));max-height:calc(100vh - 20px);box-sizing:border-box;overflow:auto}.options-trigger{top:auto;right:10px;bottom:10px}.options-panel{top:10px;right:10px;width:calc(100vw - 20px);max-height:calc(100vh - 20px)}}