*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;color:#fffbe6;font-family:Space Grotesk,Helvetica Neue,system-ui,sans-serif;-webkit-font-smoothing:antialiased;transition:background .4s ease}body[data-theme=realistic]{background:#0a2e4a}#app{width:100%;height:100%;position:relative}#map{position:absolute;inset:0;width:100%;height:100%}.mapboxgl-ctrl-logo,.mapboxgl-ctrl-attrib{opacity:.15}#title{position:fixed;top:32px;left:50%;transform:translate(-50%);font-family:Bebas Neue,Helvetica Neue,system-ui,sans-serif;font-size:clamp(48px,8vw,96px);letter-spacing:.25em;pointer-events:none;z-index:10;transition:color .4s ease,text-shadow .4s ease;color:#fffbe6;text-shadow:0 0 20px rgba(255,251,230,.3),0 0 60px rgba(255,251,230,.1)}body[data-theme=realistic] #title{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.7),0 0 40px rgba(0,0,0,.3)}#vibes-btn{position:absolute;bottom:20px;left:20px;z-index:20;transform:translateZ(0);border:none;padding:10px 18px;font-family:Space Grotesk,Helvetica Neue,system-ui,sans-serif;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;border-radius:20px;transition:transform .15s cubic-bezier(.34,1.4,.64,1),box-shadow .15s ease,background .3s ease,color .3s ease;box-shadow:0 2px 8px #0000004d;background:#fffbe6;color:#000}body[data-theme=realistic] #vibes-btn{background:#fff;color:#0a2e4a;box-shadow:0 2px 8px #0006}#vibes-btn:hover{transform:scale(1.06);box-shadow:0 4px 16px #0000004d}#vibes-btn:active{transform:scale(.95)}