@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap";:root{font-family:Orbitron,Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;overflow:hidden;width:100vw;height:100vh}#app{width:100%;height:100%;position:relative}canvas{display:block;width:100%;height:100%}#ui{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:15px;align-items:center;max-width:90%}.control-btn{padding:15px 30px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003;min-width:200px;text-transform:uppercase;letter-spacing:1px}.control-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.control-btn:active{transform:translateY(0)}.control-btn.active{background:linear-gradient(135deg,#f093fb,#f5576c);animation:pulse 2s infinite}.ar-btn{background:linear-gradient(135deg,#4facfe,#00f2fe)}@keyframes pulse{0%,to{box-shadow:0 4px 15px #0003}50%{box-shadow:0 4px 25px #f5576c80}}.info-message{background:#ffffff1a;padding:10px 20px;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:14px;text-align:center}.info{background:#000c;padding:20px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;max-width:400px;margin-top:10px}.info h3{margin-bottom:10px;color:#667eea;font-size:18px}.info ul{list-style:none;padding:0}.info li{margin:8px 0;padding-left:20px;position:relative;font-size:14px;line-height:1.6}.info li:before{content:"→";position:absolute;left:0;color:#667eea;font-weight:700}.info strong{color:#4facfe}@media (max-width: 768px){#ui{top:10px}.control-btn{padding:12px 24px;font-size:14px;min-width:160px}.info{font-size:12px;padding:15px}.info h3{font-size:16px}.info li{font-size:12px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}#ui>*{animation:fadeIn .5s ease-out}.start-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/background.jpg);background-size:cover;background-position:end;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:1;transition:opacity .5s ease}.start-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#000000b3,#00000080,#000c);z-index:1}.start-screen.fade-out{opacity:0;pointer-events:none}.start-content{position:relative;z-index:2;text-align:center;animation:slideUp 1s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.start-title{font-family:Orbitron,sans-serif;font-size:clamp(3rem,10vw,6rem);font-weight:900;color:#fff;letter-spacing:.1em;margin-top:-2.6em;margin-bottom:1rem;text-transform:uppercase;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:glow 3s ease-in-out infinite alternate}@keyframes glow{0%{filter:drop-shadow(0 0 20px rgba(255,255,255,.3))}to{filter:drop-shadow(0 0 40px rgba(255,255,255,.6))}}.start-subtitle{font-family:Orbitron,sans-serif;font-size:clamp(.9rem,2vw,1.2rem);font-weight:400;color:#888;letter-spacing:.3em;text-transform:uppercase;margin-bottom:3rem;opacity:0;animation:fadeInUp 1s ease-out .3s forwards}@keyframes fadeInUp{to{opacity:1}}.start-button{font-family:Orbitron,sans-serif;padding:1.2rem 3rem;font-size:1.1rem;font-weight:700;color:#000;background:#fff;border:2px solid #ffffff;border-radius:50px;cursor:pointer;transition:all .3s ease;letter-spacing:.15em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.8rem;opacity:0;animation:fadeInUp 1s ease-out .6s forwards;position:relative;overflow:hidden}.start-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.start-button:hover:before{left:100%}.start-button:hover{background:#000;color:#fff;border-color:#fff;transform:translateY(-3px);box-shadow:0 10px 30px #ffffff4d}.start-button:active{transform:translateY(-1px)}.start-button svg{transition:transform .3s ease}.start-button:hover svg{transform:translate(5px)}@media (max-width: 768px){.start-title{font-size:clamp(2rem,12vw,4rem)}.start-subtitle{font-size:clamp(.7rem,3vw,1rem);letter-spacing:.2em;margin-bottom:2rem}.start-button{padding:1rem 2rem;font-size:.9rem}}.exit-button{position:fixed;top:20px;right:20px;z-index:999;font-family:Orbitron,sans-serif;padding:.8rem 1.5rem;font-size:.9rem;font-weight:700;color:#fff;background:#000000b3;border:2px solid rgba(255,255,255,.3);border-radius:50px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-flex;align-items:center;gap:.6rem;letter-spacing:.15em;text-transform:uppercase;transition:all .3s ease;opacity:0;animation:slideInRight .5s ease-out .3s forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.exit-button:hover{background:#ffffff1a;border-color:#fffc;transform:translateY(-2px);box-shadow:0 5px 20px #fff3}.exit-button:active{transform:translateY(0)}.exit-button.fade-out{opacity:0;transform:translate(20px);pointer-events:none}.exit-button svg{width:20px;height:20px;transition:transform .3s ease}.exit-button:hover svg{transform:rotate(90deg)}@media (max-width: 768px){.exit-button{top:15px;right:15px;padding:.7rem 1.2rem;font-size:.8rem}.exit-button svg{width:18px;height:18px}}