@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Prosto+One&display=swap);:root{--hud-navy:#0d1b2a;--hud-slate:#1b263b;--hud-cyan:#00f2ff;--hud-cyan-dim:rgba(0, 242, 255, 0.4);--hud-white:#e0e6ed;--hud-bg:#050a14;--font-mono:'Inter',sans-serif;--font-header:'Prosto One',sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--hud-bg);background-image:linear-gradient(rgba(0,242,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,242,255,.03) 1px,transparent 1px);background-size:40px 40px;color:var(--hud-white);font-family:var(--font-mono);min-height:100vh;overflow:hidden;position:relative}body::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,transparent 60%,rgba(13,27,42,.9) 100%);pointer-events:none}.hud-container{position:relative;z-index:1;padding:20px;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto 1fr auto;gap:15px;height:100vh}.hud-panel{background:rgba(13,27,42,.4);border:1px solid var(--hud-cyan-dim);backdrop-filter:blur(4px);position:relative;overflow:hidden;padding:15px}.hud-panel::before{content:"";position:absolute;top:0;left:0;width:10px;height:10px;border-top:2px solid var(--hud-cyan);border-left:2px solid var(--hud-cyan)}.hud-panel::after{content:"";position:absolute;bottom:0;right:0;width:10px;height:10px;border-bottom:2px solid var(--hud-cyan);border-right:2px solid var(--hud-cyan)}.hud-title{font-family:var(--font-header);font-size:.7rem;color:var(--hud-cyan);border-bottom:1px solid var(--hud-cyan-dim);padding-bottom:5px;margin-bottom:15px;display:flex;justify-content:space-between}.hud-button{background:0 0;border:1px solid var(--hud-cyan);color:var(--hud-cyan);padding:8px 15px;font-family:var(--font-mono);cursor:pointer;text-transform:uppercase;transition:.2s;position:relative}.hud-button:hover{background:rgba(0,242,255,.1);box-shadow:0 0 15px rgba(0,242,255,.2)}.hud-button:active{transform:scale(.95)}.targeting-box{position:absolute;border:1px solid rgba(0,242,255,.2);pointer-events:none}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.rotating-reticle{animation:20s linear infinite rotate}.scan-line{position:absolute;top:0;left:0;width:100%;height:4px;background:rgba(0,242,255,.1);box-shadow:0 0 10px rgba(0,242,255,.2);animation:10s linear infinite scan;pointer-events:none;z-index:10}@keyframes scan{0%{top:0}100%{top:100%}}@keyframes scanningBar{0%{width:0%;left:0;opacity:.8}50%{width:100%;left:0;opacity:1}100%{width:0%;left:100%;opacity:.8}}.hud-label{font-size:.6rem;color:var(--hud-cyan-dim)}.value-cyan{color:var(--hud-cyan)}.value-white{color:var(--hud-white)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(13,27,42,.4);border-left:1px solid var(--hud-cyan-dim)}::-webkit-scrollbar-thumb{background:var(--hud-cyan-dim);border:1px solid var(--hud-cyan)}::-webkit-scrollbar-thumb:hover{background:var(--hud-cyan);box-shadow:0 0 10px rgba(0,242,255,.5)}::-webkit-scrollbar-corner{background:0 0}@keyframes hud-card-success-flash{0%{border-color:rgba(0,255,153,.4);box-shadow:inset 0 0 0 rgba(0,255,153,0)}20%{border-color:#0f9;box-shadow:inset 0 0 20px rgba(0,255,153,.3),0 0 15px rgba(0,255,153,.2);background:rgba(0,255,153,.05)}100%{border-color:rgba(0,242,255,.2);box-shadow:inset 0 0 0 rgba(0,255,153,0);background:0 0}}.hud-card-success{animation:1.5s cubic-bezier(.4,0,.2,1) forwards hud-card-success-flash}