@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;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}#vr-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;overscroll-behavior:none}#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:90px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:100;opacity:0;transition:opacity 1s ease 2s;background:#0a1423d9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(79,195,247,.4);border-radius:12px;padding:14px 18px;box-shadow:0 8px 32px #0009,0 0 20px #0088d133}#desktop-hint.visible{opacity:1}.hint-row{display:flex;align-items:center;gap:10px;font-size:.82rem;color:#e0f2fe;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.8)}.hint-vr{color:#ffb74d;font-weight:600}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:24px;background:#4fc3f738;border:1px solid rgba(79,195,247,.55);border-radius:6px;padding:0 7px;font-family:var(--font);font-size:.75rem;font-weight:700;color:#fff;box-shadow:0 2px 4px #0006}#VRButton{position:fixed!important;bottom:24px!important;left:50%!important;transform:translate(-50%)!important;padding:14px 38px!important;background:linear-gradient(135deg,#0a4a8a,#0288d1)!important;color:#fff!important;border:1px solid rgba(79,195,247,.6)!important;border-radius:50px!important;font-family:var(--font)!important;font-size:.95rem!important;font-weight:700!important;cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important;user-select:none!important;-webkit-user-select:none!important;z-index:10000000!important;letter-spacing:.8px!important;box-shadow:0 0 30px #0288d180,0 4px 20px #0006!important;transition:all .3s ease!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1.3!important;height:auto!important;min-height:50px!important;min-width:220px!important;box-sizing:border-box!important;animation:vrButtonPulse 2.5s infinite ease-in-out!important}@keyframes vrButtonPulse{0%,to{box-shadow:0 0 25px #0288d180,0 4px 20px #0006;transform:translate(-50%) scale(1)}50%{box-shadow:0 0 45px #00d2ffd9,0 6px 25px #00000080;transform:translate(-50%) scale(1.03)}}#VRButton.hidden{display:none!important}#VRButton:hover,#VRButton:active{transform:translate(-50%) scale(1.05)!important;box-shadow:0 0 50px #00d2ffe6,0 4px 25px #00000080!important}#frozen-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a1423e0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:999999;opacity:0;pointer-events:none;transition:opacity .5s ease}#frozen-overlay.active{opacity:1;pointer-events:auto}.frozen-card{background:#0f1e37f2;border:2px solid rgba(79,195,247,.6);border-radius:20px;padding:40px 60px;text-align:center;color:#fff;box-shadow:0 0 60px #0088d180;animation:pulseFreeze 2s infinite ease-in-out}.frozen-icon{font-size:4rem;margin-bottom:10px}.frozen-card h2{font-size:2rem;color:#4fc3f7;margin:0 0 10px}.frozen-card p{font-size:1.1rem;color:#b0bec5;margin:0}@keyframes pulseFreeze{0%,to{transform:scale(1);box-shadow:0 0 60px #0088d180}50%{transform:scale(1.02);box-shadow:0 0 80px #00e5ffb3}}.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:flex-start;justify-content:center;overflow-y:auto;z-index:2000;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);padding:25px 15px}#subject-menu.hidden{opacity:0;transform:scale(1.05);pointer-events:none}.menu-content{text-align:center;max-width:1280px;width:95%;padding:10px;margin:auto}.menu-content h1{font-size:2.2rem;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:4px}.cards-container{display:flex;gap:16px;justify-content:center;margin-top:20px;flex-wrap:wrap}.subject-card{position:relative;background:#0418258c;border:1px solid var(--border);border-radius:20px;padding:22px 18px;width:260px;-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(-8px);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}.glow-quimica-v2{background:radial-gradient(circle at 50% 0%,rgba(0,240,255,.25),rgba(255,0,127,.15),transparent 70%)}.subject-card.card-quimica-v2{border:1px solid rgba(0,240,255,.3);box-shadow:0 0 15px #00f0ff26}.subject-card.card-quimica-v2:hover{border-color:#00f0ffcc;box-shadow:0 0 25px #00f0ff66,0 0 10px #ff007f4d}.btn-quimica-v2{background:linear-gradient(135deg,#08c,#ff007f)!important;box-shadow:0 4px 15px #00f0ff66!important}.subject-card.active:hover .btn-quimica-v2{background:linear-gradient(135deg,#00f0ff,#ff00ab)!important;box-shadow:0 6px 20px #00f0ffb3!important}.subject-card.active:hover .card-glow{opacity:1}.card-icon{font-size:2.8rem;margin-bottom:10px;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.35rem;font-weight:600;color:var(--white);margin-bottom:6px}.subject-card p{font-size:.82rem;color:#7ab3d5;margin-bottom:18px;min-height:38px;text-align:center;line-height:1.35}.btn-start{width:100%;padding:10px 18px;border-radius:50px;border:none;background:linear-gradient(135deg,#0a4a8a,#0288d1);color:var(--white);font-family:var(--font);font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #0288d14d;transition:all .3s ease;margin-top:auto}.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)}.card-math{border-color:#76ff0340!important}.card-math:hover{border-color:#76ff03!important;box-shadow:0 15px 40px #76ff0340!important}.glow-math{background:radial-gradient(circle at 50% 0%,rgba(118,255,3,.18),transparent 70%)!important}.btn-math{background:linear-gradient(135deg,#33691e,#64dd17)!important;box-shadow:0 4px 15px #76ff0359!important}.card-math.active:hover .btn-math{background:linear-gradient(135deg,#64dd17,#76ff03)!important;box-shadow:0 6px 20px #76ff0399!important}#math-panel{position:fixed;top:20px;left:50%;transform:translate(-50%);display:none;flex-direction:column;align-items:center;gap:10px;background:#0a1804d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(118,255,3,.25);border-radius:22px;padding:18px 28px;z-index:100;box-shadow:0 0 30px #76ff0333,inset 0 1px #ffffff0a;transition:all .5s ease;max-width:520px;width:92%;text-align:center}.math-header{display:flex;align-items:center;gap:10px}.math-emoji{font-size:1.8rem;animation:pulse-emoji 2.5s ease-in-out infinite}.math-badge{font-size:1.25rem;font-weight:700;color:#76ff03;letter-spacing:.5px;text-shadow:0 0 12px rgba(118,255,3,.5)}.math-info-block{display:flex;flex-direction:column;gap:4px}.math-desc{font-size:.9rem;color:#c5e1a5;line-height:1.4;opacity:.9}#math-hint{position:fixed;bottom:100px;right:24px;display:none;flex-direction:column;gap:6px;z-index:100}#math-hint.visible{display:flex}.card-sharks{border-color:#00b8d44d!important}.glow-sharks{background:radial-gradient(circle,rgba(0,184,212,.4) 0%,rgba(2,136,209,.1) 70%,transparent 100%)!important}.btn-sharks{background:linear-gradient(135deg,#00838f,#00b8d4)!important;box-shadow:0 4px 15px #00b8d44d!important}.btn-sharks:hover{background:linear-gradient(135deg,#00b8d4,#00e5ff)!important;box-shadow:0 6px 20px #00e5ff80!important}#sharks-panel{position:fixed;top:24px;left:50%;transform:translate(-50%);display:none;flex-direction:column;align-items:center;gap:12px;background:#021a2ce0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(0,229,255,.3);border-radius:22px;padding:18px 28px;z-index:100;box-shadow:0 0 30px #00e5ff40,inset 0 1px #ffffff0f;transition:all .5s ease;max-width:540px;width:92%;text-align:center}#sharks-panel.visible{display:flex}.sharks-header{display:flex;align-items:center;gap:10px}.sharks-emoji{font-size:1.8rem;animation:pulse-emoji 2.5s ease-in-out infinite}.sharks-badge{font-size:1.25rem;font-weight:700;color:#00e5ff;letter-spacing:.5px;text-shadow:0 0 12px rgba(0,229,255,.5)}.sharks-info-block{display:flex;flex-direction:column;gap:4px}.sharks-desc{font-size:.9rem;color:#80deea;line-height:1.4;opacity:.9}.sharks-controls{display:flex;gap:10px;margin-top:5px}.sharks-btn{background:linear-gradient(135deg,#006064,#00838f);color:#fff;border:1px solid rgba(0,229,255,.4);border-radius:12px;padding:8px 16px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 2px 8px #0000004d}.sharks-btn:hover{background:linear-gradient(135deg,#00838f,#00b8d4);box-shadow:0 0 12px #00e5ff80;transform:translateY(-1px)}#sharks-hint{position:fixed;bottom:100px;right:24px;display:none;flex-direction:column;gap:6px;z-index:100}#sharks-hint.visible{display:flex}#student-quiz-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#020a15bf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:99990;display:none;align-items:center;justify-content:center;animation:fadeInQuiz .3s cubic-bezier(.16,1,.3,1)}#student-quiz-modal.active{display:flex}@keyframes fadeInQuiz{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.student-quiz-card{width:90%;max-width:540px;background:linear-gradient(145deg,#081c30f2,#04101efa);border:1px solid rgba(79,195,247,.3);border-radius:24px;padding:32px;box-shadow:0 20px 50px #0009,0 0 30px #00bcd433;text-align:center}.quiz-badge{display:inline-block;background:#ffb30026;border:1px solid rgba(255,179,0,.4);color:#ffca28;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.student-quiz-card h3{font-size:1.35rem;color:#fff;margin-bottom:24px;line-height:1.4;font-weight:600}.student-quiz-options{display:flex;flex-direction:column;gap:12px}.student-quiz-opt-btn{width:100%;padding:14px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#e3f2fd;font-family:inherit;font-size:1rem;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px}.student-quiz-opt-btn:hover{background:#0288d140;border-color:#29b6f699;transform:translate(4px);color:#fff}.student-quiz-opt-btn.selected{background:linear-gradient(135deg,#0288d1,#00acc1);border-color:#4fc3f7;color:#fff;box-shadow:0 4px 15px #0288d166}.student-quiz-opt-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.student-quiz-status{margin-top:18px;font-size:.95rem;font-weight:600;color:#81c784;min-height:24px}#btn-toggle-info-hud{position:fixed;bottom:20px;right:20px;z-index:10000;background:#041825d9;color:#00bcd4;border:1px solid rgba(0,188,212,.4);padding:10px 18px;border-radius:30px;font-weight:700;font-size:.9rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0006;display:flex;align-items:center;gap:8px;transition:all .25s ease}#btn-toggle-info-hud:active{transform:scale(.95)}@media (max-width: 1024px),(pointer: coarse){#desktop-hint,#science-hint,#tectonica-hint,#fisica-hint,#math-hint,#sharks-hint{display:none!important}#info-panel,#science-panel,#fisica-panel,#tectonica-panel,#math-panel,#sharks-panel{max-width:90vw!important;font-size:.85rem!important;padding:12px 16px!important;top:15px!important;left:50%!important;transform:translate(-50%)!important;transition:all .3s ease-in-out!important}.hud-panel-hidden{opacity:0!important;pointer-events:none!important;transform:translate(-50%,-20px)!important}}