body{margin:0;background:#000;color:#f4f0f5;font-family:system-ui,sans-serif;font-size:13px;touch-action:manipulation}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}main{position:relative;height:100dvh;width:100vw;overflow:hidden}main>canvas{width:100%;height:100%;display:block;object-fit:contain;touch-action:none;outline:none;cursor:grab}main>canvas.dragging{cursor:grabbing}body.automation .chrome,body.automation #debug,body.automation #loading{display:none!important}.header-scrim{position:absolute;top:0;left:0;width:min(720px,80vw);height:170px;background:radial-gradient(ellipse at top left,#08060aec 0%,#08060ab0 35%,transparent 72%);pointer-events:none}.footer-scrim{position:absolute;bottom:0;left:0;right:0;height:96px;background:linear-gradient(transparent,#08060a50 70%,#08060a90);pointer-events:none}header,footer{position:absolute;pointer-events:none;text-shadow:0 1px 4px #000,0 1px 2px #000}header{left:28px;top:24px;max-width:calc(100% - 420px)}.eyebrow{font-size:11px;letter-spacing:.16em;color:#e0d6e5}h1{font-size:25px;line-height:1.2;font-weight:500;margin:8px 0}.readout{display:grid;font-size:12px;line-height:1.55;font-variant-numeric:tabular-nums}footer{bottom:16px;left:28px;right:24px;display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:14px 20px;font-variant-numeric:tabular-nums;font-size:12px;line-height:1.55}.status,.readout{width:fit-content;max-width:100%;position:relative;isolation:isolate}.status:before,.readout:before{content:"";position:absolute;inset:-16px -24px;z-index:-1;background:radial-gradient(ellipse closest-side,#100c1459,#100c1426 60%,transparent)}footer .scale{display:flex;align-items:flex-end;gap:8px;margin-bottom:4px}footer .scale .bar{border:1px solid #fff;border-top:0;height:6px;margin-bottom:5px;box-shadow:0 1px 3px #000}.loading-line{position:absolute;z-index:2;left:0;right:0;bottom:0;height:2px;background:#ffffff26;pointer-events:none}.loading-line>div{height:100%;width:3%;background:#d9c2ec;transition:width .2s}.loading{position:absolute;top:50%;width:100%;text-align:center;color:#d7cddd;pointer-events:none}main button{pointer-events:auto;cursor:pointer;color:#f5edf9;background:#211c27;border:1px solid #84718b;border-radius:5px;padding:5px 9px;font:inherit}.actions{display:flex;align-items:center;gap:12px}.help-button{display:grid;place-items:center;line-height:1;width:27px;height:27px;border-radius:50%!important;padding:0!important}.error{position:absolute;z-index:5;top:30%;left:50%;transform:translate(-50%);width:min(520px,90vw);padding:26px;border-radius:12px;background:#251b25;border:1px solid #ad839b;box-shadow:0 12px 50px #0008}.error h2{font-size:21px;margin:0 0 16px}.error p{line-height:1.6;color:#e3d8e2;overflow-wrap:anywhere}main .attribution{display:flex;align-items:center;gap:10px;padding:5px 10px;border:0;border-radius:6px;background:#0d0a10b0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:11px;line-height:15px;color:#d8ccdf;white-space:nowrap;text-shadow:none;transition:background .15s}main .attribution:hover,main .attribution[aria-expanded=true]{background:#2a2331e0;color:#fff}.attribution .logo{display:block;flex:none;height:15px;width:auto;aspect-ratio:110.9 / 29.8;color:#fff}.attribution .chevron{opacity:.8}@media(max-width:960px){.attribution .items{display:none}}.card-dialog{width:min(620px,calc(100vw - 32px));max-height:min(760px,calc(100dvh - 32px));padding:0;flex-direction:column;overflow:hidden;color:#ded2e5;background:#17141df5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff24;border-radius:8px;box-shadow:0 8px 32px #0008;font-size:13px;line-height:1.5}.card-dialog[open]{display:flex}.card-dialog::backdrop{background:#000a}.card-dialog .head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px 12px 20px;border-bottom:1px solid #ffffff1a}.card-dialog h2{margin:0;font-size:15px;font-weight:500;color:#fff}.card-dialog .close{flex:none;width:26px;height:26px;padding:0;font-size:12px;border-radius:50%}.card-dialog .body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 20px 18px;scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;color-scheme:dark}.card-dialog h3{margin:18px 0 8px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#c5b9cc}.card-dialog h3:first-child{margin-top:0}.card-dialog p{margin:0 0 8px}.card-dialog a{color:#e7d8f5;text-decoration-color:#ffffff50;text-underline-offset:2px}.card-dialog a:hover{text-decoration-color:currentColor}.card-dialog .cite{margin-top:16px;padding:8px 10px;border-left:2px solid #c7acd4;background:#ffffff0a;color:#f1edf3}.card-dialog .refs{display:grid;gap:8px;margin:0 0 8px;padding:0;list-style:none}.card-dialog .role{display:block;font-size:.92em;color:#b9a9c4}.card-dialog .pending{color:#f1edf3}.card-dialog .ack{font-size:.92em;color:#c9bdd1}.card-dialog .author{margin-top:12px;color:#f1edf3}#help{width:max-content;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:22px;color:#f3ebf8;background:#1d1824;border:1px solid #8d7895;border-radius:10px;box-shadow:0 8px 40px #000a;font-size:13px}#help::backdrop{background:#0003}#help h2{margin:0 0 16px;font-size:18px}#help dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:12px 18px;margin:0 0 20px}#help dl>div{display:contents}#help dt{font-weight:600}#help dd{margin:0;color:#ded2e5;line-height:1.5}#help kbd{font:inherit;padding:0 3px;border:1px solid #84718b;border-radius:3px;background:#211c27}#help button{color:inherit;background:#211c27;border:1px solid #84718b;border-radius:5px;padding:5px 9px;font:inherit;cursor:pointer}#help .touch,#help .touch-only{display:none}@media(pointer:coarse)and (hover:none){#help dl>.keyboard,#help .desktop{display:none}#help .touch{display:inline}#help dl>.touch-only{display:contents}}.controls-panel{--control-height: 32px;--panel-pad: 16px;position:absolute;z-index:3;right:24px;top:24px;width:352px;max-height:calc(100dvh - 128px);display:flex;flex-direction:column;overflow:hidden;background:#17141df0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff24;border-radius:8px;color:#f1edf3;box-shadow:0 8px 32px #0006;font-size:13px;line-height:1.4;font-variant-numeric:tabular-nums}.controls-panel .panel-head{flex:none;padding:var(--panel-pad) var(--panel-pad) 0}.controls-panel .panel-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;color-scheme:dark;touch-action:pan-y;padding:0 var(--panel-pad) var(--panel-pad)}.controls-panel .panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}.controls-panel h2{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#c5b9cc;margin:0 0 12px}.controls-panel .panel-heading h2{margin:0}.controls-panel .layer-row{display:flex;gap:8px}.controls-panel .collapse{width:var(--control-height);flex-shrink:0;padding:0}.controls-panel section{margin-top:16px}.controls-panel section+section{border-top:1px solid #ffffff20;padding-top:16px;margin-top:16px}.controls-panel label:not(.limit):not(.check),.controls-panel .row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0;min-width:0}.controls-panel button,.controls-panel select,.controls-panel input{min-width:0;max-width:100%;height:var(--control-height);font:inherit;line-height:1.4}.controls-panel button:not(.handle):not(.scrub):not(.sheet-grip):not(.scale-action),.controls-panel select,.controls-panel input:not([type=range]):not([type=checkbox]){background-color:#29242f;border:1px solid #ffffff38;color:inherit;padding:4px 8px;border-radius:4px}.controls-panel select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23ded5e5' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:28px;width:148px;flex-shrink:0}.controls-panel .layer{flex:1 1 auto;width:auto}.controls-panel button{cursor:pointer}.controls-panel button:hover:not(:disabled):not(.handle):not(.sheet-grip),.controls-panel select:hover,.controls-panel input:hover{border-color:#c3b2cc;background-color:#332c3b}.controls-panel button:active:not(.handle):not(.sheet-grip),.controls-panel button[aria-pressed=true]{background-color:#4a3958!important;border-color:#c1a3d4!important}.controls-panel :is(button,select,input,summary):focus-visible,.colormap-popup :focus-visible{outline:2px solid #dbb9f0;outline-offset:2px}.controls-panel :disabled{opacity:.45;cursor:default}.controls-panel .limits{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px;margin:4px 0 12px}.controls-panel .buttons{display:flex;gap:8px;margin-top:12px}.controls-panel label.slider:not(.limit):not(.check){display:block}.controls-panel .slider span{display:flex;justify-content:space-between;gap:8px}.controls-panel .slider input{display:block;width:100%;padding:0;margin:8px 0 0;accent-color:#c3a4d4}.controls-panel input[type=checkbox]{width:var(--control-height);margin:0;flex-shrink:0;appearance:none;border:0;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect x='1' y='1' width='18' height='18' rx='3' fill='%2329242f' stroke='%238b7d94'/%3E%3C/svg%3E");background-size:20px 20px;background-position:center;background-repeat:no-repeat;cursor:pointer}.controls-panel input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect x='1' y='1' width='18' height='18' rx='3' fill='%23c3a4d4'/%3E%3Cpath d='m5 10 3 3 7-7' fill='none' stroke='%23201928' stroke-width='2'/%3E%3C/svg%3E")}.controls-panel output,.controls-panel p{color:#d7cddd}.controls-panel output{white-space:nowrap}.controls-panel p{font-size:12px;line-height:1.4;overflow-wrap:anywhere;margin:12px 0}.controls-panel .science-caption{margin:0 0 8px;font-size:12px;line-height:1.4;color:#b7bdc9}.controls-panel .scale-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.controls-panel .scale-heading h2{margin:0;white-space:nowrap}.controls-panel #expand{display:none}.controls-panel.collapsed #expand{display:block}.controls-panel.collapsed .panel-heading,.controls-panel.collapsed .rest,.controls-panel.collapsed .levels .histogram,.controls-panel.collapsed .aquarius .histogram,.controls-panel.collapsed .t-marginal{display:none}.controls-panel.collapsed:not(.sheet) .panel-head{display:none}.controls-panel.collapsed .panel-body{padding-top:var(--panel-pad)}.controls-panel.collapsed section{margin-top:8px}.controls-panel.collapsed .aquarius{max-width:180px;grid-template-columns:16px 32px minmax(0,1fr);grid-template-rows:0 auto}.controls-panel .sheet-grip{display:none;position:relative;width:100%;height:32px;margin:-12px 0 -4px;background:none;border:0;padding:0}.controls-panel .sheet-grip span{display:block;width:36px;height:5px;background:#b4a5bd;border-radius:4px;margin:auto}@media(pointer:coarse){.controls-panel{--control-height: 40px}}.controls-panel.sheet{--control-height: 40px;--panel-pad: 12px;inset:auto 0 0;width:auto;max-height:60dvh;border-radius:16px 16px 0 0;border-bottom:0;box-shadow:0 -8px 40px #0008;padding-bottom:env(safe-area-inset-bottom)}.controls-panel.sheet .sheet-grip,.controls-panel.sheet.collapsed .panel-head{display:block}.controls-panel.sheet .panel-heading h2,.controls-panel.sheet #collapse,.controls-panel.sheet.collapsed #expand{display:none}.controls-panel.sheet.collapsed .panel-body{padding-top:0}.controls-panel.sheet input{font-size:16px}main.sheet footer{bottom:calc(var(--panel-height, 0px) + 12px);left:16px;right:16px;gap:8px}main.sheet .footer-scrim{bottom:calc(var(--panel-height, 0px) - 16px);height:136px}main.sheet .loading-line{bottom:var(--panel-height, 0px)}main.sheet .attribution .items{display:none}@media(max-width:650px){header{left:16px;top:12px;max-width:calc(100% - 32px)}.eyebrow{display:none}h1{font-size:20px}}@media(max-height:449px){.eyebrow{display:none}h1{font-size:19px}.controls-panel:not(.sheet){--control-height: 36px;--panel-pad: 12px;top:8px;right:8px;width:min(352px,45vw);max-height:calc(100dvh - 16px)}}.layer-caption{min-height:48px;margin-top:8px;min-width:0;display:grid;align-content:center;gap:2px}.layer-caption .caption{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:#cfc5d2}.layer-caption .caption-quantity{color:#f5f1eb;white-space:nowrap}.layer-caption .caption-note{margin-left:8px;font-size:12px;color:#b7bdc9}.layer-caption .caption-units{text-align:right}.layer-caption .legend{display:flex;gap:14px;color:#cfc5d2}.layer-caption .legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}.controls-panel.collapsed .layer-caption{min-height:28px;margin-top:4px}sub,sup{line-height:0}.scale-actions{display:flex;gap:4px;flex-shrink:0}.controls-panel .scale-action{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:24px;padding:0 4px;color:inherit;background:transparent;border:1px solid transparent;border-radius:4px}.scale-action svg{flex-shrink:0}.scale-action .symmetric-icon{display:none}@media(pointer:coarse),(max-width:650px),(max-height:449px){.scale-actions{gap:0}.scale-action.symmetric span{display:none}.scale-action .symmetric-icon{display:block}}.pulse{animation:fitting .8s ease-in-out infinite alternate}@keyframes fitting{to{opacity:.25;transform:scale(.8)}}@media(prefers-reduced-motion:reduce){.pulse{animation:none;opacity:.5}}.levels{min-width:0}.levels .inset{margin:0 12px}.levels .histogram{display:block;width:100%;height:40px}.levels .track{position:relative;height:32px;touch-action:none}.levels .bar{position:absolute;top:0;height:12px;width:100%}.levels .middle{position:absolute;top:0;height:32px;cursor:grab;touch-action:none}.levels.dragging .middle{cursor:grabbing}.levels .middle.locked{cursor:default}.controls-panel .levels .handle{position:absolute;top:-8px;transform:translate(-50%);width:24px;height:32px;padding:0;background:transparent;border:none;cursor:ew-resize;touch-action:none}.levels .grip{position:absolute;top:8px;left:calc(50% - 1px);width:2px;height:14px;background:#fff;box-shadow:0 0 0 1px #17131c}.levels .grip:after{content:"";position:absolute;top:13px;left:-3px;width:8px;height:6px;border-radius:0 0 2px 2px;background:#fff;border:1px solid #17131c}.levels .handle:hover .grip,.levels .handle.active .grip,.levels .handle:hover .grip:after,.levels .handle.active .grip:after{background:#d1a9ef}.controls-panel .levels .handle:focus-visible{outline:2px solid #dbb9f0;outline-offset:2px;border-radius:4px}.levels .drag-value{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);border:1px solid #8d7895;border-radius:4px;padding:4px 8px;background:#17131c;color:#fff;font-size:12px;white-space:nowrap;pointer-events:none}.levels .ticks{display:block;width:100%;height:28px;overflow:visible}.levels .ticks line{stroke:#cec6d1}.levels .ticks text{fill:#e8e1eb;font-size:12px;font-variant-numeric:tabular-nums}.controls-panel.collapsed .levels .ticks{height:22px}@media(pointer:coarse),(max-width:650px),(max-height:449px){.levels .inset{margin-inline:22px}.controls-panel .levels .handle{width:44px;height:44px}.levels .track,.levels .middle{height:44px}.controls-panel.collapsed .levels .track,.controls-panel.collapsed .levels .middle{height:36px}}.aquarius-scale .unit{text-align:center;color:#cfc5d2;font-size:13px;line-height:1.4;margin:0 0 4px}.aquarius{display:grid;grid-template-columns:16px 32px minmax(0,1fr) 32px;grid-template-rows:32px auto;margin:8px auto 32px;max-width:280px;font-size:12px;align-items:center}.aquarius .x-tick,.aquarius .y-tick{white-space:nowrap}.aquarius .aqua-plot{grid-column:3;grid-row:2;position:relative}.aquarius .histogram{display:block;width:100%;height:100%;min-width:0;min-height:0}.aquarius .s-histogram{grid-column:3;grid-row:1}.aquarius .t-marginal{grid-column:4;grid-row:2;align-self:stretch;position:relative}.aquarius .t-histogram{position:absolute;inset:0}.aquarius .aqua-plot canvas{display:block;width:100%;aspect-ratio:1}.aquarius .t-title{grid-column:1;grid-row:2;font-size:13px;color:#cfc5d2;width:max-content;justify-self:center;transform:rotate(-90deg);text-align:center}.aquarius .y-tick{position:absolute;right:calc(100% + 8px);transform:translateY(50%)}.aquarius .x-tick{position:absolute;top:calc(100% + 8px);transform:translate(-50%)}.controls-panel .limit{display:grid;gap:4px;align-content:start;min-width:0;font-size:13px}.controls-panel .limit .scrub{height:20px;cursor:ew-resize;display:flex;align-items:flex-end;touch-action:none;-webkit-user-select:none;user-select:none;color:inherit;background:none;border:0;padding:0;text-align:left}@media(pointer:coarse),(max-width:650px),(max-height:449px){.controls-panel .limit .scrub{height:44px;margin-top:-24px;padding-top:24px}}.limit .scrub-text{border-bottom:1px dotted #ab97b8;padding-bottom:1px}.controls-panel .limit input{width:100%;min-width:0;padding:6px;color:#f5f1eb;background:#211e25;border:1px solid #716673;border-radius:4px;font-variant-numeric:tabular-nums}.controls-panel .limit input:focus{outline:2px solid #c2adc8;outline-offset:1px}.controls-panel .limit input[aria-invalid=true]{border-color:#ffafa7}.limit .invalid{color:#ffb9b0;font-size:12px}.colormap-control{display:grid;grid-template-columns:minmax(0,1fr) var(--control-height);align-items:center;gap:8px;margin-top:12px}.colormap-control label{grid-column:1 / -1;margin:0!important}.colormap-control .colormap-trigger{display:flex;align-items:center;gap:8px;width:100%;text-align:left}.colormap-control .choice-name{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.colormap-control .swatch,.colormap-popup .swatch{display:block;width:64px;height:12px;border:1px solid #ffffff50;background-clip:padding-box;border-radius:4px;flex-shrink:0}.colormap-control .muted,.colormap-popup .muted{color:#c5b9cc;font-size:12px}.colormap-control .reverse{display:grid;place-items:center;padding:0!important}.colormap-popup{position:fixed;inset:auto;margin:0;max-width:calc(100vw - 16px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;color-scheme:dark;padding:4px;background:#17141df0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff24;border-radius:8px;color:#f1edf3;box-shadow:0 8px 32px #0006;font:13px/1.4 system-ui,sans-serif}.colormap-popup:popover-open{display:block}.colormap-group-heading{padding:8px 8px 4px;color:#c5b9cc;font-size:11px;letter-spacing:.04em}.colormap-option{height:28px;display:flex;align-items:center;gap:8px;padding:0 8px;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}.colormap-option:focus{background:#4a3958;outline:1px solid #c1a3d4;outline-offset:-1px}.colormap-option .swatch{width:96px;height:14px}.colormap-option .option-name{flex:1}.colormap-option .check{width:12px}.controls-panel .segmented{display:flex}.controls-panel .segmented button{width:44px;border-radius:0!important;font-style:italic}.controls-panel .segmented button:first-child{border-radius:4px 0 0 4px!important}.controls-panel .segmented button:last-child{border-radius:0 4px 4px 0!important}.controls-panel .segmented button+button{margin-left:-1px}.controls-panel .direction{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:center}.controls-panel .gimbal{display:block;width:120px;height:120px;border-radius:50%;cursor:grab;touch-action:none}.controls-panel .gimbal:active{cursor:grabbing}.controls-panel .gimbal:focus-visible{outline:2px solid #dbb9f0;outline-offset:2px}.controls-panel .direction-controls .row{margin:6px 0}.controls-panel .direction-controls .segmented button{width:38px;padding:4px 0}.controls-panel .direction-controls .segmented button[data-dir=los]{width:46px}.controls-panel .dir-name{color:#c5b9cc;font-size:12px}.controls-panel .dir-readout{display:block;margin-top:4px;font-size:12px;color:#c5b9cc;font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere}.controls-panel .card{font-size:12px;font-variant-numeric:tabular-nums}.card h3{margin:0;font-size:14px}.card h3 .tag{margin-left:6px;font-family:ui-monospace,monospace;font-size:11px;font-weight:400;color:#c5b9cc}.card .summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);gap:2px 8px;align-items:baseline;margin:6px 0 4px}.controls-panel .card .line{margin:2px 0;line-height:1.5;color:inherit;font-size:12px}.card .key{color:#a99db1}.card .value{white-space:nowrap}.controls-panel .card .note{margin:0 0 8px;color:#b7bdc9}.card details.group{margin:4px 0 0;padding:0}.card details.group>summary{font-size:12px;font-weight:500;color:#e0d8e6;margin:0;min-height:28px;align-content:center;list-style-position:inside;cursor:pointer}.card .n{margin-left:6px;color:#a99db1;font-size:11px}.card .rows{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:2px 0 8px 12px;align-items:baseline}.card .rows .key{color:#c5b9cc}.card .rows .value{text-align:right}.controls-panel.debug-panel{left:24px;right:auto;top:150px;width:340px;max-height:calc(100dvh - 230px);z-index:4}.debug-panel #status{margin:0 0 4px;white-space:pre-wrap;font:11px/1.45 ui-monospace,monospace;color:#d7cddd;overflow-wrap:anywhere}.debug-panel .checks{display:flex;gap:4px}.debug-panel label.check{display:flex;align-items:center;gap:0}.debug-panel input[type=number]{width:96px}.debug-panel .buttons button{flex:1}@media(max-width:650px){.controls-panel.debug-panel{left:8px;right:8px;top:8px;width:auto;max-height:45dvh}}