*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#020604;color:#a9ffb5;font-family:"Courier New",monospace}body{touch-action:none}#app{position:relative;width:100%;height:100%;background:#020604}#camera,#poseCanvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#camera{filter:contrast(1.08) brightness(.72) saturate(.55)}#poseCanvas{z-index:3;pointer-events:none}.scanlines,.vignette{position:absolute;inset:0;pointer-events:none;z-index:5}.scanlines{background:repeating-linear-gradient(to bottom,rgba(80,255,110,.035) 0,rgba(80,255,110,.035) 1px,transparent 1px,transparent 4px)}.vignette{background:radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.78) 100%)}.hud{position:absolute;z-index:8;text-shadow:0 0 8px #2cff55;letter-spacing:.08em}.top{top:calc(12px + env(safe-area-inset-top));left:14px;right:14px;display:flex;justify-content:space-between;align-items:flex-start}.brand{font-size:21px;font-weight:800}.brand.big{font-size:36px}.sub{font-size:10px;opacity:.75;margin-top:4px}.flip{border:1px solid #39ff63;background:rgba(0,15,5,.55);color:#9dffad;padding:9px 11px;font:inherit;font-size:11px;box-shadow:0 0 10px rgba(45,255,90,.18)}.telemetry{left:14px;top:112px;width:210px}.label{font-size:10px;color:#6eff88;opacity:.9}.value{font-size:25px;margin:4px 0 7px}.meter{height:8px;border:1px solid #39ff63;background:#07150a}.meter i{display:block;height:100%;width:0;background:#45ff65;box-shadow:0 0 8px #45ff65}.row{display:flex;justify-content:space-between;margin-top:9px;font-size:9px}.row b{font-size:12px}.status{font-size:10px;margin-top:9px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#43ff61;box-shadow:0 0 9px #43ff61;margin-right:6px}.sls{right:14px;top:112px;text-align:right}.sls #humanState{font-size:10px;margin-top:5px}.radar{right:14px;bottom:125px;width:116px;height:116px;border:1px solid #2eff55;border-radius:50%;overflow:hidden;opacity:.7}.radar-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49%,#2eff55 50%,transparent 51%),linear-gradient(transparent 49%,#2eff55 50%,transparent 51%),radial-gradient(circle,transparent 0 24%,#2eff55 25% 26%,transparent 27% 49%,#2eff55 50% 51%,transparent 52%)}.sweep{position:absolute;left:50%;top:50%;width:50%;height:1px;background:#45ff65;transform-origin:left;animation:spin 2.2s linear infinite;box-shadow:0 0 8px #45ff65}.radar-dot{position:absolute;width:5px;height:5px;background:#ff3f4e;border-radius:50%;box-shadow:0 0 8px #ff3f4e}.d1{left:72px;top:34px}.d2{left:39px;top:76px}.radar small{position:absolute;bottom:6px;left:9px;font-size:8px}.event-log{left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));max-height:92px;overflow:hidden;background:linear-gradient(90deg,rgba(0,10,3,.65),transparent);padding:6px 0}.event-log .label{margin-bottom:4px}.event-log div div{font-size:9px;line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-log .anomaly{color:#ffd36a}.event-log .entity{color:#ff5a64;text-shadow:0 0 8px #ff3448}.event-log .protect{color:#b8c9ff}.protection{position:absolute;z-index:12;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;background:radial-gradient(circle,rgba(20,255,70,.07),transparent 40%)}#protection.active{display:flex;animation:fadeIn .35s ease-out}.cross{font-family:serif;font-size:170px;line-height:1;color:rgba(220,255,225,.58);text-shadow:0 0 8px #5dff79,0 0 28px #24ff50,0 0 65px rgba(50,255,90,.45)}.protection-text{margin-top:-10px;font-size:14px;letter-spacing:.25em;color:#d6ffda}.intro{max-width:420px;margin:0 24px;text-align:center;border:1px solid #35ff60;padding:28px 22px;background:rgba(0,8,3,.9);box-shadow:0 0 30px rgba(30,255,80,.15)}#startOverlay{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:rgba(0,3,1,.96)}#startOverlay.hidden{display:none}.intro p{font-size:11px;line-height:1.65;color:#b5c6b7}.intro button{margin:12px 0;border:1px solid #55ff75;background:#07150a;color:#baffc3;padding:12px 15px;font:inherit;font-size:11px;letter-spacing:.06em}.intro small{display:block;font-size:9px;opacity:.6;line-height:1.5}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media(min-width:700px){.telemetry{top:130px}.sls{top:130px}.event-log{max-width:600px}}