canvas{display:block;position:fixed;inset:0;width:100vw;height:100vh}#sim-canvas{z-index:1}#webgpu-canvas{z-index:2}body{overflow:hidden}.tactical-glass{position:relative;background:#0a0f1433;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border:1px solid rgba(0,170,255,.3);border-radius:2px;box-shadow:inset 0 0 10px #00000080,0 5px 15px #0006;font-family:IBM Plex Sans,sans-serif;color:#e2e8f0}.tactical-glass:before{content:"";position:absolute;top:4px;left:4px;width:3px;height:3px;background-color:#0af;box-shadow:0 0 4px #0af}.tactical-glass:after{content:"";position:absolute;bottom:4px;right:4px;width:3px;height:3px;background-color:#ff5722;box-shadow:0 0 4px #ff5722}.tactical-button{cursor:pointer;background:#0a0f1480;border:1px solid rgba(0,170,255,.5);color:#e2e8f0;padding:8px 16px;border-radius:2px;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:1px}.tactical-button:hover{border-color:#ff5722;background:#ff57221a;box-shadow:inset 0 0 8px #ff57224d,0 0 8px #ff572233;color:#ff5722}.tactical-button:active{background:#00f3ff33;transform:translateY(1px)}.tactical-input,.tactical-select{background:#000;border:1px solid rgba(0,170,255,.3);color:#0af;border-radius:2px;padding:4px 8px;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:10px 0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:#0009;border:1px solid rgba(0,170,255,.2);border-radius:0}input[type=range]::-webkit-slider-thumb{height:16px;width:8px;border-radius:0;background:#0af;cursor:pointer;-webkit-appearance:none;margin-top:-7px;box-shadow:0 0 5px #0afc;border:1px solid #1a1e24}input[type=range]:focus::-webkit-slider-thumb{background:#ff5722;box-shadow:0 0 8px #ff5722e6}input[type=range]::-moz-range-track{width:100%;height:4px;cursor:pointer;background:#0009;border:1px solid rgba(0,170,255,.2);border-radius:0}input[type=range]::-moz-range-thumb{height:16px;width:8px;border-radius:0;background:#0af;cursor:pointer;box-shadow:0 0 5px #0afc;border:1px solid #1a1e24}#header-island{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:10;padding:10px 20px;text-align:center;pointer-events:none}#header-island h1{color:#0af;text-shadow:0 0 8px rgba(0,170,255,.4);font-family:Space Grotesk,sans-serif}#header-island p{margin:0;font-size:.9rem;color:#a0c0d0}#header-island a{color:inherit;text-decoration:none;pointer-events:auto;transition:color .2s ease}#header-island a:hover{color:#0af}#control-island{position:fixed;bottom:15px;left:50%;transform:translate(-50%);z-index:10;padding:12px 32px;display:flex;gap:24px;align-items:center;min-width:800px;justify-content:center}.control-group{display:flex;flex-direction:column;gap:6px}.control-group label{font-size:.8rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;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:.8rem;color:#0af;font-weight:700;text-shadow:0 0 5px rgba(0,170,255,.3)}select,input[type=number]{background:#000;border:1px solid rgba(255,255,255,.2);color:#fff;padding:4px 8px;border-radius:8px;font-family:IBM Plex Sans,sans-serif;outline:none;transition:border-color .2s}.control-group input[type=range]{width:200px}select:focus,input[type=number]:focus{border-color:#ffffff80}.back-button{margin-left:10px;border-left:1px solid rgba(255,255,255,.1);padding-left:30px}#telemetry-pill{position:fixed;top:20px;right:20px;z-index:100;padding:12px 18px;display:flex;flex-direction:column;gap:8px;font-family:IBM Plex Sans,sans-serif;font-size:.85rem;letter-spacing:.5px;min-width:250px;transition:all .3s ease;pointer-events:none}.telemetry-row{display:flex;justify-content:space-between;align-items:center}.telemetry-label{color:#fff9;font-weight:600;font-size:.75rem}.telemetry-value{color:#fff;font-weight:700;text-shadow:0 0 5px rgba(255,255,255,.3)}.tel-healthy{color:#4ade80!important;text-shadow:0 0 5px rgba(74,222,128,.4)!important}.tel-warning{color:#fbbf24!important;text-shadow:0 0 5px rgba(251,191,36,.4)!important}.tel-critical{color:#f87171!important;text-shadow:0 0 5px rgba(248,113,113,.4)!important}