@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=IBM+Plex+Mono:wght@300;400&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background-color:#0a0a0a;overflow:hidden;font-family:IBM Plex Mono,monospace;cursor:crosshair}#canvas-container{width:100vw;height:100vh;position:fixed;top:0;left:0}#header{position:fixed;top:40px;left:48px;z-index:10;pointer-events:none;display:flex;align-items:flex-start;gap:20px;opacity:0;animation:fadeIn 3s cubic-bezier(.25,.1,.25,1) 1s forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}#logo{width:44px;height:44px;object-fit:contain;opacity:.9;margin-top:2px}#title-block{display:flex;flex-direction:column;gap:6px}#title{font-family:Bebas Neue,sans-serif;font-size:38px;font-weight:400;letter-spacing:.4em;color:#e8e8e8;text-transform:uppercase;margin:0;line-height:1}#subtitle{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:300;letter-spacing:.15em;color:#666;text-transform:uppercase;margin:0;padding-left:2px}#footer{position:fixed;bottom:24px;right:32px;z-index:10;display:flex;align-items:center;gap:12px;opacity:0;animation:fadeIn 3s cubic-bezier(.25,.1,.25,1) 1.5s forwards}#footer a{font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:300;letter-spacing:.1em;color:#555;text-decoration:none;text-transform:uppercase;transition:color .2s ease}#footer a:hover{color:#888}#footer .separator{font-size:10px;color:#333;-webkit-user-select:none;user-select:none}#hud{position:fixed;bottom:60px;left:48px;z-index:10;pointer-events:none;opacity:0;animation:fadeIn 3s cubic-bezier(.25,.1,.25,1) 2s forwards,hudFlicker 8s ease-in-out 5s infinite}.hud-section{margin-bottom:16px}.hud-left{margin-bottom:24px}.hud-label{font-size:9px;font-weight:400;letter-spacing:.2em;color:#0ff;text-transform:uppercase;margin-bottom:4px;opacity:.7}.hud-value{font-size:14px;font-weight:400;letter-spacing:.15em;color:#e8e8e8;text-transform:uppercase}.hud-sublabel{font-size:10px;font-weight:300;letter-spacing:.1em;color:#666;margin-top:4px}.hud-stats{border-left:1px solid rgba(0,255,255,.2);padding-left:12px}.stat-row{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:6px;min-width:220px}.stat-label{font-size:9px;font-weight:300;letter-spacing:.1em;color:#555;text-transform:uppercase}.stat-value{font-size:10px;font-weight:400;letter-spacing:.05em;color:#0ff;font-variant-numeric:tabular-nums}.hud-status{display:flex;align-items:center;gap:8px;margin-top:20px}.status-indicator{width:6px;height:6px;border-radius:50%;background-color:#333}.status-indicator.active{background-color:#0f8;box-shadow:0 0 8px #00ff8880;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 8px #00ff8880}50%{opacity:.7;box-shadow:0 0 4px #00ff884d}}.status-text{font-size:9px;font-weight:300;letter-spacing:.15em;color:#444;text-transform:uppercase}@keyframes hudFlicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);z-index:100}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");z-index:101}@media (max-width: 768px){#header{top:24px;left:20px;right:20px;gap:12px}#logo{width:32px;height:32px;flex-shrink:0}#title{font-size:22px;letter-spacing:.25em}#subtitle{font-size:9px;letter-spacing:.1em}#hud{left:20px;bottom:50px}.stat-row{min-width:180px;gap:16px}.hud-value{font-size:12px}#footer{bottom:16px;right:20px}}