@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--blue-deep: #020a15;--blue-dark: #041825;--blue-mid: #0a2a44;--blue-accent: #0288d1;--blue-light: #29b6f6;--blue-pale: #4fc3f7;--cyan: #00bcd4;--ice: #b3e5fc;--white: #e8f4f8;--gold: #ffd54f;--red-O: #ef5350;--white-H: #e3f2fd;--font: "Outfit", system-ui, sans-serif;--radius: 16px;--glass: rgba(4, 24, 37, .75);--border: rgba(79, 195, 247, .18);--shadow-glow: 0 0 30px rgba(0, 188, 212, .25)}html,body{width:100%;height:100%;background:var(--blue-deep);font-family:var(--font);color:var(--white);overflow:hidden}#vr-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 60%,#041835,#020a15 60%,#010610);display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity 1s ease}.loading-bg-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.loading-content{position:relative;text-align:center;max-width:480px;padding:48px 40px;background:#04182599;border:1px solid var(--border);border-radius:28px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-glow),inset 0 1px #ffffff0d}.molecule-logo{position:relative;width:110px;height:110px;margin:0 auto 32px;animation:spin-slow 8s linear infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.atom{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:14px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.atom-o{width:52px;height:52px;background:radial-gradient(circle at 35% 30%,#ff6b6b,#c0392b);box-shadow:0 0 20px #ef535099,0 0 40px #ef535033;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;color:#fff}.atom-h1{width:34px;height:34px;background:radial-gradient(circle at 35% 30%,#e3f2fd,#90caf9);box-shadow:0 0 14px #90caf9b3;top:5px;left:50%;transform:translate(-60px);color:#1565c0}.atom-h2{width:34px;height:34px;background:radial-gradient(circle at 35% 30%,#e3f2fd,#90caf9);box-shadow:0 0 14px #90caf9b3;top:5px;left:50%;transform:translate(26px);color:#1565c0}.bond{position:absolute;height:2px;background:linear-gradient(90deg,var(--cyan),transparent);transform-origin:left center;top:50%;left:50%;opacity:.6}.bond-1{width:38px;transform:rotate(-55deg) translateY(-1px) translate(-38px)}.bond-2{width:38px;transform:rotate(55deg) translateY(-1px)}.loading-content h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--ice),var(--cyan),var(--blue-pale));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px;margin-bottom:8px}.subtitle{font-size:.95rem;color:#4a7fa5;font-weight:300;margin-bottom:16px}.school-badge{display:inline-block;font-size:.8rem;font-weight:500;color:var(--blue-light);background:#0288d11f;border:1px solid rgba(2,136,209,.25);border-radius:50px;padding:4px 14px;margin-bottom:32px;letter-spacing:.5px}.loading-bar-wrap{display:flex;align-items:center;gap:12px;margin-bottom:12px}.loading-bar{flex:1;height:4px;background:#4fc3f71a;border-radius:2px;overflow:hidden}.loading-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--cyan),var(--blue-pale),var(--cyan));background-size:200% 100%;border-radius:2px;animation:shimmer 2s linear infinite;transition:width .4s ease}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}.loading-pct{font-size:.8rem;font-weight:600;color:var(--cyan);min-width:36px;text-align:right}.loading-text{font-size:.82rem;color:#2a5a78;font-weight:300;min-height:18px}#info-panel{position:fixed;top:20px;left:50%;transform:translate(-50%);display:none;align-items:center;gap:20px;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:50px;padding:10px 20px 10px 14px;z-index:100;box-shadow:var(--shadow-glow);transition:all .5s ease}.info-left{display:flex;align-items:center;gap:8px}.state-emoji{font-size:1.3rem;animation:pulse-emoji 2s ease-in-out infinite}@keyframes pulse-emoji{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.state-badge{font-size:.9rem;font-weight:600;color:var(--blue-pale);letter-spacing:.3px;transition:color .5s ease}.temp-block{text-align:center}.temp-display{font-size:1.4rem;font-weight:700;color:var(--white);letter-spacing:-.5px;line-height:1;transition:color .5s ease}.temp-label{font-size:.65rem;color:#4a7fa5;font-weight:400;text-transform:uppercase;letter-spacing:1px}#desktop-hint{position:fixed;bottom:100px;right:24px;display:flex;flex-direction:column;gap:6px;z-index:100;opacity:0;transition:opacity 1s ease 2s}#desktop-hint.visible{opacity:1}.hint-row{display:flex;align-items:center;gap:8px;font-size:.78rem;color:#4fc3f78c;font-weight:300}.hint-vr{color:#ffd54f99}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:22px;background:#4fc3f714;border:1px solid rgba(79,195,247,.2);border-radius:5px;padding:0 6px;font-family:var(--font);font-size:.72rem;font-weight:600;color:var(--blue-pale)}#VRButton{position:fixed!important;bottom:24px!important;left:50%!important;transform:translate(-50%)!important;padding:14px 36px!important;background:linear-gradient(135deg,#0a4a8a,#0288d1)!important;color:#e8f4f8!important;border:1px solid rgba(79,195,247,.3)!important;border-radius:50px!important;font-family:var(--font)!important;font-size:1rem!important;font-weight:600!important;cursor:pointer!important;z-index:999!important;letter-spacing:.5px!important;box-shadow:0 0 30px #0288d166,0 4px 20px #0006!important;transition:all .3s ease!important;white-space:nowrap!important}#VRButton:hover{transform:translate(-50%) scale(1.04)!important;box-shadow:0 0 50px #00bcd499,0 4px 20px #0006!important}.state-notification{position:fixed;top:80px;left:50%;transform:translate(-50%) translateY(-30px);background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);padding:12px 24px;font-size:.9rem;font-weight:500;color:var(--white);z-index:2500;pointer-events:none;opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.state-notification.show{opacity:1;transform:translate(-50%) translateY(0)}#subject-menu{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,#041835,#020a15 80%,#010610);display:flex;align-items:center;justify-content:center;z-index:2000;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}#subject-menu.hidden{opacity:0;transform:scale(1.05);pointer-events:none}.menu-content{text-align:center;max-width:900px;width:90%;padding:40px}.menu-content h1{font-size:2.8rem;font-weight:700;background:linear-gradient(135deg,var(--white),var(--blue-pale),var(--cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.cards-container{display:flex;gap:30px;justify-content:center;margin-top:40px;flex-wrap:wrap}.subject-card{position:relative;background:#04182580;border:1px solid var(--border);border-radius:24px;padding:40px 30px;width:320px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 30px #00000080;transition:all .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden;display:flex;flex-direction:column;align-items:center}.subject-card.active:hover{transform:translateY(-10px);border-color:var(--cyan);box-shadow:0 15px 40px #00bcd440}.subject-card.disabled{opacity:.6;cursor:not-allowed}.card-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(0,188,212,.15),transparent 70%);opacity:0;transition:opacity .4s ease}.subject-card.active:hover .card-glow{opacity:1}.card-icon{font-size:4rem;margin-bottom:20px;filter:drop-shadow(0 0 15px rgba(0,188,212,.3));transition:transform .4s ease}.subject-card.active:hover .card-icon{transform:scale(1.1) rotate(5deg)}.subject-card h2{font-size:1.6rem;font-weight:600;color:var(--white);margin-bottom:10px}.subject-card p{font-size:.9rem;color:#7ab3d5;margin-bottom:30px;min-height:40px;text-align:center}.btn-start{width:100%;padding:12px 24px;border-radius:50px;border:none;background:linear-gradient(135deg,#0a4a8a,#0288d1);color:var(--white);font-family:var(--font);font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #0288d14d;transition:all .3s ease}.subject-card.active:hover .btn-start{background:linear-gradient(135deg,var(--cyan) 0%,var(--blue-pale) 100%);box-shadow:0 6px 20px #00bcd480}.btn-start.disabled{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffff4d;box-shadow:none;cursor:not-allowed}#science-panel{position:fixed;top:20px;left:50%;transform:translate(-50%);display:none;flex-direction:column;align-items:center;gap:8px;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:20px;padding:16px 28px;z-index:100;box-shadow:var(--shadow-glow);transition:all .5s ease;max-width:500px;width:90%;text-align:center}.science-header{display:flex;align-items:center;gap:10px}.science-emoji{font-size:1.6rem;animation:pulse-emoji 2.5s ease-in-out infinite}.science-badge{font-size:1.2rem;font-weight:700;color:var(--cyan);letter-spacing:.5px}.planet-info-block{display:flex;flex-direction:column;gap:4px}.planet-type{font-size:.75rem;color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.planet-desc{font-size:.9rem;color:var(--white);line-height:1.4;opacity:.9}#science-hint{position:fixed;bottom:100px;right:24px;display:none;flex-direction:column;gap:6px;z-index:100}#science-hint.visible{display:flex}#btn-back-menu{position:fixed;top:24px;left:24px;z-index:150;display:none;align-items:center;gap:8px;padding:10px 20px;background:#04182599;border:1px solid var(--border);border-radius:50px;color:var(--white);font-family:var(--font);font-size:.85rem;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 15px #0000004d;transition:all .3s ease}#btn-back-menu:hover{background:linear-gradient(135deg,#0a4a8a,#0288d1);border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 4px 20px #00bcd466}#tectonica-panel{position:fixed;top:20px;left:50%;transform:translate(-50%);display:none;flex-direction:column;align-items:center;gap:10px;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:20px;padding:18px 28px;z-index:100;box-shadow:var(--shadow-glow);transition:all .5s ease;max-width:520px;width:90%;text-align:center}.tectonica-header{display:flex;align-items:center;gap:10px}.tectonica-emoji{font-size:1.6rem;animation:pulse-emoji 2.5s ease-in-out infinite}.tectonica-badge{font-size:1.25rem;font-weight:700;color:#f73;letter-spacing:.5px;text-shadow:0 0 10px rgba(255,119,51,.3)}.tectonica-info-block{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.tectonica-desc{font-size:.92rem;color:var(--white);line-height:1.45;opacity:.9}.tectonica-controls{width:100%;margin-top:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px}.control-row-hud{display:flex;flex-direction:column;gap:6px;width:100%;padding:6px 0;text-align:left}.hud-label-wrap{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#c9d8e5;font-weight:500}.hud-icon{font-size:.9rem}.hud-bar{width:100%;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;margin-top:2px}.hud-fill{height:100%;width:0%;border-radius:3px;transition:width .1s ease;box-shadow:0 0 10px currentColor}.bar-blue{background:#00bcd4;color:#00bcd499}.bar-yellow{background:#ffd54f;color:#ffd54f99}.bar-red{background:#ef5350;color:#ef535099}.control-row-hud input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff0d;height:4px;border-radius:2px;outline:none;margin-top:4px}.control-row-hud input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 6px #fffc;transition:transform .1s ease}.control-row-hud input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.3)}#tectonica-hint{position:fixed;bottom:100px;right:24px;display:none;flex-direction:column;gap:6px;z-index:100}#tectonica-hint.visible{display:flex}.screen-quake{animation:quake .08s ease-in-out infinite}@keyframes quake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-2px,2px) rotate(-.2deg)}50%{transform:translate(2px,-2px) rotate(.2deg)}75%{transform:translate(-1px,-1px) rotate(-.1deg)}}.card-fisica{border-color:#aa44ff40!important}.card-fisica:hover{border-color:#a4f!important;box-shadow:0 15px 40px #aa44ff40!important}.glow-fisica{background:radial-gradient(circle at 50% 0%,rgba(170,68,255,.18),transparent 70%)!important}.btn-fisica{background:linear-gradient(135deg,#50c,#a4f)!important;box-shadow:0 4px 15px #aa44ff59!important}.card-fisica.active:hover .btn-fisica{background:linear-gradient(135deg,#a4f,#c8f)!important;box-shadow:0 6px 20px #a4f9!important}#fisica-panel{position:fixed;top:20px;left:50%;transform:translate(-50%);display:none;flex-direction:column;align-items:center;gap:10px;background:#0a0418d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(170,68,255,.25);border-radius:22px;padding:18px 28px;z-index:100;box-shadow:0 0 30px #a4f3,inset 0 1px #ffffff0a;transition:all .5s ease;max-width:520px;width:92%;text-align:center}.fisica-header{display:flex;align-items:center;gap:10px}.fisica-emoji{font-size:1.8rem;animation:pulse-emoji 2.5s ease-in-out infinite}.fisica-badge{font-size:1.25rem;font-weight:700;color:#c8f;letter-spacing:.5px;text-shadow:0 0 12px rgba(170,68,255,.5)}.grav-value-block{text-align:center}.grav-value{font-size:1.7rem;font-weight:700;color:#fff;letter-spacing:-.5px;line-height:1;text-shadow:0 0 20px rgba(170,68,255,.6);transition:color .5s ease,text-shadow .5s ease}.grav-label{font-size:.65rem;color:#84b;font-weight:400;text-transform:uppercase;letter-spacing:1.2px;margin-top:2px}.grav-buttons{display:flex;gap:10px;align-items:center;padding:4px 0}.grav-btn{width:46px;height:46px;border-radius:50%;border:1px solid rgba(170,68,255,.3);background:#50008c4d;color:#fff;font-size:1.3rem;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.grav-btn:hover{transform:scale(1.15);border-color:#c8f;box-shadow:0 0 16px #a4f9;background:#7814c880}.grav-btn.active{border-color:#c8f;background:#aa44ff59;box-shadow:0 0 20px #aa44ffb3,inset 0 0 10px #a4f3;transform:scale(1.12)}.grav-btn.active:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid rgba(204,136,255,.6);animation:grav-pulse 2s ease-in-out infinite}@keyframes grav-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.grav-desc{font-size:.88rem;color:#c4a8e8;line-height:1.45;opacity:.9;max-width:400px;text-align:center;padding-top:4px;border-top:1px solid rgba(170,68,255,.12)}#fisica-hint{position:fixed;bottom:100px;right:24px;display:none;flex-direction:column;gap:6px;z-index:100}#fisica-hint.visible{display:flex}.grav-notification{position:fixed;top:80px;left:50%;transform:translate(-50%) translateY(-30px);background:#0a0418e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(170,68,255,.35);border-radius:var(--radius);padding:12px 24px;font-size:.95rem;font-weight:600;color:#c8f;z-index:2500;pointer-events:none;opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);text-align:center;text-shadow:0 0 12px rgba(170,68,255,.5)}.grav-notification.show{opacity:1;transform:translate(-50%) translateY(0)}