*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}body{background:#000;color:#fff}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;text-align:center;padding:20px}.title{font-size:clamp(2rem,8vw,5rem);font-weight:300;letter-spacing:.05em;margin:0;text-shadow:0 0 20px rgba(255,255,255,.5);animation:fadeIn 1.5s ease-in}.dot{color:#4a9eff;animation:pulse 2s ease-in-out infinite}.subtitle{font-size:clamp(.875rem,2.5vw,1.25rem);font-weight:300;margin-top:1rem;opacity:.8;animation:fadeIn 2s ease-in .5s both}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;text-shadow:0 0 10px #4a9eff}50%{opacity:.6;text-shadow:0 0 20px #4a9eff}}@media (max-width: 768px){.title{font-size:clamp(2.5rem,10vw,4rem)}.subtitle{font-size:clamp(1rem,3vw,1.125rem)}}@media (hover: none) and (pointer: coarse){body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}.location-label{position:fixed;z-index:11;opacity:0;pointer-events:none;color:#fff;font-size:20px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8);white-space:nowrap;top:53%;left:40%}.location-label.visible{opacity:1}.map-pin{position:fixed;z-index:10;opacity:0;pointer-events:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));top:57%;left:47%}.map-pin.visible{opacity:1;transition:opacity .8s ease-in-out}.map-pin.visible svg{transform:scale(.5);transition:opacity .8s ease-in-out}@media (min-width: 768px){.location-label{left:45%}.map-pin{left:49%}}.start-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:1000;display:flex;justify-content:center;opacity:1;transition:opacity .5s ease-out}.start-overlay.hidden{opacity:0;pointer-events:none}.start-content{text-align:center;color:#fff;top:25%;position:relative}.start-content h2{font-size:clamp(2rem,6vw,3rem);font-weight:300;margin-bottom:1rem;letter-spacing:.1em}.start-content p{font-size:clamp(1rem,3vw,1.25rem);font-weight:300;margin-bottom:2rem;opacity:.8}.start-button{border:none;color:#000;padding:1rem 2.5rem;font-size:1.125rem;font-weight:500;border-radius:50px;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.start-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.start-button:active{transform:translateY(0)}.start-button svg{width:20px;height:20px}