*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#020a14;--color-panel:#021020d1;--color-border:#00c8ff2e;--color-accent:#0cf;--color-accent2:#0fc;--color-text:#b0d8f0;--color-muted:#4a6a80;--font-mono:"Share Tech Mono", monospace;--font-ui:"Exo 2", sans-serif}html,body{background:var(--color-bg);width:100%;height:100%;color:var(--color-text);font-family:var(--font-ui);overflow:hidden}#main-canvas{cursor:grab;display:block;position:fixed;inset:0;width:100%!important;height:100%!important}#main-canvas:active{cursor:grabbing}#app-header{z-index:10;background:var(--color-panel);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);align-items:center;height:52px;padding:0 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.header-inner{align-items:center;gap:.75rem;width:100%;display:flex}.header-icon{color:var(--color-accent);font-size:1.4rem;animation:3s ease-in-out infinite pulse}.header-title{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-accent);text-transform:uppercase;text-shadow:0 0 12px #00ccff80;flex:1;font-size:1rem;font-weight:400}.header-badge{font-family:var(--font-mono);letter-spacing:.1em;border:1px solid var(--color-accent2);color:var(--color-accent2);opacity:.75;border-radius:2px;padding:.15rem .5rem;font-size:.65rem}#hud-overlay{z-index:10;max-width:min(340px,100vw - 2rem);position:fixed;top:70px;right:1.25rem}#hud-stats{background:var(--color-panel);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(6px);border-radius:4px;min-width:250px;padding:.75rem 1rem;box-shadow:0 0 30px #0096ff14}.hud-row{font-family:var(--font-mono);border-bottom:1px solid #00c8ff14;justify-content:space-between;align-items:center;gap:1rem;padding:.2rem 0;font-size:.7rem;display:flex}.hud-row:last-child{border-bottom:none}.hud-label{color:var(--color-muted);letter-spacing:.08em;white-space:nowrap}.hud-value{color:var(--color-accent2);letter-spacing:.05em;text-align:right;font-weight:600}#scale-note{z-index:10;max-width:440px;color:var(--color-text);letter-spacing:.03em;-webkit-backdrop-filter:blur(6px);background:#080a1cb8;border:1px solid #aa66ff42;border-radius:4px;padding:.75rem 1rem;font-size:.72rem;line-height:1.45;position:fixed;bottom:4.5rem;left:1.5rem}#scale-note strong{color:#a6f;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-weight:600}#app-footer{z-index:10;background:var(--color-panel);border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1.5rem;display:flex;position:fixed;bottom:0;left:0;right:0}.disclaimer{color:var(--color-muted);letter-spacing:.04em;font-size:.65rem;line-height:1.4}.version-info{font-family:var(--font-mono);color:#00c8ff66;white-space:nowrap;letter-spacing:.06em;font-size:.62rem}@media (width<=760px){#app-header{padding:0 1rem}.header-title{font-size:.78rem}#hud-overlay{top:62px;right:.75rem}#hud-stats{min-width:220px;padding:.6rem .75rem}.hud-row{font-size:.62rem}#scale-note{max-width:none;font-size:.66rem;bottom:4.75rem;left:.75rem;right:.75rem}#app-footer{flex-direction:column;align-items:flex-start;gap:.25rem;padding:.45rem .75rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}