.mobile-overlay{position:fixed;top:0;left:0;right:0;height:56px;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;background:#0f172ab3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}.mobile-fps{font-size:14px;font-weight:600;color:#10b981;font-family:Courier New,monospace;letter-spacing:.5px}.mobile-polytope-selector{min-height:40px;padding:6px 26px 6px 10px;flex:1;max-width:none;font-size:13px;font-weight:600;color:#fff;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);border-radius:8px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.mobile-polytope-selector:hover,.mobile-polytope-selector:focus{background:#8b5cf64d;border-color:#8b5cf699;outline:none}.mobile-polytope-selector option{background:#1e293b;color:#fff;padding:8px}.mobile-fab{position:relative;z-index:200;width:40px;height:40px;border-radius:10px;flex-shrink:0;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;box-shadow:0 2px 8px #8b5cf666,0 1px 2px #0003;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}.mobile-fab:hover{transform:scale(1.05);box-shadow:0 4px 12px #8b5cf680,0 2px 4px #0000004d}.mobile-fab:active{transform:scale(.95)}.mobile-fab.active{background:linear-gradient(135deg,#ec4899,#8b5cf6)}.fab-icon{width:20px;height:20px;transition:transform .3s ease}.mobile-fab.active .fab-icon{transform:rotate(90deg)}.mobile-sheet{position:fixed;bottom:0;left:0;right:0;z-index:150;height:80vh;max-height:600px;background:#0f172af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top-left-radius:24px;border-top-right-radius:24px;border-top:2px solid rgba(139,92,246,.3);box-shadow:0 -4px 20px #0000004d,0 -1px 4px #8b5cf633;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.mobile-sheet.visible{transform:translateY(0)}.sheet-header{flex-shrink:0;padding:16px 20px 12px;border-bottom:1px solid rgba(255,255,255,.1);text-align:center;position:relative}.sheet-handle{width:40px;height:4px;background:#ffffff4d;border-radius:2px;margin:0 auto 12px;transition:background .2s ease}.sheet-handle:hover{background:#ffffff80}.sheet-title{font-size:18px;font-weight:700;color:#fff;margin:0;letter-spacing:.5px;text-transform:uppercase}.sheet-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.sheet-content::-webkit-scrollbar{width:6px}.sheet-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.sheet-content::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:3px}.sheet-content::-webkit-scrollbar-thumb:hover{background:#8b5cf6b3}.mobile-section{margin-bottom:24px;padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.mobile-section:last-child{margin-bottom:0}.mobile-section button,.mobile-section input,.mobile-section select,.mobile-section label{min-height:48px;min-width:48px;font-size:16px}.mobile-section input[type=checkbox],.mobile-section input[type=radio]{min-width:24px;min-height:24px;transform:scale(1.5);margin:12px}@media (min-width: 1024px){.mobile-overlay,.mobile-fab,.mobile-sheet{display:none!important}}.mobile-selector-trigger,.mobile-controls-trigger{display:none}@media (max-width: 1023px){.info-panel,.control-panel,.hud-top-left,.hud-bottom-left,.hud-bottom-right,.desktop-only,.mobile-overlay,.mobile-fab,.mobile-sheet{display:none!important}#viewer-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh}.hud-top-right{display:block!important;position:fixed!important;top:12px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;z-index:100!important;width:auto!important;max-width:calc(100vw - 32px)!important;min-width:auto!important;background:transparent!important;border:none!important;box-shadow:none!important}.hud-top-right:before{display:none!important}.hud-top-right.mobile-collapsible .hud-content{display:none}.hud-top-right.mobile-expanded .hud-content{display:block;background:#05050ff2;border:1px solid rgba(0,255,255,.25);border-radius:12px;padding:.75rem;margin-top:8px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 24px #00000080,0 0 12px #00ffff1a;animation:mobileSlideDown .2s ease-out}.hud-top-right .hud-title,.hud-top-right h4,.hud-top-right .hud-divider,.hud-top-right #tier-indicator{display:none!important}.hud-top-right #polytope-selector>*:not(select){display:none!important}.hud-top-right #polytope-select{width:100%;padding:.6rem .75rem;font-size:.85rem;min-height:44px;background:#0a1428e6!important;border:1px solid rgba(0,255,255,.3);border-radius:8px;color:#0ff!important;font-family:Share Tech Mono,monospace}.mobile-selector-trigger{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#05050fd9;border:1px solid rgba(0,255,255,.2);border-radius:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 12px #0000004d,0 0 6px #00ffff0f}.mobile-selector-trigger:active{transform:scale(.97)}.hud-top-right.mobile-expanded .mobile-selector-trigger{background:#00ffff0f;border-color:#00ffff59}.mobile-selector-icon{color:#00ffff80;font-size:.7rem;flex-shrink:0}.mobile-selector-name{color:#0ff;font-family:Share Tech Mono,monospace;font-size:.75rem;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px;text-shadow:0 0 8px rgba(0,255,255,.3)}.mobile-selector-chevron{color:#0ff6;flex-shrink:0;transition:transform .2s ease}.hud-top-right.mobile-expanded .mobile-selector-chevron{transform:rotate(180deg)}.hud-bottom-center{display:block!important;position:fixed!important;bottom:12px!important;left:50%!important;transform:translate(-50%)!important;z-index:100!important;width:auto!important;min-width:auto!important;max-width:calc(100vw - 32px)!important;background:transparent!important;border:none!important;box-shadow:none!important}.hud-bottom-center:before{display:none!important}.hud-bottom-center.mobile-collapsible .hud-content{display:none}.hud-bottom-center.mobile-expanded .hud-content{display:block;background:#05050ff2;border:1px solid rgba(0,255,255,.25);border-radius:12px;padding:.5rem .75rem;margin-bottom:8px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 -4px 24px #00000080,0 0 12px #00ffff1a;animation:mobileSlideUp .2s ease-out}.hud-bottom-center .hud-title{font-size:.6rem!important;margin-bottom:.25rem!important}.hud-bottom-center .hud-divider{margin:.25rem 0!important}.hud-bottom-center .rotation-controls{display:grid!important;grid-template-columns:1fr 1fr;gap:.4rem!important}.hud-bottom-center .rotation-controls button{padding:.4rem .5rem!important;font-size:.7rem!important;min-height:40px;min-width:auto!important}.hud-bottom-center #matrix-mode-toggle{display:none!important}.mobile-controls-trigger{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 20px;margin:0 auto;width:-moz-fit-content;width:fit-content;background:#05050fd9;border:1px solid rgba(0,255,255,.2);border-radius:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 12px #0000004d,0 0 6px #00ffff0f}.mobile-controls-trigger:active{transform:scale(.97)}.hud-bottom-center.mobile-expanded .mobile-controls-trigger{background:#00ffff0f;border-color:#00ffff59}.mobile-controls-trigger span{color:#0ff;font-family:Share Tech Mono,monospace;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 0 8px rgba(0,255,255,.3)}.mobile-controls-chevron{color:#0ff6;flex-shrink:0;transition:transform .2s ease}.hud-bottom-center.mobile-expanded .mobile-controls-chevron{transform:rotate(180deg)}.watermark-top-center{top:50px!important}@keyframes mobileSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes mobileSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}@media (max-width: 375px){.mobile-fab{width:36px;height:36px}.fab-icon{width:18px;height:18px}.mobile-polytope-selector{font-size:12px;padding:4px 22px 4px 8px}.mobile-fps{font-size:11px}.mobile-overlay{padding:0 8px;gap:8px}.mobile-sheet{max-height:70vh}.sheet-content{padding:16px}.mobile-section{padding:12px;margin-bottom:16px}.mobile-selector-trigger{padding:6px 12px;gap:8px}.mobile-selector-name{font-size:.7rem;max-width:160px}.mobile-controls-trigger{padding:6px 16px}}@media (min-width: 768px) and (max-width: 1023px){.mobile-overlay{height:64px;padding:0 24px;gap:16px}.mobile-fps{font-size:16px}.mobile-fab{width:48px;height:48px}.fab-icon{width:24px;height:24px}.mobile-polytope-selector{font-size:14px;min-height:44px}.mobile-sheet{max-height:500px}.sheet-content{padding:24px}}@media (max-width: 1023px) and (orientation: landscape){.mobile-sheet{max-height:90vh}.mobile-overlay{height:48px}}.mobile-fab:focus-visible{outline:3px solid #8b5cf6;outline-offset:2px}.mobile-section button:focus-visible,.mobile-section input:focus-visible,.mobile-section select:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}@media (prefers-reduced-motion: reduce){.mobile-fab,.mobile-sheet,.mobile-overlay,.fab-icon,.sheet-handle,.mobile-selector-trigger,.mobile-controls-trigger,.mobile-selector-chevron,.mobile-controls-chevron{transition:none}}@media (prefers-contrast: high){.mobile-overlay,.mobile-sheet{border-width:2px;border-color:#fff}.mobile-fab{border:2px solid #ffffff}}:root{--hud-ice: #a9e7f2;--hud-ice-dim: rgba(169, 231, 242, .55);--hud-ice-faint: rgba(169, 231, 242, .34);--hud-cyan: #00e5ff;--hud-cyan-rgb: 0, 229, 255;--hud-violet: #a78bfa;--hud-violet-rgb: 167, 139, 250;--hud-amber: #ffb03a;--hud-amber-rgb: 255, 176, 58;--hud-glass: rgba(7, 12, 19, .6);--hud-glass-solid: rgba(7, 12, 19, .92);--hud-line: rgba(var(--hud-cyan-rgb), .16);--font-control: "Rajdhani", "Share Tech Mono", sans-serif}@media (min-width: 1024px){.hud-panel{background:linear-gradient(135deg,rgba(var(--panel-tint-rgb),.5),#ff00ff29 55%,rgba(var(--panel-tint-rgb),.34));filter:drop-shadow(0 0 1px rgba(var(--panel-tint-rgb),.55)) drop-shadow(0 0 22px rgba(var(--panel-tint-rgb),.1));transition:filter .35s ease}.hud-panel:hover{filter:drop-shadow(0 0 1px rgba(var(--panel-tint-rgb),.85)) drop-shadow(0 0 26px rgba(var(--panel-tint-rgb),.18))}.hud-content{background:var(--hud-glass);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);box-shadow:inset 0 1px #ffffff0d,inset 0 0 24px #00000059;background-image:repeating-linear-gradient(0deg,#0000,#00000017,#0000 2px);padding:.85rem 1rem}body.performance-mode .hud-content{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:var(--hud-glass-solid)}@keyframes hud-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hud-content{animation:hud-in .55s cubic-bezier(.2,.7,.3,1) backwards}.hud-top-left .hud-content{animation-delay:.05s}.hud-top-right .hud-content{animation-delay:.12s}.hud-bottom-left .hud-content{animation-delay:.19s}.hud-bottom-center .hud-content{animation-delay:.26s}.hud-bottom-right .hud-content{animation-delay:.33s}.hud-title{font-family:var(--font-control);font-weight:600;font-size:.66rem;letter-spacing:.42em;color:rgba(var(--panel-tint-rgb),.85);text-shadow:0 0 8px rgba(var(--panel-tint-rgb),.35);border-bottom:none;padding-bottom:0;margin-bottom:.4rem}.hud-divider{background:linear-gradient(90deg,rgba(var(--panel-tint-rgb),.55) 0%,rgba(var(--panel-tint-rgb),.12) 60%,transparent 100%);box-shadow:none;margin:.35rem 0 .65rem}.data-label{font-family:var(--font-control);font-weight:600;font-size:.56rem;letter-spacing:.28em;color:var(--hud-ice-faint)}.data-value{font-size:.95rem;color:var(--hud-cyan);text-shadow:0 0 10px rgba(var(--hud-cyan-rgb),.45)}.control-eyebrow{display:block;font-family:var(--font-control);font-weight:600;font-size:.58rem;text-transform:uppercase;letter-spacing:.3em;color:var(--hud-ice-faint);margin-bottom:.4rem}.status-grid{display:flex;flex-direction:row;gap:0}.status-item{display:flex;flex-direction:column;gap:.15rem;min-width:3.4rem;padding:0 .9rem;border-left:1px solid rgba(var(--hud-violet-rgb),.22);transition:border-color .2s ease}.status-item:first-child{padding-left:.1rem;border-left:none}.status-item .data-value{white-space:nowrap}.status-item:hover{background:transparent;border-left-color:rgba(var(--hud-violet-rgb),.6)}.hud-top-left .data-value{color:var(--hud-violet);font-size:1rem;text-shadow:0 0 10px rgba(var(--hud-violet-rgb),.4)}.hud-bottom-left{opacity:.62;transition:opacity .3s ease}.hud-bottom-left:hover{opacity:1}.hud-bottom-left .matrix-cell,.hud-bottom-left .matrix-value{color:rgba(var(--hud-violet-rgb),.8);text-shadow:none}.hud-bottom-right{max-width:264px;width:264px}.hud-bottom-right .hud-title,.hud-bottom-right .hud-title+.hud-divider{display:none}.hud-tabs{display:flex;gap:2px;padding:2px;margin-bottom:.7rem;background:#00000059;border:1px solid var(--hud-line);border-radius:4px}.hud-tab{flex:1;font-family:var(--font-control);font-weight:600;font-size:.6rem;text-transform:uppercase;letter-spacing:.24em;padding:.38rem 0 .32rem;color:var(--hud-ice-dim);background:transparent;border:none;border-radius:3px;cursor:pointer;transition:color .18s ease,background .18s ease,box-shadow .18s ease}.hud-tab:hover{color:var(--hud-ice);background:rgba(var(--hud-cyan-rgb),.07)}.hud-tab.active{color:#04191e;font-weight:700;background:linear-gradient(180deg,rgba(var(--hud-cyan-rgb),.95),#00b2d6e6);box-shadow:0 0 12px rgba(var(--hud-cyan-rgb),.35),inset 0 1px #ffffff59}.controls-scroll-container{max-height:52vh;overflow-y:auto;overflow-x:hidden;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(var(--hud-cyan-rgb),.35) transparent}.controls-scroll-container::-webkit-scrollbar{width:4px}.controls-scroll-container::-webkit-scrollbar-track{background:transparent}.controls-scroll-container::-webkit-scrollbar-thumb{background:rgba(var(--hud-cyan-rgb),.3);border-radius:2px}.hud-tabpane{display:none;position:relative}.hud-tabpane.active{display:block;animation:pane-in .26s ease backwards}@keyframes pane-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hud-tabpane.sweep:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(var(--hud-cyan-rgb),.7) 50%,transparent);box-shadow:0 0 10px rgba(var(--hud-cyan-rgb),.5);pointer-events:none;animation:sweep-down .45s ease-out forwards}@keyframes sweep-down{0%{transform:translateY(0);opacity:1}to{transform:translateY(300px);opacity:0}}.control-subsection{border-top:1px solid var(--hud-line);margin-top:.7rem;padding-top:.7rem}.btn-secondary{font-family:var(--font-control);font-weight:600;font-size:.66rem;letter-spacing:.1em;color:var(--hud-ice-dim);background:#a9e7f20a;border:1px solid rgba(var(--hud-cyan-rgb),.18);border-radius:3px;transition:color .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.btn-secondary:hover{color:var(--hud-ice);border-color:rgba(var(--hud-cyan-rgb),.5);background:rgba(var(--hud-cyan-rgb),.08);box-shadow:0 0 10px rgba(var(--hud-cyan-rgb),.18);text-shadow:none}.btn-secondary.active,button.active{color:#dffbff;border-color:rgba(var(--hud-cyan-rgb),.8);background:rgba(var(--hud-cyan-rgb),.14);box-shadow:0 0 10px rgba(var(--hud-cyan-rgb),.3),inset 0 0 12px rgba(var(--hud-cyan-rgb),.1);text-shadow:0 0 6px rgba(var(--hud-cyan-rgb),.5);animation:active-pulse 3.2s ease-in-out infinite}@keyframes active-pulse{0%,to{box-shadow:0 0 8px rgba(var(--hud-cyan-rgb),.25),inset 0 0 10px rgba(var(--hud-cyan-rgb),.08)}50%{box-shadow:0 0 14px rgba(var(--hud-cyan-rgb),.45),inset 0 0 14px rgba(var(--hud-cyan-rgb),.14)}}.btn-purple,.hud-bottom-left .btn-secondary{color:rgba(var(--hud-violet-rgb),.65);border-color:rgba(var(--hud-violet-rgb),.25);background:rgba(var(--hud-violet-rgb),.05)}.btn-purple:hover,.hud-bottom-left .btn-secondary:hover{color:var(--hud-violet);border-color:rgba(var(--hud-violet-rgb),.6);background:rgba(var(--hud-violet-rgb),.1);box-shadow:0 0 10px rgba(var(--hud-violet-rgb),.2)}.btn-purple.active,.hud-bottom-left .btn-secondary.active{color:#efe7ff;border-color:rgba(var(--hud-violet-rgb),.8);background:rgba(var(--hud-violet-rgb),.16);box-shadow:0 0 10px rgba(var(--hud-violet-rgb),.3);animation:none}#rotate-4d-btn{color:rgba(var(--hud-amber-rgb),.75);border-color:rgba(var(--hud-amber-rgb),.3);background:rgba(var(--hud-amber-rgb),.05)}#rotate-4d-btn:hover{color:var(--hud-amber);border-color:rgba(var(--hud-amber-rgb),.6);background:rgba(var(--hud-amber-rgb),.1);box-shadow:0 0 10px rgba(var(--hud-amber-rgb),.25)}#rotate-4d-btn.active{color:#ffe9c4;border-color:rgba(var(--hud-amber-rgb),.85);background:rgba(var(--hud-amber-rgb),.16);box-shadow:0 0 12px rgba(var(--hud-amber-rgb),.35),inset 0 0 12px rgba(var(--hud-amber-rgb),.1);text-shadow:0 0 6px rgba(var(--hud-amber-rgb),.5);animation:active-pulse-amber 3.2s ease-in-out infinite}@keyframes active-pulse-amber{0%,to{box-shadow:0 0 8px rgba(var(--hud-amber-rgb),.3),inset 0 0 10px rgba(var(--hud-amber-rgb),.08)}50%{box-shadow:0 0 16px rgba(var(--hud-amber-rgb),.5),inset 0 0 14px rgba(var(--hud-amber-rgb),.14)}}.projection-switch-container{display:flex;gap:2px;padding:2px;background:#00000059;border:1px solid var(--hud-line);border-radius:4px}.projection-switch-btn{flex:1;font-family:var(--font-control);font-weight:600;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--hud-ice-dim);padding:.35rem 0;background:transparent;border:none;border-radius:3px;cursor:pointer;transition:all .18s ease}.projection-switch-btn:before{display:none}.projection-switch-btn:hover:not(.active){color:var(--hud-ice);background:rgba(var(--hud-cyan-rgb),.07);box-shadow:none;transform:none}.projection-switch-btn.active{color:#04191e;background:linear-gradient(180deg,rgba(var(--hud-cyan-rgb),.95),#00b2d6e6);box-shadow:0 0 10px rgba(var(--hud-cyan-rgb),.3);text-shadow:none;animation:none}.mode-switch{display:flex;gap:2px;padding:2px;background:#00000059;border:1px solid var(--hud-line);border-radius:4px}.mode-option{flex:1;position:relative;cursor:pointer}.mode-option input{position:absolute;opacity:0;pointer-events:none}.mode-option span{display:block;text-align:center;font-family:var(--font-control);font-weight:600;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--hud-ice-dim);padding:.32rem 0;border-radius:3px;transition:all .18s ease}.mode-option:hover span{color:var(--hud-ice);background:rgba(var(--hud-cyan-rgb),.07)}.mode-option input:checked+span{color:#04191e;background:linear-gradient(180deg,rgba(var(--hud-cyan-rgb),.95),#00b2d6e6)}.mode-option input:focus-visible+span{outline:1px solid var(--hud-cyan);outline-offset:1px}.manual-hint{font-family:var(--font-terminal);font-size:.62rem;line-height:1.5;color:var(--hud-ice-dim);background:#0000004d;border-left:2px solid rgba(var(--hud-cyan-rgb),.4);padding:.45rem .6rem;border-radius:0 3px 3px 0}.hint-link{background:none;border:none;padding:0;margin-top:.25rem;color:rgba(var(--hud-cyan-rgb),.8);font-size:.62rem;cursor:pointer;text-decoration:underline}.hint-link:hover{color:var(--hud-cyan)}.hud-bottom-center{min-width:0;width:-moz-max-content;width:max-content;max-width:900px}.hud-bottom-center .hud-title{display:none}.hud-bottom-center .hud-content>.hud-divider{display:none}.hud-bottom-center .hud-title-row:not(:has(.matrix-mode-toggle:not(.hidden))){display:none}.hud-bottom-center .hud-title-row{margin-bottom:.5rem;justify-content:center}.hud-bottom-center .hud-content{padding:.55rem .7rem}.rotation-controls{display:flex;gap:.35rem;align-items:stretch}.rotation-controls .btn-secondary{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;white-space:nowrap;font-size:.68rem;letter-spacing:.12em}.rotation-controls .btn-secondary:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#a9e7f240;box-shadow:none;transition:background .2s ease,box-shadow .2s ease;position:static}.rotation-controls .btn-secondary.active:before{background:var(--hud-cyan);box-shadow:0 0 6px rgba(var(--hud-cyan-rgb),.9)}.rotation-controls #rotate-4d-btn.active:before{background:var(--hud-amber);box-shadow:0 0 6px rgba(var(--hud-amber-rgb),.9)}.rotation-controls #reset-view-btn:before{display:none}.matrix-mode-toggle{display:inline-flex;gap:2px;padding:2px;background:#00000059;border:1px solid var(--hud-line);border-radius:4px}.matrix-mode-btn{font-family:var(--font-control);font-weight:600;font-size:.58rem;letter-spacing:.2em;color:var(--hud-ice-dim);padding:.28rem .7rem;background:transparent;border:none;border-radius:3px;cursor:pointer;transition:all .18s ease}.matrix-mode-btn:hover:not(.active){color:var(--hud-ice);background:rgba(var(--hud-cyan-rgb),.07)}.matrix-mode-btn.active{color:#04191e;background:linear-gradient(180deg,rgba(var(--hud-cyan-rgb),.95),#00b2d6e6);box-shadow:0 0 10px rgba(var(--hud-cyan-rgb),.3);animation:none;text-shadow:none;border:none}.matrix-mode-btn[data-mode=matrix5].active{color:#1e1204;background:linear-gradient(180deg,rgba(var(--hud-amber-rgb),.95),#e08d14e6);box-shadow:0 0 10px rgba(var(--hud-amber-rgb),.35)}.hud-top-right{max-width:300px}.hud-top-right h4{font-family:var(--font-control);font-weight:600;font-size:.58rem;text-transform:uppercase;letter-spacing:.3em;color:var(--hud-ice-faint)}.hud-top-right select,.hud-top-right input[type=number],.hud-top-right input[type=text]{-moz-appearance:none;appearance:none;-webkit-appearance:none;font-family:var(--font-control);font-weight:500;font-size:.72rem;letter-spacing:.05em;color:var(--hud-ice);background-color:#00000059;border:1px solid rgba(var(--hud-cyan-rgb),.2);border-radius:3px;padding:.4rem .55rem;transition:border-color .18s ease,box-shadow .18s ease}.hud-top-right select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%2300e5ff' fill-opacity='0.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .55rem center;padding-right:1.5rem}.hud-top-right select:hover,.hud-top-right input:hover{border-color:rgba(var(--hud-cyan-rgb),.45)}.hud-top-right select:focus,.hud-top-right input:focus{outline:none;border-color:rgba(var(--hud-cyan-rgb),.75);box-shadow:0 0 10px rgba(var(--hud-cyan-rgb),.2)}.hud-top-right select option{background:#0a1016;color:var(--hud-ice)}#export-container details{background:transparent;border:none}#export-container summary{font-family:var(--font-control);font-weight:600;font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--hud-ice-dim);padding:.3rem 0;transition:color .18s ease}#export-container summary:hover{color:var(--hud-ice);background:transparent}.export-btn{font-family:var(--font-control);font-weight:600;letter-spacing:.08em;background:#a9e7f20a;border:1px solid rgba(var(--hud-cyan-rgb),.18);border-radius:3px;transition:all .16s ease}.export-btn:hover:not(:disabled):not(.locked){border-color:rgba(var(--hud-cyan-rgb),.5);background:rgba(var(--hud-cyan-rgb),.08);box-shadow:0 0 10px rgba(var(--hud-cyan-rgb),.15)}.animation-btn{font-family:var(--font-control);font-weight:600}.hud-overlay details>*:not(summary){animation:pane-in .24s ease backwards}.slider{height:3px;background-color:rgba(var(--hud-cyan-rgb),.12);border:none;border-radius:2px}.slider::-webkit-slider-thumb{width:11px;height:11px;border-radius:50%;background:var(--hud-cyan);box-shadow:0 0 8px rgba(var(--hud-cyan-rgb),.6)}.slider::-moz-range-thumb{width:11px;height:11px;border:none;border-radius:50%;background:var(--hud-cyan);box-shadow:0 0 8px rgba(var(--hud-cyan-rgb),.6)}}.hud-overlay button:focus-visible,.hud-overlay select:focus-visible,.hud-overlay input:focus-visible{outline:1px solid var(--hud-cyan);outline-offset:2px}@media (prefers-reduced-motion: reduce){.hud-content,.hud-tabpane.active,.hud-tabpane.sweep:after,.hud-overlay details>*:not(summary),button.active,#rotate-4d-btn.active{animation:none!important}.hud-panel,.hud-tab,.btn-secondary,.projection-switch-btn{transition:none!important}}