*{box-sizing:border-box}html,body{color:#e8eef7;background:#05070d;width:100%;height:100%;margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}#app{width:100vw;height:100vh;position:relative}#canvas-container{position:absolute;inset:0}#canvas-container canvas{display:block}#panel-container{pointer-events:none;height:100%;position:absolute;top:0;right:0}.panel{pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0e18d1;border:1px solid #ffffff14;border-radius:10px;width:320px;max-height:calc(100vh - 24px);padding:14px 16px;font-size:13px;line-height:1.4;position:absolute;top:12px;right:12px;overflow-y:auto}.mobile-menu-toggle{display:none}@media (max-width:720px){.mobile-menu-toggle{pointer-events:auto;z-index:20;color:#e8eef7;cursor:pointer;background:#0a0e18d9;border:1px solid #ffffff26;border-radius:8px;width:40px;height:40px;font-size:18px;line-height:1;display:block;position:fixed;top:12px;right:12px}.panel{border-radius:0;width:min(85vw,360px);max-height:100vh;transition:transform .25s;top:0;right:0;transform:translate(100%)}.panel.panel-open{transform:translate(0)}}.panel-title{letter-spacing:.02em;margin:0 0 6px;font-size:18px;font-weight:600}.panel-banner{color:#8ff0b0;background:#67d5911f;border:1px solid #67d59159;border-radius:6px;margin:0 0 14px;padding:8px 10px;font-size:12px}.panel-banner-warning{color:#ffd87a;background:#ffc1071f;border:1px solid #ffc10759}.panel-donate-link{color:#ff8fa3;background:#ff698726;border:1px solid #ff698773;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-block}.panel-donate-link:hover{background:#ff69874d}.panel-actions-row{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.panel-feedback-toggle{color:#7fc4ff;cursor:pointer;background:#67a9d526;border:1px solid #67a9d573;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:background .15s;display:inline-block}.panel-feedback-toggle:hover{background:#67a9d54d}.feedback-form{flex-direction:column;gap:6px;margin:0 0 14px}.feedback-textarea,.feedback-email{box-sizing:border-box;color:#e8ecf1;resize:vertical;background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px;width:100%;padding:6px 8px;font-family:inherit;font-size:12px}.feedback-submit{color:#e8ecf1;cursor:pointer;background:#67a9d540;border:1px solid #67a9d580;border-radius:6px;align-self:flex-start;padding:6px 14px;font-size:12px;font-weight:600}.feedback-submit:disabled{opacity:.5;cursor:default}.feedback-status{color:#8ff0b0;min-height:14px;font-size:12px}.feedback-status-error{color:#ff8fa3}.control-row{margin-bottom:14px}.control-label{color:#c7d2e3;margin-bottom:4px;display:block}.control-value{color:#8fd3ff;font-variant-numeric:tabular-nums}.control-slider{width:100%}.select-row{gap:10px;display:flex}.select-wrapper{flex-direction:column;flex:1;gap:2px;display:flex}.select-label{color:#9aa8bd;font-size:11px}.level-select{color:#e8eef7;background:#121826;border:1px solid #ffffff1f;border-radius:4px;width:100%;padding:3px 4px}.checkbox-row{color:#c7d2e3;cursor:pointer;margin:4px 0;display:block}.legend{margin-top:14px}.legend-title{color:#c7d2e3;margin-bottom:4px}.legend-bar{border:1px solid #ffffff26;border-radius:4px;height:10px}.legend-labels{color:#9aa8bd;justify-content:space-between;margin-top:2px;font-size:11px;display:flex}.panel-attribution{color:#7c8aa0;margin:14px 0 0;font-size:11px;line-height:1.4}.panel-attribution a{color:#9ab8e0}.fatal-error{text-align:center;color:#ffb4b4;background:#05070d;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}#loading-overlay{color:#c7d2e3;z-index:10;background:#05070d;justify-content:center;align-items:center;font-size:15px;display:flex;position:absolute;inset:0}