body{height:100dvh}#manifold-stage{position:absolute;inset:0}#manifold-stage canvas{display:block;width:100%;height:100%}
.world-switch{display:flex;justify-content:center;gap:6px;margin-bottom:9px;pointer-events:auto}.world-switch button{background:#18242e;color:#d5e2ed;border:1px solid #405365;padding:6px 12px;font-size:12px}#title-bar{pointer-events:auto}#tess-view-tools{margin-top:8px}
.exploring #manifold-stage{inset:155px 345px 90px 12px}.exploring #title-bar{max-width:850px;background:#141f2bee}.exploring #world-name{color:var(--lab-accent, var(--accent, #e9b86a));font-size:15px}.exploring #subtitle{color:#9ab1c4;font-size:11px}.exploring #zoom-name{font-size:11px;color:#b9cdda}
#hypercube-panel{position:absolute;right:12px;top:155px;bottom:90px;width:310px;z-index:3;border:1px solid #344657;border-radius:14px;background:#111d29;padding:20px;overflow-y:auto;scrollbar-width:thin;user-select:text;color:#d7e3ec;font:12px/1.5 system-ui,sans-serif}
#hypercube-panel[hidden]{display:none}.explorer-eyebrow{font-size:8px;letter-spacing:1.6px;color:var(--lab-accent, var(--accent, #e9b86a));margin:0 0 7px}#hypercube-panel h1{font-size:20px;line-height:1.2;margin:0 0 20px;letter-spacing:-.3px}#hypercube-panel h2{font-size:14px;margin:0 0 10px}#hypercube-panel label{display:block;color:#ccdae4;font-size:12px;margin:11px 0 5px}#hypercube-panel output{float:right;color:var(--lab-accent, var(--accent, #e9b86a));font-family:ui-monospace,monospace}
#hypercube-panel select,#hypercube-panel button{border:1px solid #3b5063;background:#1c2b39;color:#e2ebf1;font-size:12px;padding:7px 10px;max-width:100%}#hypercube-panel select{width:100%;min-width:0}#hypercube-panel input[type=range]{width:100%;min-height:22px;margin:0}.dimension-sequence{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:5px}.dimension-sequence button{padding:4px!important}#hypercube-panel button:disabled{opacity:.35;cursor:default}.mode-switch{display:flex;gap:6px;margin:16px 0 10px}.mode-switch button{flex:1}.mode-switch button[aria-pressed=true]{color:var(--lab-accent, var(--accent, #e9b86a))!important;border-color:var(--lab-accent, var(--accent, #b38b4c))!important;background:#2b2a26!important}
.explorer-note{font-size:11px;color:#98afc1;line-height:1.65;margin:8px 0}.coordinates{font:10px/1.8 ui-monospace,monospace;color:#bbd6e7;overflow-wrap:anywhere}#slice-controls,.tracking-controls{border-top:1px solid #304353;padding-top:14px;margin-top:16px}.check-label{display:flex!important;align-items:center;gap:8px}.check-label input{accent-color:var(--lab-accent, var(--accent, #e9b86a))}#slice-status{color:var(--lab-accent, var(--accent, #e9b86a));font-size:12px;margin:16px 0}#hypercube-panel details{border-top:1px solid #304353;padding-top:12px;color:#9eb5c7;font-size:11px;line-height:1.7}#hypercube-panel summary{cursor:pointer;color:var(--lab-accent, var(--accent, #e9b86a));font-size:12px}#hypercube-panel a{color:#7bc9d2}#axis-legend{display:flex;flex-wrap:wrap;gap:8px}.axis-label{font-weight:600}.exploring #footer-help{display:none}.exploring .lab-keypad{margin-top:0}.exploring .lab-keypad button:nth-child(1),.exploring .lab-keypad button:nth-child(2),.exploring .lab-keypad button:nth-child(5),.exploring .lab-keypad button:nth-child(6),.exploring .lab-keypad button:nth-child(9){display:none}
@media(max-width:720px){#title-bar{font-size:13px;padding:8px;width:100%}.world-switch{margin-bottom:6px}.world-switch button{font-size:10px;padding:5px 8px;min-height:34px!important}.exploring #world-name{font-size:12px}#tess-view-tools button{font-size:10px!important;min-height:34px!important;padding:5px 8px!important}.exploring #manifold-stage{inset:190px 8px 304px}.exploring #hypercube-panel{top:auto;bottom:76px;left:12px;right:12px;width:auto;height:216px;padding:14px 16px;border-radius:12px}#hypercube-panel h1{font-size:16px;margin-bottom:12px}.exploring #footer-bar{padding:6px;max-width:100%}.exploring .lab-keypad button{font-size:11px;padding:6px 9px}.exploring #subtitle{font-size:10px}.exploring #ui-container{padding-top:12px}.standalone-lab.exploring #ui-container{padding-top:44px}#hypercube-panel select,#hypercube-panel button{min-height:36px!important}}
@media(max-height:620px) and (min-width:721px){
  .lab-webgl.exploring #ui-container{padding-top:12px}
  .exploring #title-bar{margin:0;width:calc(100% - 333px);max-width:none;padding:8px;font-size:12px}
  .exploring .world-switch{margin-bottom:6px}
  .exploring .world-switch button,.exploring #tess-view-tools button{min-height:32px;font-size:11px;padding:5px 8px}
  .exploring #world-name{font-size:12px}
  .exploring #subtitle{display:none}
  .exploring #tess-view-tools{margin-top:6px}
  .exploring #manifold-stage{top:138px;bottom:65px}
  #hypercube-panel{top:48px;bottom:65px}
}
@media(max-width:720px) and (max-height:690px){.exploring #manifold-stage{top:170px;bottom:250px}.exploring #hypercube-panel{height:174px;bottom:66px}.exploring #subtitle{display:none}.exploring #tess-view-tools{margin-top:4px}}
.cube-overview{margin:0 0 24px;padding:20px;color:#c7dce6}
.cube-overview>p{font-size:14px;line-height:1.6;margin:12px 0}
.cube-overview .experiment-scene-heading{padding:0!important}
.cube-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}
.cube-comparison-card{display:flex;flex-direction:column;align-items:center;padding:16px!important;background:#060e13!important;border:1px solid #2b414f!important;border-radius:10px;color:#6ddce3!important;cursor:pointer;min-width:0}
.cube-comparison-card strong{color:#d3e3fa;font-size:19px}
.cube-comparison-card span{font:12px/1.5 system-ui;color:#9cb5c4}
.cube-comparison-card svg{width:100%;max-height:200px;display:block;margin:8px 0}
.cube-comparison-card[aria-pressed=true]{border-color:var(--lab-accent, var(--accent, #e9b86a))!important;box-shadow:0 0 0 1px var(--lab-accent, var(--accent, #e9b86a))}
.cube-comparison-card:hover{background:#10212a!important}
.cube-build-rule{color:var(--lab-accent, var(--accent, #e9b86a));font-weight:600}
@media(max-width:760px){.cube-overview{padding:14px}.cube-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cube-comparison-card{padding:10px!important}.cube-comparison-card strong{font-size:14px}.cube-comparison-card span{font-size:11px}}
#manifold-stage.flat-diagram{background:#050c11!important}
/* Theme-aware coloring aids; borders and checkmarks show the selected accent. */
#projection-options label:has(#show-construction),
#projection-options label:has(#direction-colors){padding:10px 12px;border:1px solid var(--lab-border);border-radius:7px;background:var(--lab-panel);color:var(--lab-text)!important;min-height:44px;cursor:pointer}
#projection-options label:has(#show-construction:checked){border-color:var(--lab-accent);background:var(--lab-panel)}
#projection-options label:has(#direction-colors:checked){border-color:var(--lab-accent);background:var(--lab-panel)}
#projection-options #show-construction{accent-color:var(--lab-accent, var(--accent, #ebc68d))!important}
#projection-options #direction-colors{accent-color:var(--lab-accent, var(--accent, #ebc68d))!important}
#projection-options label:has(input:focus-visible){outline:2px solid currentColor;outline-offset:3px}