html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;touch-action:none}canvas{display:block;position:fixed;inset:0;width:100vw;height:100vh;touch-action:none}#sim-canvas{z-index:1}#webgpu-canvas{z-index:2}@keyframes fadeInUp{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-45%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-1.5rem,-50%) scale(.95)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(1.5rem,-50%) scale(.95)}to{opacity:1;transform:translateY(-50%) scale(1)}}.tactical-glass{position:relative;background:linear-gradient(135deg,#0b0d10b3,#0b0d1066);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border:.1rem solid rgba(255,255,255,.15);border-radius:.5rem;box-shadow:0 .5rem 2rem #0000005e,inset 0 0 1rem #00aaff1a;font-family:IBM Plex Sans,sans-serif;color:#e2e8f0}.tactical-button{cursor:pointer;background:#0a0f1480;border:.1rem solid rgba(0,170,255,.5);color:#e2e8f0;padding:.5rem 1rem;border-radius:.25rem;font-family:IBM Plex Sans,sans-serif;font-weight:600;font-size:.9rem;text-transform:uppercase;outline:none;transition:all .2s ease;text-decoration:none;display:inline-block;text-align:center;letter-spacing:.05rem}.tactical-button:hover{border-color:#ff5722;background:#ff57221a;box-shadow:inset 0 0 .5rem #ff57224d,0 0 .5rem #ff572233;color:#ff5722}.tactical-button:active{background:#00f3ff33;transform:translateY(.1rem)}.tactical-input,.tactical-select{background:#000;border:.1rem solid rgba(0,170,255,.3);color:#0af;border-radius:.25rem;padding:.25rem .5rem;font-family:IBM Plex Sans,sans-serif;font-size:.9rem}select option{background:#000;color:#0af}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;width:100%;margin:.8rem 0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:.25rem;cursor:pointer;background:#0af3;border:.2rem solid rgba(0,170,255,.2);border-radius:.1rem}input[type=range]::-moz-range-track{width:100%;height:.25rem;cursor:pointer;background:#0af3;border:.2rem solid rgba(0,170,255,.2);border-radius:.1rem}input[type=range]::-webkit-slider-thumb{height:1rem;width:.5rem;border-radius:.1rem;background:#0af;cursor:pointer;-webkit-appearance:none;margin-top:-.5rem;box-shadow:0 0 .4rem #0afc;border:.05rem solid #1a1e24}input[type=range]::-moz-range-thumb{height:1rem;width:.5rem;border-radius:.1rem;background:#0af;cursor:pointer;box-shadow:0 0 .4rem #0afc;border:.05rem solid #1a1e24}input[type=range]:focus::-webkit-slider-thumb{background:#0af;box-shadow:0 0 .5rem #00aaffe6}input[type=range]:focus::-moz-range-thumb{background:#0af;box-shadow:0 0 .5rem #00aaffe6}.mobile-toggle{display:flex;position:fixed;top:1.5rem;width:3.5rem;height:3.5rem;z-index:200;font-size:1.5rem;padding:0;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;box-shadow:0 .5rem 1rem #00000080;animation:fadeInUp .6s ease-out forwards}#ui-toggle-telemetry{right:1.5rem;left:auto;top:1.5rem;animation-delay:.1s}#ui-toggle-controls{right:auto;left:1.5rem;top:1.5rem;animation-delay:.2s}#control-island{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;width:auto;min-width:16rem;max-width:calc(100vw - 3rem);height:auto;max-height:70vh;overflow-y:auto;padding:2rem 1.5rem 1.5rem;gap:1rem;flex-direction:column}#control-island.ui-active{display:flex;animation:fadeInScale .3s ease-out forwards}.pin-button{position:absolute;top:.5rem;right:.5rem;font-size:1.2rem;padding:.2rem .5rem;background:transparent;border:none;box-shadow:none}.pin-button.pinned{color:#ff5722;text-shadow:0 0 .5rem rgba(255,87,34,.8)}.pin-button:hover{background:#fff3!important;box-shadow:none!important}.control-group{display:flex;flex-direction:column;gap:.4rem;width:100%}.control-group label{font-size:.9rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05rem;margin:0}.label-row{display:flex;justify-content:space-between;align-items:center;width:100%}.slider-value{font-family:IBM Plex Sans,sans-serif;font-size:.9rem;color:#0af;font-weight:700;text-shadow:0 0 .3rem rgba(0,170,255,.3)}select,input[type=number]{background:#000;border:.1rem solid rgba(255,255,255,.2);color:#fff;padding:.5rem .8rem;border-radius:.5rem;font-family:IBM Plex Sans,sans-serif;outline:none;transition:border-color .2s;width:100%;box-sizing:border-box}.control-group input[type=range]{width:100%}select:focus,input[type=number]:focus{border-color:#ffffff80}.back-button{margin-top:.5rem;padding-top:1.5rem;border-top:.1rem solid rgba(255,255,255,.1)}#telemetry-pill{display:none;position:fixed;top:16rem;left:50%;transform:translate(-50%);z-index:1000;width:auto;min-width:13rem;max-width:calc(100vw - 3rem);flex-direction:column;padding:1rem}#telemetry-pill h1{font-size:1rem;font-family:Space Grotesk,sans-serif;color:#0af;text-shadow:0 0 .5rem rgba(0,170,255,.3)}#telemetry-pill.ui-active{display:flex;animation:fadeInScale .3s ease-out forwards}.telemetry-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:.05rem solid rgba(0,170,255,.1)}.telemetry-row:last-child{border-bottom:none}.telemetry-label{color:#fff9;font-weight:600;font-size:.75rem;margin-right:1rem}.telemetry-value{color:#fff;font-weight:700;text-shadow:0 0 .3rem rgba(255,255,255,.3)}.tel-healthy{color:#4ade80!important;text-shadow:0 0 .3rem rgba(74,222,128,.4)!important}.tel-warning{color:#fbbf24!important;text-shadow:0 0 .3rem rgba(251,191,36,.4)!important}.tel-critical{color:#f87171!important;text-shadow:0 0 .3rem rgba(248,113,113,.4)!important}#sim-info p{margin:0;font-size:.9rem;color:#a0c0d0}#sim-info a{color:#0af;font-size:40px;display:inline-flex;text-decoration:none;padding:.5rem;pointer-events:auto;transition:transform .2s ease;will-change:transform}#sim-info a:hover{color:#ff5722;transform:scale(1.2) rotate(2deg)}@media(min-width:769px){#control-island{top:50%;left:1.5rem;transform:translateY(-50%);width:auto;min-width:15rem;max-width:15rem}#control-island.ui-active{animation:fadeInLeft .3s ease-out forwards}#telemetry-pill{top:16rem;left:auto;right:1.5rem;transform:none;width:auto;min-width:12rem;max-width:12rem}#telemetry-pill.ui-active{animation:fadeInRight .3s ease-out forwards}}#bg-canvas{position:fixed;top:0vh;left:0vw;width:100vw;height:100vh;z-index:0;pointer-events:none;transform-origin:center center;will-change:transform}