*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#000;font-family:Georgia,serif}.app-container{position:relative;width:100vw;height:100vh;background:#000}.canvas-container{position:absolute;inset:0;width:100%;height:100%}.tour-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:80px;pointer-events:none;z-index:10}.tour-content{pointer-events:all;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:640px;width:100%;padding:0 24px}.tour-title{font-size:clamp(1.8rem,4vw,3rem);font-weight:400;color:#fff;text-align:center;text-shadow:0 0 20px rgba(150,100,255,.8),0 0 40px rgba(100,50,200,.5),0 0 80px rgba(80,20,180,.3);letter-spacing:.05em}.tour-description{font-size:clamp(.9rem,1.8vw,1.1rem);color:#c8b4ffd9;text-align:center;line-height:1.7;text-shadow:0 0 10px rgba(150,100,255,.4);font-style:italic}.tour-hint{font-size:.75rem;color:#9682c880;text-align:center;letter-spacing:.1em;text-transform:uppercase}.continue-btn{margin-top:8px;padding:12px 40px;background:transparent;border:1px solid rgba(150,100,255,.6);border-radius:40px;color:#c8b4ffe6;font-size:.95rem;font-family:Georgia,serif;letter-spacing:.15em;cursor:pointer;transition:all .3s ease;text-transform:uppercase;box-shadow:0 0 15px #6432c84d,inset 0 0 15px #6432c81a}.continue-btn:hover{background:#6432c833;border-color:#b482ffe6;color:#fff;box-shadow:0 0 30px #9650ff80,inset 0 0 20px #6432c833;transform:scale(1.03)}.continue-btn:active{transform:scale(.98)}.step-indicator{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:center;pointer-events:all;z-index:11}.step-dot{width:8px;height:8px;border-radius:50%;background:#9664ff4d;border:1px solid rgba(150,100,255,.5);cursor:pointer;transition:all .4s ease}.step-dot.active{width:24px;border-radius:4px;background:#b482ffe6;box-shadow:0 0 10px #9650ffb3}.step-dot:hover:not(.active){background:#9664ff99;box-shadow:0 0 8px #6432c880}.stop-badge{position:absolute;top:24px;left:24px;font-size:.7rem;color:#9664ff99;letter-spacing:.2em;text-transform:uppercase;pointer-events:none;z-index:10}.loading-screen{position:fixed;inset:0;background:#000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;z-index:100}.loading-text{color:#9664ffcc;font-size:1.1rem;letter-spacing:.3em;text-transform:uppercase;animation:pulse 2s ease-in-out infinite}.loading-orb{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,rgba(150,80,255,.8),transparent 70%);animation:orbPulse 1.5s ease-in-out infinite;box-shadow:0 0 30px #7832dc99}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes orbPulse{0%,to{transform:scale(.8);opacity:.6}50%{transform:scale(1.2);opacity:1}}.transition-overlay{position:absolute;inset:0;background:#000;pointer-events:none;z-index:20}