:root{--color-bg: #0B0F19;--color-surface: #1A2332;--color-surface-hover: #242E42;--color-border: #2D3B4E;--color-primary: #00E5FF;--color-secondary: #FF8C00;--color-text-main: #E0E6ED;--color-text-dim: #94A3B8;--color-danger: #EF4444;--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text-main);font-family:var(--font-family);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden}#root{width:100%;max-width:1200px;padding:2rem;display:flex;flex-direction:column;gap:2rem}button{cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-main);padding:.5rem 1rem;border-radius:4px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease}button:hover{background:var(--color-surface-hover);border-color:var(--color-primary);box-shadow:0 0 10px #00e5ff33}button:active{transform:translateY(1px)}input{background:#0000004d;border:1px solid var(--color-border);color:var(--color-text-main);padding:.5rem 1rem;border-radius:4px;font-family:var(--font-family);outline:none;transition:border-color .2s}input:focus{border-color:var(--color-primary)}.hud-panel{background:var(--color-surface);border:1px solid var(--color-border);padding:1.5rem;border-radius:8px;position:relative;overflow:hidden}.hud-panel:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color-primary);opacity:.5}h1,h2,h3{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:1rem}