body{margin:0;overflow:hidden;background-color:#1a1a1a;font-family:Inter,system-ui,-apple-system,sans-serif;color:#eee}#canvas{position:fixed;top:0;left:0;outline:none}#ui{position:absolute;top:2rem;left:50%;transform:translate(-50%);z-index:10;pointer-events:none;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center}h1{margin:0;font-size:1.5rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#000}#status{margin-top:.5rem;font-size:1rem;color:#aaa}#info{margin-top:.25rem;font-size:.875rem;font-style:italic;color:#000}#toggle{pointer-events:auto;background:#0009;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 18px;cursor:pointer;border-radius:4px;font-size:14px;transition:.2s}#toggle:hover{background:#0ff3;border-color:#0ff}.adj-controls label{font-size:.75rem;color:#ff4d4d;text-transform:uppercase;letter-spacing:.05em}.adj-controls input[type=range]{width:100%}#minimap{position:absolute;bottom:20px;right:20px;width:200px;height:200px;border:2px solid rgba(255,255,255,.2);border-radius:50%;pointer-events:none;box-shadow:0 0 20px #00000080}