*{box-sizing:border-box;margin:0;padding:0}body{color:#f1f1f5;background-color:#050508;width:100vw;height:100vh;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff05;border-radius:3px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.font-mono,.jetbrains-font{font-family:JetBrains Mono,Fira Code,monospace;font-weight:700}.accent-text{color:#0fc;text-shadow:0 0 10px #00ffcc4d}.hidden{opacity:0;pointer-events:none;display:none!important}.hud-layer{z-index:10;pointer-events:none;background:linear-gradient(#05050866 0%,#05050800 25%,#05050833 80%,#050508a6 100%);flex-direction:column;justify-content:space-between;padding:1.5rem;animation:.6s ease-out forwards fadeIn;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hud-header{pointer-events:auto;justify-content:space-between;align-items:center;width:100%;margin-bottom:1.5rem;display:flex}.logo{align-items:center;gap:.75rem;display:flex}.logo h1{letter-spacing:.5px;text-transform:uppercase;font-size:1.25rem;font-weight:700}.pulse-indicator{background:#0fc;border-radius:50%;width:10px;height:10px;animation:1.5s infinite pulse;box-shadow:0 0 10px #0fc}@keyframes pulse{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.2);box-shadow:0 0 15px #0fc}to{opacity:.6;transform:scale(.9)}}.system-status{-webkit-backdrop-filter:blur(12px);background:#121218a6;border:1px solid #ffffff14;border-radius:30px;align-items:center;gap:.5rem;padding:.35rem .85rem;display:flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.green{background-color:#0f6;box-shadow:0 0 8px #0f6}.status-dot.red{background-color:#f05;box-shadow:0 0 8px #f05}.status-text{letter-spacing:1px;font-size:.75rem;font-weight:600}.hud-main{pointer-events:auto;flex-direction:column;flex-grow:1;justify-content:flex-start;align-items:flex-start;width:290px;height:calc(100vh - 100px);margin:0;padding-right:.5rem;display:flex;overflow-y:auto}.hud-column{pointer-events:none;flex-direction:column;gap:1rem;width:100%;display:flex}.hud-column>*{pointer-events:auto}.hud-card{pointer-events:auto;-webkit-backdrop-filter:blur(14px);background:#12121ab8;border:1px solid #ffffff12;border-radius:16px;padding:1rem;transition:border-color .3s;box-shadow:0 10px 30px #0000008c}.hud-card:hover{border-color:#0fc3}.card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.card-header h2{letter-spacing:1.2px;color:#9e9ea7;font-size:.75rem;font-weight:600}.main-readout-card{flex-direction:column;justify-content:center;align-items:center;min-height:310px;display:flex}.gauge-wrapper{justify-content:center;align-items:center;width:180px;height:180px;margin-bottom:1rem;display:flex;position:relative}.gauge-svg{width:100%;height:100%}.gauge-bg{fill:none;stroke:#ffffff08;stroke-width:6px}.gauge-bounds{stroke-dasharray:4 4}.gauge-needle{stroke:#f07;stroke-width:3px;stroke-linecap:round;filter:drop-shadow(0 0 4px #f079)}.gauge-center{fill:#f07;filter:drop-shadow(0 0 6px #f07c)}.gauge-tick-label{fill:#8a8a93;text-anchor:middle;dominant-baseline:middle;font-family:JetBrains Mono,monospace;font-size:8px}.angle-display{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.angle-display #angle-value{color:#fff;letter-spacing:-1px;font-size:2.75rem;font-weight:700;line-height:1}.direction-text{letter-spacing:2px;color:#0fc;text-transform:uppercase;height:1rem;margin-top:.25rem;font-size:.75rem;font-weight:600}.badge{letter-spacing:.5px;border-radius:4px;padding:.25rem .6rem;font-size:.7rem;font-weight:700}.badge-level{color:#0f6;background:#00ff661f;border:1px solid #0f63}.badge-mild{color:#fc0;background:#ffcc001f;border:1px solid #fc03}.badge-sig{color:#f05;background:#ff00551f;border:1px solid #f053}.hud-actions{gap:.75rem;width:100%;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.btn-primary{color:#050508;background:#0fc;flex-grow:2;box-shadow:0 4px 15px #00ffcc40}.btn-primary:hover{background:#3fd;transform:translateY(-1px);box-shadow:0 6px 20px #00ffcc59}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;flex-grow:1}.btn-secondary:hover{background:#ffffff1f;border-color:#fff3}.btn-block{width:100%}.metrics-grid{pointer-events:auto;flex-direction:column;gap:.75rem;width:100%;display:flex}.metric-card{flex-direction:column;padding:.75rem;display:flex}.metric-card h3{letter-spacing:.8px;color:#9e9ea7;margin-bottom:.25rem;font-size:.65rem;font-weight:600}.metric-value{font-size:1.35rem;font-weight:700}.color-left{color:#f07}.color-right{color:#0fc}.chart-card{flex-direction:column;padding:1rem;display:flex}.chart-legend{justify-content:flex-start;gap:.75rem;margin-bottom:.5rem;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:700;display:flex}.legend-item{align-items:center;gap:.25rem;display:flex}.legend-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.dot-roll{background-color:#0fc;box-shadow:0 0 5px #0fc}.dot-pitch{background-color:#f07;box-shadow:0 0 5px #f07}.dot-yaw{background-color:#ff0;box-shadow:0 0 5px #ff0}.chart-time-label{color:#f07;letter-spacing:.8px;background:#ff007714;border:1px solid #f073;border-radius:3px;padding:.1rem .3rem;font-size:.6rem;font-weight:700}.chart-container{background:#00000047;border:1px solid #ffffff08;border-radius:10px;width:100%;height:100px;padding:.4rem}#history-svg{width:100%;height:100%;overflow:visible}.grid-line{stroke:#ffffff0f;stroke-width:1px}.grid-line.center-line{stroke:#ffffff1f;stroke-dasharray:2 2}.grid-line.dash-line{stroke-dasharray:4 4}.grid-label{fill:#6e6e73;font-family:JetBrains Mono,monospace;font-size:9px}.hud-footer{pointer-events:auto;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100%;padding-top:1rem;display:flex}.btn-link{color:#0fc;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.8rem;font-weight:600;text-decoration:underline;transition:color .2s}.btn-link:hover{color:#fff}.attribution{color:#6e6e73;font-size:.7rem}.modal-backdrop{-webkit-backdrop-filter:blur(10px);z-index:100;background:#050508d9;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;animation:.4s ease-out forwards fadeIn;display:flex;position:absolute;top:0;left:0}.modal-card{background:#12121af2;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;width:100%;max-width:500px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex;overflow:hidden;box-shadow:0 24px 60px #000c}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h2{font-size:1.15rem;font-weight:700}.close-btn{color:#9e9ea7;cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s}.close-btn:hover{color:#fff}.modal-body{color:#cbd5e1;max-height:60vh;padding:1.5rem;font-size:.9rem;line-height:1.6;overflow-y:auto}.modal-body p{margin-bottom:1.25rem}.guide-steps{flex-direction:column;gap:1.15rem;margin-bottom:1.5rem;display:flex}.step{gap:1rem;display:flex}.step-num{color:#0fc;background:#00ffcc1f;border:1px solid #00ffcc4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.classification-table-wrapper{margin-top:1.5rem}.classification-table-wrapper h3{color:#fff;margin-bottom:.75rem;font-size:.9rem;font-weight:600}.classification-table{border-collapse:collapse;width:100%;font-size:.8rem}.classification-table th,.classification-table td{text-align:left;border-bottom:1px solid #ffffff0d;padding:.6rem .8rem}.classification-table th{color:#9e9ea7;background:#ffffff05;font-weight:600}.status-pill{text-transform:uppercase;border-radius:4px;padding:.15rem .4rem;font-size:.65rem;font-weight:700}.status-pill.lvl-normal{color:#0f6;background:#00ff661f}.status-pill.lvl-mild{color:#fc0;background:#ffcc001f}.status-pill.lvl-sig{color:#f05;background:#ff00551f}.modal-footer{border-top:1px solid #ffffff14;padding:1.25rem 1.5rem}@media (width<=768px){.hud-layer{justify-content:space-between;height:100vh;padding:.5rem;overflow:hidden;box-sizing:border-box!important}.hud-header{pointer-events:auto;margin-bottom:0;box-sizing:border-box!important;width:100%!important}.logo h1{font-size:.9rem}.system-status{background:0 0!important;border:none!important;border-radius:50%!important;padding:.25rem!important}.system-status .status-text{display:none!important}.hud-main{margin-bottom:.5rem;box-sizing:border-box!important;flex-direction:column!important;flex-grow:0!important;align-items:stretch!important;width:100%!important;max-width:100%!important;height:auto!important;margin-top:auto!important;padding:0!important;display:flex!important;overflow-y:visible!important}.hud-column{box-sizing:border-box!important;flex-direction:column!important;gap:.4rem!important;width:100%!important;max-width:100%!important;display:flex!important}.hud-card{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:.5rem .65rem!important}.main-readout-card{justify-content:space-between;align-items:center;gap:.5rem;flex-direction:row!important;min-height:auto!important}.gauge-wrapper{width:55px!important;height:55px!important;margin:0!important}.angle-display #angle-value{font-size:.9rem!important}.angle-display #direction-value{display:none!important}.card-header{flex-direction:column;align-items:flex-start;gap:.1rem;display:flex;margin-bottom:0!important}.card-header h2{letter-spacing:.5px;font-size:.55rem!important}.badge{padding:.08rem .25rem!important;font-size:.52rem!important}.metrics-grid{box-sizing:border-box!important;flex-direction:column!important;gap:.4rem!important;width:100%!important;display:flex!important}.metric-card{width:100%!important;margin-bottom:0!important}.metric-card h3{margin-bottom:.15rem!important;font-size:.55rem!important}.condensed-row{gap:.25rem!important;width:100%!important;margin-top:0!important}.condensed-item{padding-left:.25rem!important}.condensed-label{font-size:.45rem!important}.condensed-value{margin-top:0!important;font-size:.85rem!important}.chart-card,.hud-footer{display:none!important}}.condensed-row{justify-content:space-between;gap:.5rem;width:100%;margin-top:.25rem;display:flex}.condensed-item{border-left:2px solid #ffffff0a;flex-direction:column;flex-grow:1;align-items:flex-start;min-width:0;padding-left:.5rem;display:flex}.condensed-item:first-child{border-left:none;padding-left:0}.condensed-label{color:#71717a;letter-spacing:.5px;font-size:.55rem;font-weight:700}.condensed-value{margin-top:.1rem;font-size:1.15rem;font-weight:700}.color-roll{color:#0fc}.color-pitch{color:#f07}.color-yaw{color:#ff0}#loadingContainer,.almost-there-container,.error-container,#almostthere-device-compatibility,.xrextras-loading,.a-enter-vr,.a-enter-ar{opacity:0!important;visibility:hidden!important;z-index:-9999!important;pointer-events:none!important;display:none!important}