@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&family=Quicksand:wght@500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.welcome{background:radial-gradient(80% 60% at 20% 15%,#c77dff1f 0%,#0000 55%),radial-gradient(60% 80% at 80% 85%,#4cc9f01a 0%,#0000 55%),radial-gradient(#0d0d2b 0%,#05050f 100%);justify-content:center;align-items:center;min-height:100vh;font-family:Nunito,sans-serif;display:flex;position:relative;overflow:hidden}.w-nebula{filter:blur(100px);pointer-events:none;border-radius:50%;animation:18s ease-in-out infinite alternate nebula-float;position:absolute}.w-nebula-1{background:radial-gradient(#c77dff1f,#0000 70%);width:500px;height:400px;top:-100px;left:-80px}.w-nebula-2{background:radial-gradient(#4cc9f01a,#0000 70%);width:450px;height:450px;animation-duration:22s;animation-direction:alternate-reverse;bottom:-120px;right:-80px}.w-nebula-3{background:radial-gradient(#ffd60a0f,#0000 70%);width:300px;height:250px;animation-duration:28s;top:50%;left:60%}@keyframes nebula-float{0%{transform:translate(0)scale(1)}to{transform:translate(20px,15px)scale(1.06)}}.w-stars{pointer-events:none;background-image:radial-gradient(1px 1px at 5% 8%,#ffffffe6,#0000),radial-gradient(1px 1px at 12% 32%,#ffffffb3,#0000),radial-gradient(2px 2px at 18% 60%,#fffc,#0000),radial-gradient(1px 1px at 23% 85%,#fff9,#0000),radial-gradient(1px 1px at 31% 5%,#fffc,#0000),radial-gradient(2px 2px at 38% 48%,#ffffffb3,#0000),radial-gradient(1px 1px at 44% 72%,#ffffffe6,#0000),radial-gradient(1px 1px at 52% 18%,#fff9,#0000),radial-gradient(2px 2px at 60% 90%,#fffc,#0000),radial-gradient(1px 1px at 67% 38%,#ffffffb3,#0000),radial-gradient(1px 1px at 74% 65%,#ffffffe6,#0000),radial-gradient(2px 2px at 80% 12%,#fff9,#0000),radial-gradient(1px 1px at 88%,#fffc,#0000),radial-gradient(1px 1px at 93% 78%,#ffffffb3,#0000),radial-gradient(2px 2px at 97% 22%,#ffffffe6,#0000);background-size:100% 100%;animation:5s ease-in-out infinite alternate stars-twinkle;position:absolute;inset:0}@keyframes stars-twinkle{0%{opacity:.5}to{opacity:1}}.welcome-content{text-align:center;z-index:1;flex-direction:column;align-items:center;padding:2rem;display:flex}.orbi-mascot{filter:drop-shadow(0 0 20px #c864ff99)drop-shadow(0 0 40px #c77dff4d);margin-bottom:.5rem;animation:4s ease-in-out infinite mascot-float;display:block}@keyframes mascot-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-18px)rotate(2deg)}}.welcome-title{color:#fff;text-shadow:0 0 40px #ffffff26;margin-bottom:2rem;font-family:Nunito,sans-serif;font-size:3rem;font-weight:900}.welcome-title span{color:#f9c74f;text-shadow:0 0 20px #f9c74f80}.welcome-card{-webkit-backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:28px;flex-direction:column;align-items:center;gap:1.5rem;width:90vw;min-width:300px;max-width:400px;padding:2.5rem;animation:.45s cubic-bezier(.34,1.56,.64,1) card-in;display:flex;box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff0a}@keyframes card-in{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.welcome-card p{color:#ffffffd9;font-family:Nunito,sans-serif;font-size:1.3rem;font-weight:700}.name-input{color:#fff;text-align:center;background:#ffffff14;border:2px solid #f9c74f59;border-radius:18px;outline:none;width:100%;padding:1rem 1.5rem;font-family:Nunito,sans-serif;font-size:1.2rem;font-weight:700;transition:border-color .3s,box-shadow .3s}.name-input:focus{border-color:#f9c74f;box-shadow:0 0 20px #f9c74f40}.name-input::placeholder{color:#ffffff4d}.btn-primary{color:#05050f;cursor:pointer;background:linear-gradient(135deg,#f9c74f,#f77f00);border:none;border-radius:50px;width:100%;padding:1rem 2.5rem;font-family:Nunito,sans-serif;font-size:1.2rem;font-weight:900;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,filter .2s;box-shadow:0 6px 25px #f9c74f73}.btn-primary:hover:not(:disabled){filter:brightness(1.08);transform:scale(1.06);box-shadow:0 8px 35px #f9c74fa6}.btn-primary:active:not(:disabled){transition-duration:80ms;transform:scale(.95)}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.age-selector{flex-direction:column;gap:.7rem;width:100%;margin-top:.3rem;display:flex}.age-option{color:#fff;cursor:pointer;text-align:center;background:#ffffff12;border:2px solid #ffffff26;border-radius:50px;width:100%;padding:.9rem 1rem;font-family:Nunito,sans-serif;font-size:1.15rem;font-weight:900;transition:all .2s}.age-option:hover{background:#c77dff26;border-color:#c77dff;transform:translateY(-2px);box-shadow:0 6px 18px #c77dff40}.choice-buttons{flex-direction:column;gap:.8rem;width:100%;display:flex}.btn-choice{cursor:pointer;border-radius:50px;justify-content:center;align-items:center;width:100%;padding:1rem 1.5rem;font-family:Nunito,sans-serif;font-size:1.1rem;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,background .2s;display:flex}.btn-choice:active{transition-duration:80ms;transform:scale(.95)}.btn-choice.new-user{color:#05050f;background:linear-gradient(135deg,#f9c74f,#f77f00);border:none;font-weight:900;box-shadow:0 4px 20px #f9c74f66}.btn-choice.new-user:hover{filter:brightness(1.06);transform:scale(1.04);box-shadow:0 6px 28px #f9c74f99}.btn-choice.returning{color:#fff;background:0 0;border:2px solid #ffffff4d;font-weight:700}.btn-choice.returning:hover{background:#ffffff14;border-color:#ffffff80;transform:scale(1.02)}.age-grid{flex-wrap:wrap;justify-content:center;gap:.6rem;width:100%;margin-top:.3rem;display:flex}.age-btn{color:#fff;cursor:pointer;background:#f9c74f1a;border:2px solid #f9c74f66;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;font-family:Nunito,sans-serif;font-size:1.4rem;font-weight:900;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .2s,box-shadow .2s;display:flex}.age-btn:hover{background:#f9c74f40;border-color:#f9c74f;transform:scale(1.1);box-shadow:0 6px 20px #f9c74f66}.age-btn:active{transform:scale(.93)}.pin-dots{justify-content:center;gap:14px;margin:.6rem 0 .3rem;display:flex}.pin-dot{background:0 0;border:2px solid #c77dff8c;border-radius:50%;width:18px;height:18px;transition:background .15s,border-color .15s,transform .15s}.pin-dot.filled{background:#c77dff;border-color:#c77dff;transform:scale(1.15);box-shadow:0 0 10px #c77dff99}.pin-pad{flex-direction:column;gap:.5rem;width:100%;margin-top:.5rem;display:flex}.pin-row{justify-content:center;gap:.5rem;display:flex}.pin-key{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff12;border:1.5px solid #ffffff26;border-radius:16px;justify-content:center;align-items:center;width:72px;height:64px;font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:900;transition:transform .12s cubic-bezier(.34,1.56,.64,1),background .15s,border-color .15s;display:flex}.pin-key:hover{background:#c77dff33;border-color:#c77dff80;transform:scale(1.08)}.pin-key:active{background:#c77dff59;transform:scale(.92)}.pin-key.del{background:#f725851f;border-color:#f725854d;font-size:1.2rem}.pin-key.del:hover{background:#f7258540;border-color:#f725858c}.pin-key.empty{cursor:default;pointer-events:none;background:0 0;border:none}.pin-error-msg{color:#ff6b6b;text-align:center;margin:.3rem 0;font-size:.88rem;font-weight:700;animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.pin-reveal-title{text-align:center;color:#fff!important;margin-bottom:.2rem!important;font-size:1.1rem!important;font-weight:900!important}.pin-reveal{flex-direction:row;justify-content:center;align-items:center;gap:.5rem;width:100%;margin:.4rem 0;display:flex}.pin-digit-card{color:#f9c74f;background:#ffffff1a;border:2px solid #f9c74f;border-radius:12px;justify-content:center;align-items:center;width:56px;height:64px;font-family:Nunito,sans-serif;font-size:2rem;font-weight:900;display:flex;box-shadow:0 0 12px #f9c74f40}.pin-hint{text-align:center;color:#fff9!important;margin:0 0 .5rem!important;font-size:.8rem!important}.btn-back{color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:50px;margin-top:.3rem;padding:.5rem 1rem;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:700;transition:color .2s,border-color .2s}.btn-back:hover{color:#fff;border-color:#ffffff59}@media (width<=480px){.welcome-title{font-size:2.2rem}.welcome-card{padding:2rem 1.5rem}.welcome-card p{font-size:1.1rem}.pin-key{width:64px;height:58px;font-size:1.3rem}.age-btn{width:58px;height:58px;font-size:1.3rem}}.solar-container{background:radial-gradient(80% 60% at 15% 10%,#4cc9f012 0%,#0000 55%),radial-gradient(60% 80% at 85% 90%,#c77dff12 0%,#0000 55%),radial-gradient(50% 50%,#f7258508 0%,#0000 60%),radial-gradient(#0d0d2b 0%,#05050f 100%);min-height:100vh;padding:0;font-family:Nunito,sans-serif;position:relative;overflow:hidden}.starfield{pointer-events:none;z-index:0;will-change:transform;transition:transform .15s linear;position:fixed;inset:0}.star{animation-name:star-twinkle;animation-duration:var(--dur,3s);animation-timing-function:ease-in-out;animation-delay:var(--delay,0s);background:#fff;border-radius:50%;animation-iteration-count:infinite;position:absolute}@keyframes star-twinkle{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.1;transform:scale(.4)}}.nebula{filter:blur(90px);pointer-events:none;border-radius:50%;position:absolute}.nebula-1{background:radial-gradient(#4cc9f012,#0000 70%);width:700px;height:450px;animation:20s ease-in-out infinite alternate nebula-drift;top:-150px;left:-150px}.nebula-2{background:radial-gradient(#c77dff14,#0000 70%);width:600px;height:600px;animation:25s ease-in-out infinite alternate-reverse nebula-drift;bottom:-200px;right:-150px}.nebula-3{background:radial-gradient(#f725850d,#0000 70%);width:400px;height:300px;animation:30s ease-in-out infinite alternate nebula-drift;top:40%;left:25%}.nebula-4{background:radial-gradient(at 60% 40%,#c77dff26 0%,#4cc9f01a 45%,#0000 70%);width:500px;height:420px;animation:22s ease-in-out infinite alternate-reverse nebula-drift;top:-60px;right:-80px}@keyframes nebula-drift{0%{transform:translate(0)scale(1)}to{transform:translate(30px,20px)scale(1.08)}}.solar-header{z-index:10;-webkit-backdrop-filter:blur(20px);background:#08041cbf;border-bottom:1px solid #c77dff26;justify-content:space-between;align-items:center;padding:.75rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 4px 32px #00000059}.orbi-logo{align-items:center;gap:.5rem;text-decoration:none;display:flex}.orbi-logo-icon{filter:drop-shadow(0 0 10px #c77dff8c);align-items:center;animation:3.8s ease-in-out infinite logo-float;display:flex}.orbi-logo-icon img{width:auto;max-height:40px;display:block}@keyframes logo-float{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-7px)rotate(3deg)}}.orbi-logo-text{color:#f9c74f;text-shadow:0 0 18px #f9c74fa6;letter-spacing:.5px;font-size:1.5rem;font-weight:900}.child-greeting{color:#fff;text-shadow:0 0 20px #fff3;letter-spacing:.2px;align-items:center;gap:10px;font-size:1.3rem;font-weight:900;display:flex}.greeting-name{color:#f9c74f;text-shadow:0 0 16px #f9c74f8c}.cohete-icon{filter:drop-shadow(0 0 6px #f9c74f80);flex-shrink:0;width:auto;height:48px;animation:3.2s ease-in-out infinite cohete-fly;display:block}@keyframes cohete-fly{0%{transform:translate(0)rotate(-8deg)}25%{transform:translate(3px,-5px)rotate(-5deg)}50%{transform:translate(5px,-3px)rotate(-10deg)}75%{transform:translate(2px,-6px)rotate(-6deg)}to{transform:translate(0)rotate(-8deg)}}.solar-header-right{align-items:center;gap:.6rem;display:flex}.total-stars{color:#1a0800;white-space:nowrap;background:linear-gradient(135deg,#ffd60a 0%,#f9c74f 100%);border:none;border-radius:50px;align-items:center;gap:.25rem;padding:.4rem 1rem;font-size:1rem;font-weight:900;display:flex;box-shadow:0 4px 18px #ffd60a80,0 0 0 2px #ffd60a33}.btn-dashboard{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;border:1.5px solid;border-radius:50px;padding:.45rem 1rem;font-family:Nunito,sans-serif;font-size:.88rem;font-weight:900;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,background .2s}.btn-dashboard:hover{transform:scale(1.06)}.btn-dashboard:active{transform:scale(.95)}.btn-profile{color:#e0aaff;background:#c77dff2e;border-color:#c77dff80;box-shadow:0 2px 12px #c77dff33}.btn-profile:hover{background:#c77dff52;box-shadow:0 4px 20px #c77dff59}.btn-report{color:#90e0ef;background:#4cc9f02e;border-color:#4cc9f080;box-shadow:0 2px 12px #4cc9f033}.btn-report:hover{background:#4cc9f052;box-shadow:0 4px 20px #4cc9f059}.planet-progress-wrap{z-index:1;background:#ffffff05;border-bottom:1px solid #ffffff0d;align-items:center;gap:.75rem;padding:.55rem 2rem;display:flex;position:relative}.planet-progress-track{flex:1;gap:4px;max-width:320px;display:flex}.planet-progress-seg{background:#ffffff1a;border-radius:3px;flex:1;height:5px;transition:background .4s,box-shadow .4s}.planet-progress-seg.active{background:var(--seg-color);box-shadow:0 0 8px var(--seg-color)}.planet-progress-label{color:#ffffff59;white-space:nowrap;font-size:.72rem;font-weight:700}.shooting-stars{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.shooting-star{left:-200px;top:var(--ss-top,15%);width:140px;height:1.5px;transform:rotate(var(--ss-angle,22deg));transform-origin:0;background:linear-gradient(90deg,#0000,#ffffff59 55%,#ffffff8c);border-radius:2px;animation-name:shoot;animation-timing-function:ease-in;animation-iteration-count:infinite;position:absolute}.shooting-star:after{content:"";background:#fffc;border-radius:50%;width:4px;height:4px;position:absolute;top:-2px;right:0;box-shadow:0 0 5px 1px #ffffff80}@keyframes shoot{0%{transform:rotate(var(--ss-angle,22deg)) translateX(0);opacity:0}8%{opacity:1}85%{opacity:.6}to{transform:rotate(var(--ss-angle,22deg)) translateX(130vw);opacity:0}}.solar-title{text-align:center;z-index:1;color:#fff;text-shadow:0 0 40px #f9c74f59,0 0 80px #f9c74f1f,0 2px 4px #0006;margin:2rem 0 .3rem;padding:0 2rem;font-size:3rem;font-weight:900;position:relative}.solar-title-highlight{color:#f9c74f;text-shadow:0 0 30px #f9c74f99,0 0 60px #f9c74f4d}.title-star{color:#f9c74f;margin:0 .5rem;font-size:1.4rem;animation:2.5s ease-in-out infinite star-pulse;display:inline-block}@keyframes star-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.solar-subtitle{text-align:center;color:#ffffff6b;z-index:1;margin-bottom:2.5rem;font-size:1.05rem;animation:3s ease-in-out infinite subtitle-bounce;position:relative}@keyframes subtitle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.planets-grid{z-index:1;grid-template-columns:repeat(4,1fr);gap:1.2rem;max-width:980px;margin:0 auto;padding:0 2rem 3rem;transition:grid-template-columns .25s cubic-bezier(.25,.46,.45,.94);display:grid;position:relative}.planet-card{-webkit-backdrop-filter:blur(12px);text-align:center;cursor:pointer;min-height:220px;animation:.5s cubic-bezier(.34,1.56,.64,1) both card-enter;animation-delay:calc(var(--card-idx,0) * 80ms);background:#ffffff0a;border:1px solid #ffffff12;border-radius:28px;padding:1.5rem 1rem 1.2rem;transition:all .25s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:visible}@keyframes card-enter{0%{opacity:0;transform:translateY(24px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.planet-card.unlocked:hover{box-shadow:0 25px 60px #00000073, 0 0 40px color-mix(in srgb, var(--planet-color) 35%, transparent);border-color:var(--planet-color);transform:translateY(-12px)scale(1.04)}.planet-card.unlocked:active{transition-duration:.1s;transform:scale(.95)}.planet-card.locked{opacity:.55;cursor:not-allowed}.planet-halo{background:radial-gradient(circle at center, var(--planet-color,transparent) 20%, transparent 70%);opacity:0;pointer-events:none;border-radius:50%;transition:opacity .3s;position:absolute;inset:-14px}.planet-card.unlocked .planet-halo{opacity:.18;animation:3.5s ease-in-out infinite halo-pulse}.planet-card.unlocked:hover .planet-halo{opacity:.35;animation:none}@keyframes halo-pulse{0%,to{opacity:.12;transform:scale(1)}50%{opacity:.26;transform:scale(1.14)}}.planet-visual{justify-content:center;align-items:center;width:116px;height:126px;margin:0 auto .9rem;display:flex;position:relative}.planet-sphere{border-radius:50%;flex-shrink:0;width:110px;height:110px;position:relative}.planet-sphere:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle,#fff9 0%,#0000 70%);border-radius:50%;width:38%;height:30%;position:absolute;top:10%;left:14%}[data-planet=matematica] .planet-sphere:after,[data-planet=intrapersonal] .planet-sphere:after{content:"";pointer-events:none;border:3px solid #ffffff38;border-radius:50%;width:148%;height:42%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(72deg)}[data-planet=matematica] .planet-sphere{background:radial-gradient(100% 18% at 50% 55%,#1478a080 0%,#0000 70%),radial-gradient(100% 12% at 50% 38%,#b4f0ff2e 0%,#0000 60%),radial-gradient(circle at 32% 32%,#b8eeff 0%,#4cc9f0 45%,#0e5f80 100%);animation:3s ease-in-out infinite float-1;box-shadow:0 0 22px #4cc9f0,0 0 60px #4cc9f061,inset -9px -9px 20px #00000080}[data-planet=linguistica] .planet-sphere{background:radial-gradient(circle at 32% 32%,#7dfcd4 0%,#06d6a0 45%,#025c42 100%);animation:4.3s ease-in-out infinite float-2;box-shadow:0 0 22px #06d6a0,0 0 60px #06d6a061,inset -9px -9px 20px #00000080}[data-planet=espacial] .planet-sphere{background:radial-gradient(circle at 32% 32%,#ffb3d8 0%,#f72585 45%,#70082f 100%);animation:2.8s ease-in-out infinite float-3;box-shadow:0 0 22px #f72585,0 0 60px #f7258561,inset -9px -9px 20px #00000080}[data-planet=musical] .planet-sphere{background:radial-gradient(80% 10% at 50% 60%,#6414b473 0%,#0000 70%),radial-gradient(70% 8% at 50% 42%,#e6beff33 0%,#0000 60%),radial-gradient(circle at 32% 32%,#eacfff 0%,#c77dff 45%,#510e9e 100%);animation:3.6s ease-in-out infinite float-5;box-shadow:0 0 22px #c77dff,0 0 60px #c77dff61,inset -9px -9px 20px #00000080}[data-planet=naturalista] .planet-sphere{background:radial-gradient(18px at 55% 45%,#325a0a80,#0000),radial-gradient(14px at 35% 60%,#50781466,#0000),radial-gradient(10px at 70% 65%,#28460573,#0000),radial-gradient(circle at 32% 32%,#d0f470 0%,#80b918 45%,#365209 100%);animation:4.6s ease-in-out infinite float-6;box-shadow:0 0 22px #80b918,0 0 60px #80b91861,inset -9px -9px 20px #00000080}[data-planet=interpersonal] .planet-sphere{background:radial-gradient(circle at 32% 32%,#ffd5b3 0%,#f9844a 45%,#8c3010 100%);animation:2.9s ease-in-out infinite float-7;box-shadow:0 0 22px #f9844a,0 0 60px #f9844a61,inset -9px -9px 20px #00000080}[data-planet=intrapersonal] .planet-sphere{background:radial-gradient(circle at 32% 32%,#fff5a8 0%,#ffd60a 45%,#7a5000 100%);animation:3.9s ease-in-out infinite float-8;box-shadow:0 0 22px #ffd60a,0 0 60px #ffd60a61,inset -9px -9px 20px #00000080}.locked-sphere{opacity:.18!important;filter:blur(2px)!important;animation:none!important}.planet-lock-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@keyframes float-1{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-2{0%,to{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes float-3{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float-4{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes float-5{0%,to{transform:translateY(0)}50%{transform:translateY(-11px)}}@keyframes float-6{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes float-7{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float-8{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.planet-name{color:#fff;text-shadow:0 0 14px var(--planet-color,#ffffff80);margin-bottom:.25rem;font-size:1.3rem;font-weight:900}.planet-type{color:#ffffff6b;font-size:.72rem}.planet-score{color:#ffd60a;margin-top:.4rem;font-size:.8rem;font-weight:700}.planet-pts-needed{color:#ffffff80;margin-top:.35rem;font-size:.75rem;font-weight:700}.planet-card.selected{border-color:var(--planet-color);box-shadow:0 0 0 1px var(--planet-color), 0 8px 32px color-mix(in srgb, var(--planet-color) 28%, transparent);transform:translateY(-4px)}.planets-grid.has-expanded .planet-card:not(.selected){opacity:.75}.expansion-panel{max-height:0;transition:max-height .3s;overflow:hidden}.expansion-panel.open{max-height:200px}.ep-inner{border:1px solid color-mix(in srgb, var(--planet-color) 45%, transparent);background:color-mix(in srgb, var(--planet-color) 8%, #08041cb3);border-radius:20px;align-items:center;gap:1.5rem;margin:0 0 .6rem;padding:1rem 1.5rem;animation:.18s both ep-fade;display:flex}@keyframes ep-fade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ep-sphere-wrap{flex-shrink:0}.ep-sphere{width:72px!important;height:72px!important}.ep-info{flex:1;min-width:0}.ep-title{margin:0 0 .5rem;font-family:Nunito,sans-serif;font-size:1.3rem;font-weight:900;line-height:1.1}.ep-activities{flex-direction:column;gap:.28rem;margin:0;padding:0;list-style:none;display:flex}.ep-activity{color:#ffffffd9;align-items:flex-start;gap:.5rem;font-family:Nunito,sans-serif;font-size:.84rem;font-weight:700;line-height:1.35;display:flex}.ep-bullet{width:7px;height:7px;box-shadow:0 0 5px var(--planet-color,white);border-radius:50%;flex-shrink:0;margin-top:.25em}.ep-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.55rem;display:flex}.ep-score{color:#fff9;font-family:Nunito,sans-serif;font-size:.82rem;font-weight:700}.btn-ep-play{color:#05050f;cursor:pointer;background:linear-gradient(135deg,#f9c74f 0%,#f77f00 100%);border:none;border-radius:50px;padding:.65rem 1.8rem;font-family:Nunito,sans-serif;font-size:1rem;font-weight:900;transition:transform .2s cubic-bezier(.34,1.56,.64,1),filter .2s;box-shadow:0 4px 18px #f9c74f66}.btn-ep-play:hover{filter:brightness(1.1);transform:scale(1.08)}.btn-ep-play:active{transform:scale(.95)}.ep-locked-msg{color:#fff9;margin:0 0 .3rem;font-family:Nunito,sans-serif;font-size:.9rem;font-style:italic;font-weight:700}.ep-locked-hint{color:#ffffff59;margin:0;font-family:Nunito,sans-serif;font-size:.8rem}[data-planet=linguistica] .planet-sphere:after{content:"";pointer-events:none;border:1.5px solid #06d6a059;border-radius:50%;width:140%;height:35%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(72deg)}.verbum-letter{color:#06d6a0b3;animation:7s linear infinite verbum-orbit;animation-delay:var(--orbit-delay,0s);pointer-events:none;-webkit-user-select:none;user-select:none;margin:-6px 0 0 -5px;font-family:Nunito,sans-serif;font-size:10px;font-weight:900;line-height:1;position:absolute;top:50%;left:50%}@keyframes verbum-orbit{0%{transform:rotate(0)translate(68px)rotate(0)}to{transform:rotate(360deg)translate(68px)rotate(-360deg)}}[data-planet=espacial] .planet-sphere{background:radial-gradient(circle at 35% 35%,#ff9fff 0%,#f72585 50%,#7b0040 100%)!important}.prisma-sparkle{width:12px;height:12px;transform:rotate(calc(var(--sp-i,0) * 90deg)) translateX(68px);pointer-events:none;animation:2s ease-in-out infinite sparkle-pulse;animation-delay:calc(var(--sp-i,0) * .5s);margin:-6px 0 0 -6px;position:absolute;top:50%;left:50%}.prisma-sparkle:before,.prisma-sparkle:after{content:"";background:#ffffffe6;border-radius:2px;position:absolute}.prisma-sparkle:before{width:1.5px;height:12px;top:0;left:5px}.prisma-sparkle:after{width:12px;height:1.5px;top:5px;left:0}@keyframes sparkle-pulse{0%,to{opacity:.1;transform:rotate(calc(var(--sp-i,0) * 90deg)) translateX(68px) scale(.5)}50%{opacity:1;transform:rotate(calc(var(--sp-i,0) * 90deg)) translateX(68px) scale(1)}}.prisma-particle{background:var(--pp-color,white);width:6px;height:6px;animation:4s linear infinite particle-orbit;animation-delay:var(--pp-delay,0s);pointer-events:none;box-shadow:0 0 4px var(--pp-color,white);border-radius:50%;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%}@keyframes particle-orbit{0%{transform:rotate(0)translate(78px)}to{transform:rotate(360deg)translate(78px)}}[data-planet=cinestetica] .planet-sphere{background:radial-gradient(circle at 32% 32%,#ffc8c8 0%,#ff6b6b 45%,#921515 100%)!important;animation:.4s ease-in-out infinite vibrate-k!important;box-shadow:0 0 22px #ff6b6b,0 0 60px #ff6b6b61,inset -9px -9px 20px #00000080!important}@keyframes vibrate-k{0%,to{transform:translate(0)}20%{transform:translate(1px,-1px)}40%{transform:translate(-1px,1px)}60%{transform:translate(1.5px,.5px)}80%{transform:translate(-.5px,-1px)}}.kinetis-trail{pointer-events:none;background:radial-gradient(at 100%,#ff6b6b47 0%,#0000 70%);border-radius:50%;width:75px;height:110px;animation:1s ease-in-out infinite trail-pulse;position:absolute;top:0;left:-30px}@keyframes trail-pulse{0%,to{opacity:.35;transform:scaleX(.8)}50%{opacity:.65;transform:scaleX(1.1)}}.kinetis-line{height:2px;width:calc(28px + var(--kl-i,0) * 12px);right:100%;top:calc(28% + var(--kl-i,0) * 20%);pointer-events:none;animation:.7s ease-in-out infinite kl-flash;animation-delay:calc(var(--kl-i,0) * .18s);background:linear-gradient(270deg,#ff6b6bb3,#0000);border-radius:1px;position:absolute}@keyframes kl-flash{0%,to{opacity:.15;transform:scaleX(.6)}50%{opacity:.9;transform:scaleX(1)}}.kalculo-num{bottom:50%;left:calc(50% + var(--kn-x,0px));color:#4cc9f0d9;pointer-events:none;-webkit-user-select:none;user-select:none;animation:3s ease-in-out infinite kalculo-float;animation-delay:var(--kn-delay,0s);font-family:Nunito,sans-serif;font-size:13px;font-weight:900;line-height:1;position:absolute}@keyframes kalculo-float{0%{opacity:0;transform:translateY(0)}15%{opacity:.9}to{opacity:0;transform:translateY(-80px)}}.sonus-wave{pointer-events:none;width:110px;height:110px;animation:2.4s ease-out infinite sonus-pulse;animation-delay:calc(var(--sw-i,0) * .8s);border:1.5px solid #c77dff99;border-radius:50%;margin:-55px 0 0 -55px;position:absolute;top:50%;left:50%}@keyframes sonus-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.75)}}.sonus-note{bottom:50%;left:calc(50% + var(--sn-x,0px));color:#c77dffe6;pointer-events:none;-webkit-user-select:none;user-select:none;animation:2.6s ease-in-out infinite note-float;animation-delay:var(--sn-delay,0s);font-size:12px;line-height:1;position:absolute}@keyframes note-float{0%{transform:translateY(0) rotate(var(--rot)) scale(.5);opacity:0}20%{opacity:1}80%{opacity:.8}to{transform:translateY(-80px) rotate(calc(var(--rot) + 30deg)) scale(1.1);opacity:0}}.terra-moon{pointer-events:none;background:radial-gradient(circle at 32% 32%,#f0f0f0,#aaa);border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;animation:9s linear infinite terra-moon-orbit;position:absolute;top:50%;left:50%;box-shadow:0 0 5px #ffffff80,inset -1px -1px 2px #0000004d}@keyframes terra-moon-orbit{0%{transform:rotate(0)translate(74px)}to{transform:rotate(360deg)translate(74px)}}.terra-particle{pointer-events:none;width:7px;height:7px;animation:5.5s linear infinite terra-leaf-orbit;animation-delay:var(--tp-delay,0s);background:#80b918d9;border-radius:0 50%;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%;box-shadow:0 0 4px #80b91880}@keyframes terra-leaf-orbit{0%{transform:rotate(0)translate(70px)rotate(0)}to{transform:rotate(360deg)translate(70px)rotate(-360deg)}}.nexus-dot{width:8px;height:8px;transform:rotate(calc(var(--nd-i,0) * 72deg)) translateX(72px);pointer-events:none;animation:2.5s ease-in-out infinite nexus-dot-pulse;animation-delay:calc(var(--nd-i,0) * .5s);background:#f9844ae6;border-radius:50%;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%;box-shadow:0 0 6px #f9844a99}@keyframes nexus-dot-pulse{0%,to{opacity:.35;box-shadow:0 0 4px #f9844a4d}50%{opacity:1;box-shadow:0 0 10px #f9844ae6}}.nexus-line{transform-origin:0;width:66px;height:1px;transform:rotate(calc(var(--nl-i,0) * 72deg));pointer-events:none;animation:2.5s ease-in-out infinite nexus-line-pulse;animation-delay:calc(var(--nl-i,0) * .5s);background:linear-gradient(90deg,#f9844aa6,#0000);margin:-.5px 0 0;position:absolute;top:50%;left:50%}@keyframes nexus-line-pulse{0%,to{opacity:.1}50%{opacity:.7}}.lumis-halo{pointer-events:none;background:radial-gradient(circle,#ffd60a47 30%,#0000 70%);border-radius:50%;width:150px;height:150px;margin:-75px 0 0 -75px;animation:2.5s ease-in-out infinite lumis-breathe;position:absolute;top:50%;left:50%}@keyframes lumis-breathe{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.lumis-ray{transform-origin:0;width:55px;height:2px;transform:rotate(calc(var(--lr-i,0) * 45deg));pointer-events:none;animation:2.2s ease-in-out infinite lumis-ray-pulse;animation-delay:calc(var(--lr-i,0) * .275s);background:linear-gradient(90deg,#ffd60ad9,#0000);margin:-1px 0 0;position:absolute;top:50%;left:50%}@keyframes lumis-ray-pulse{0%,to{opacity:.08}50%{opacity:.9}}@media (width<=720px){.planets-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 1.2rem 2rem}.solar-title{font-size:2.2rem}.ep-title{font-size:1.1rem}.ep-activity{font-size:.8rem}.ep-sphere{width:56px!important;height:56px!important}}@media (width<=480px){.solar-header{padding:.65rem 1rem}.solar-title{margin:1.5rem 0 .3rem;padding:0 1rem;font-size:1.7rem}.solar-subtitle{margin-bottom:1.5rem}.child-greeting{font-size:1rem}.orbi-logo-text{font-size:1.2rem}.planets-grid{grid-template-columns:repeat(2,1fr);gap:.8rem;padding:0 1rem 2rem}.planet-progress-wrap{padding:.5rem 1rem}.planet-card{border-radius:22px;min-height:180px;padding:1.2rem .8rem 1rem}.planet-sphere{width:80px;height:80px}.planet-visual{width:86px;height:94px}.planet-name{font-size:1.1rem}.btn-dashboard{padding:.4rem .7rem;font-size:.78rem}.total-stars{padding:.35rem .7rem;font-size:.9rem}.ep-inner{flex-wrap:wrap;gap:.8rem;padding:.8rem 1rem}.ep-sphere-wrap{display:none}.ep-actions{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.expansion-panel.open{max-height:260px}}.hub-container{background:radial-gradient(ellipse at top, var(--hub-bg,#05050f) 0%, #05050f 100%);flex-direction:column;align-items:center;min-height:100vh;padding-bottom:2.5rem;font-family:Nunito,sans-serif;display:flex;position:relative;overflow:hidden}.hub-stars{pointer-events:none;background-image:radial-gradient(1px 1px at 8% 15%,#ffffffb3,#0000),radial-gradient(1px 1px at 24% 42%,#ffffff80,#0000),radial-gradient(2px 2px at 40% 20%,#fff9,#0000),radial-gradient(1px 1px at 58% 70%,#fffc,#0000),radial-gradient(1px 1px at 72% 30%,#ffffff80,#0000),radial-gradient(2px 2px at 88% 55%,#ffffffb3,#0000),radial-gradient(1px 1px at 15% 80%,#fff9,#0000),radial-gradient(2px 2px at 78% 88%,#ffffffb3,#0000);animation:6s ease-in-out infinite alternate hub-twinkle;position:fixed;inset:0}@keyframes hub-twinkle{0%{opacity:.4}to{opacity:1}}.hub-header{z-index:10;justify-content:space-between;align-items:center;width:100%;padding:1.2rem 1.5rem 0;display:flex;position:relative}.hub-badge{background:#ffffff0d;border:1px solid;border-radius:50px;padding:.3rem .9rem;font-size:1rem;font-weight:900}.hub-title{color:#fff;text-align:center;z-index:1;margin:2rem 0 .3rem;font-size:1.9rem;font-weight:900;position:relative}.hub-subtitle{color:#ffffff73;text-align:center;z-index:1;letter-spacing:.04em;text-transform:uppercase;margin-bottom:2rem;font-size:.9rem;font-weight:700}.hub-cards{z-index:1;flex-direction:column;gap:1rem;width:100%;max-width:440px;padding:0 1.5rem;display:flex}.hub-card{text-align:left;cursor:pointer;border-radius:20px;align-items:center;gap:1rem;padding:1.2rem 1.4rem;font-family:Nunito,sans-serif;animation:.4s cubic-bezier(.34,1.4,.64,1) both hub-card-in;display:flex;position:relative;overflow:hidden}.hub-card:first-child{animation-delay:50ms}.hub-card:nth-child(2){animation-delay:.12s}.hub-card:nth-child(3){animation-delay:.19s}@keyframes hub-card-in{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.hub-available{-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in srgb, var(--hc) 28%, transparent);background:#ffffff0d;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,border-color .2s;box-shadow:0 4px 24px #00000040,inset 0 1px #ffffff0f}.hub-available:hover{border-color:color-mix(in srgb, var(--hc) 55%, transparent);box-shadow:0 8px 32px #00000059, 0 0 0 1px color-mix(in srgb, var(--hc) 20%, transparent);transform:translateY(-3px)scale(1.01)}.hub-available:active{transform:scale(.97)}.hub-soon{opacity:.5;cursor:default;background:#ffffff06;border:1px solid #ffffff0f}.hub-num{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:900;display:flex}.hub-card-body{flex:1;min-width:0}.hub-card-title{color:#fff;margin-bottom:.2rem;font-size:1.05rem;font-weight:900}.hub-card-desc{color:#ffffff8c;font-size:.82rem;font-weight:700}.hub-soon-label{color:#ffffff4d}.hub-card-arrow{color:var(--hc,white);flex-shrink:0;font-size:1.2rem;font-weight:900;transition:transform .2s}.hub-available:hover .hub-card-arrow{transform:translate(4px)}.soon-lock{color:#fff3}.btn-back{color:#ffffffbf;cursor:pointer;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff1f;border-radius:30px;padding:.45rem 1rem;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:700;transition:background .2s,color .2s}.btn-back:hover{color:#fff;background:#ffffff21}.monster-container{background:radial-gradient(70% 50% at 20% 10%,#4cc9f014 0%,#0000 55%),radial-gradient(at top,#1a0533 0%,#05050f 100%);flex-direction:column;align-items:center;min-height:100vh;padding:1.5rem;font-family:Nunito,sans-serif;display:flex;position:relative}.stars-bg{opacity:.08;pointer-events:none;background-image:radial-gradient(#fff 1px,#0000 1px);background-size:60px 60px;width:100%;height:100%;position:fixed;top:0;left:0}.btn-back{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:20px;padding:.5rem 1rem;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:700}.game-score{color:#ffd60a;font-size:1.2rem;font-weight:900}.game-title{color:#fff;margin-bottom:1.5rem;font-size:1.5rem;font-weight:900}.monster{flex-direction:column;align-items:center;margin-bottom:1rem;transition:transform .3s;display:flex}.monster.happy{animation:.5s bounce}.monster.sad{animation:.5s shake}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.monster-emoji{font-size:6rem;animation:2s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.monster-bubble{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-align:center;background:#4cc9f014;border:1.5px solid #4cc9f059;border-radius:24px;margin-top:.5rem;padding:.9rem 1.6rem;font-size:1.1rem;font-weight:900;position:relative;box-shadow:0 4px 20px #4cc9f026,inset 0 1px #ffffff14}.monster-bubble:before{content:"";border:8px solid #0000;border-top:none;border-bottom-color:#4cc9f059;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.monster-bubble:after{content:"";border:7px solid #0000;border-top:none;border-bottom-color:#4cc9f014;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.floating-score{color:#ffd60a;text-shadow:0 0 20px #ffd60acc,0 0 40px #ffd60a66;pointer-events:none;z-index:50;font-size:2rem;font-weight:900;animation:1.2s ease-out forwards float-up;position:fixed;top:38%}@keyframes float-up{0%{opacity:0;transform:translateY(0)scale(.6)}20%{opacity:1;transform:translateY(-10px)scale(1.2)}80%{opacity:1;transform:translateY(-55px)scale(1)}to{opacity:0;transform:translateY(-85px)scale(.9)}}.feedback-msg{color:#ffd60a;margin:.5rem 0;font-size:1.3rem;font-weight:900;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.objects-grid{grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;max-width:360px;margin:1rem 0;display:grid}.object-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;cursor:pointer;background:#ffffff0d;border:1.5px solid #ffffff17;border-radius:18px;flex-direction:column;align-items:center;gap:.3rem;padding:1rem;transition:transform .18s cubic-bezier(.34,1.56,.64,1),border-color .2s,background .2s,box-shadow .2s;display:flex}.object-card:hover{border-color:#4cc9f080;transform:scale(1.08)translateY(-3px);box-shadow:0 8px 24px #4cc9f033}.object-card:active{transition-duration:80ms;transform:scale(.93)}.object-card.selected{background:#4cc9f029;border-color:#4cc9f0;animation:.3s selected-wobble;transform:scale(1.1)translateY(-4px);box-shadow:0 0 20px #4cc9f059,0 8px 24px #4cc9f033}@keyframes selected-wobble{0%{transform:scale(1)}40%{transform:scale(1.15)rotate(4deg)}70%{transform:scale(1.08)rotate(-2deg)}to{transform:scale(1.1)translateY(-4px)}}.object-label{color:#ffffffbf;text-transform:capitalize;font-size:.78rem;font-weight:900}.selected-preview{justify-content:center;align-items:center;min-height:2.5rem;margin:.5rem 0;display:flex}.selected-shapes{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;display:flex}.preview-hint{color:#ffffff59;font-size:.9rem;font-weight:700}.btn-feed{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4cc9f0,#4361ee);border:none;border-radius:50px;margin-top:.5rem;padding:1rem 2.5rem;font-family:Nunito,sans-serif;font-size:1.2rem;font-weight:900;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #4cc9f066}.btn-feed:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 30px #4cc9f099}.btn-feed:disabled{opacity:.4;cursor:not-allowed}.game-level{color:#4cc9f0;background:#4cc9f01a;border:1px solid #4cc9f04d;border-radius:50px;padding:.3rem .8rem;font-size:.9rem;font-weight:700}.streak-badge{color:#ff6b6b;margin-bottom:.3rem;font-size:1.1rem;font-weight:900;animation:.3s fadeIn}.level-up-toast{color:#05050f;z-index:200;pointer-events:none;background:linear-gradient(135deg,#ffd60a,#f9844a);border-radius:24px;padding:1rem 2.5rem;font-size:1.5rem;font-weight:900;animation:2.2s forwards levelUpAnim;position:fixed;top:45%;left:50%;transform:translate(-50%,-50%)}@keyframes levelUpAnim{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}.grid-4{grid-template-columns:repeat(4,1fr)}.verbum-container{background:radial-gradient(at top,#012a16 0%,#05050f 100%);flex-direction:column;align-items:center;min-height:100vh;padding:1.5rem;font-family:Nunito,sans-serif;display:flex;position:relative}.planet-badge{color:#06d6a0;background:#06d6a01a;border:1px solid #06d6a04d;border-radius:50px;padding:.3rem .8rem;font-size:1rem;font-weight:900}.stories-count{color:#06d6a0;font-size:1rem;font-weight:700}.verbum-nebula{pointer-events:none;z-index:0;background:radial-gradient(circle,#06d6a017 0%,#06d6a008 50%,#0000 70%);border-radius:50%;width:440px;height:440px;position:fixed;top:-120px;right:-120px}.verbum-title{color:#fff;text-align:center;text-shadow:0 0 24px #06d6a080,0 2px 8px #0006;z-index:1;margin:.5rem 0 .3rem;font-size:2.5rem;font-weight:900;position:relative}.child-name-highlight{color:#06d6a0}.verbum-subtitle{color:#fff9;text-align:center;z-index:1;margin-bottom:1.5rem;font-size:1rem;position:relative}.vb-age-prompt{color:#fff;text-align:center;margin-bottom:1.2rem;font-size:1.4rem;font-weight:900}.age-grid{gap:1rem;margin-bottom:1.5rem;display:flex}.age-btn{cursor:pointer;background:#ffffff12;border:2px solid #ffffff26;border-radius:20px;flex-direction:column;align-items:center;gap:.2rem;min-width:90px;padding:1.4rem 1.8rem;font-family:Nunito,sans-serif;transition:all .2s;display:flex}.age-btn:hover{background:#4cc9f01a;border-color:#4cc9f0;transform:translateY(-4px)}.age-number{color:#fff;font-size:2rem;font-weight:900;line-height:1}.age-years{color:#ffffff80;font-size:.8rem;font-weight:700}.vb-age-badge{color:#4cc9f0;background:#4cc9f01a;border:1px solid #4cc9f04d;border-radius:50px;align-items:center;gap:.6rem;margin-bottom:1rem;padding:.3rem .9rem;font-size:.9rem;font-weight:700;display:flex}.vb-age-change{color:#fff6;cursor:pointer;background:0 0;border:none;padding:0;font-family:Nunito,sans-serif;font-size:.78rem;text-decoration:underline}.vb-age-change:hover{color:#ffffffb3}.topics-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;max-width:420px;margin-bottom:1.5rem;display:grid;position:relative}.topic-btn{cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;min-height:110px;padding:1.2rem .5rem;font-family:Nunito,sans-serif;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.topic-icon-circle{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;display:flex;overflow:visible}.topic-emoji-icon{font-size:2.5rem;line-height:1;display:block}.topic-label{color:#ffffffe6;text-align:center;font-size:.78rem;font-weight:700}.topic-btn:hover{box-shadow:0 8px 24px var(--glow,#06d6a066);transform:translateY(-4px)}.topic-btn.selected{box-shadow:0 0 22px var(--glow,#06d6a080), 0 6px 20px var(--glow,#06d6a04d)}.btn-generate{color:#000;cursor:pointer;z-index:1;background:linear-gradient(135deg,#f9c74f,#f77f00);border:none;border-radius:50px;width:100%;max-width:320px;padding:1rem 2.5rem;font-family:Nunito,sans-serif;font-size:1.2rem;font-weight:900;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 4px 20px #f9c74f40}.btn-generate:not(:disabled){box-shadow:0 4px 24px #f77f0080}.btn-generate:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 32px #f77f00b3}.btn-generate:disabled{opacity:.35;cursor:not-allowed}.orbi-narrator{flex-direction:column;align-items:center;gap:.5rem;margin:.8rem 0;display:flex}.orbi-thinking{filter:drop-shadow(0 0 16px #06d6a080);animation:2s ease-in-out infinite orbi-think-float}@keyframes orbi-think-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.loading-text{color:#ffffffb3;font-size:1rem;font-weight:700;animation:1.2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.orbi-playing-wrap{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06d6a012;border:1px solid #06d6a033;border-radius:20px;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.orbi-speaking{filter:drop-shadow(0 0 12px #06d6a099);animation:.8s ease-in-out infinite alternate speaking-pulse}@keyframes speaking-pulse{0%{filter:drop-shadow(0 0 8px #06d6a080);transform:scale(1)}to{filter:drop-shadow(0 0 20px #06d6a0e6);transform:scale(1.08)}}.audio-bars{align-items:flex-end;gap:3px;height:40px;display:flex}.audio-bar{width:5px;height:var(--base-h,60%);animation-name:bar-dance;animation-duration:.55s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;animation-delay:calc(var(--i) * 60ms);background:linear-gradient(#7aedc9,#06d6a0);border-radius:3px;box-shadow:0 0 6px #06d6a099}@keyframes bar-dance{0%{opacity:.4;transform:scaleY(.25)}to{opacity:1;transform:scaleY(1)}}.story-card{background:#ffffff0f;border:1px solid #06d6a04d;border-radius:28px;width:100%;max-width:560px;margin:0 auto;padding:2rem 2rem 1.5rem;animation:.4s slideUp;box-shadow:0 8px 40px #0000004d,inset 0 1px #ffffff0f}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.story-text{color:#fffffff2;letter-spacing:.01em;margin-bottom:1.5rem;font-family:Quicksand,Nunito,sans-serif;font-size:1.35rem;font-weight:600;line-height:2.1}.typing-cursor{color:#06d6a0;font-weight:900;animation:.7s step-start infinite cursor-blink;display:inline-block}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.story-actions{flex-wrap:wrap;gap:.8rem;display:flex}.btn-listen,.btn-stop,.btn-new{cursor:pointer;border:none;border-radius:50px;flex:1;justify-content:center;align-items:center;gap:.4rem;min-width:110px;padding:.85rem 1.1rem;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:900;transition:transform .18s,box-shadow .18s;display:flex}.btn-listen{color:#05050f;background:linear-gradient(135deg,#06d6a0,#0cb470);box-shadow:0 4px 16px #06d6a059}.btn-stop{color:#fff;background:linear-gradient(135deg,#ff6b6b,#ee0979);box-shadow:0 4px 16px #ff6b6b59}.btn-new{color:#fffc;background:#ffffff14;border:1px solid #ffffff2e}.btn-listen:hover{transform:translateY(-2px);box-shadow:0 6px 22px #06d6a080}.btn-stop:hover{transform:translateY(-2px);box-shadow:0 6px 22px #ff6b6b80}.btn-new:hover{background:#ffffff24;transform:translateY(-2px)}.btn-read-aloud{cursor:pointer;color:#ffd60a;background:#ffd60a14;border:2px solid #ffd60a66;border-radius:50px;flex:1;justify-content:center;align-items:center;gap:.45rem;min-width:140px;padding:.75rem 1rem;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:900;transition:all .2s;display:flex}.btn-read-aloud:hover{background:#ffd60a2e;transform:scale(1.04)}.btn-read-aloud.active{color:#06d6a0;background:#06d6a026;border-color:#06d6a080;animation:1.2s ease-in-out infinite alternate read-pulse}@keyframes read-pulse{0%{box-shadow:0 0 #06d6a04d}to{box-shadow:0 0 16px #06d6a080}}.btn-read-stop{cursor:pointer;color:#f9844a;background:#f9844a1f;border:2px solid #f9844a80;border-radius:50px;flex:1;min-width:120px;padding:.75rem 1rem;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:900;transition:all .2s}.btn-read-stop:hover{background:#f9844a38;transform:scale(1.04)}.vb-reading-orbi{z-index:1;flex-direction:column;align-items:center;gap:.5rem;margin:.8rem 0;display:flex;position:relative}.vb-recording-label{color:#06d6a0;font-size:1rem;font-weight:900;animation:1s ease-in-out infinite alternate pulse-text}@keyframes pulse-text{0%{opacity:.6}to{opacity:1}}.vb-interim{color:#ffffff80;text-align:center;max-width:300px;font-size:.85rem;font-style:italic}.vb-read-result{background:#ffffff0a;border:1px solid #ffd60a33;border-radius:16px;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem;padding:1rem;animation:.3s slideUp;display:flex}.vb-stars{gap:4px;display:flex}.vb-star{display:inline-block}.vb-star.lit{animation:.35s cubic-bezier(.34,1.56,.64,1) both star-pop}@keyframes star-pop{0%{transform:scale(0)}to{transform:scale(1)}}.vb-accuracy{color:#ffd60a;font-size:1.1rem;font-weight:900}.vb-feedback{color:#fffc;text-align:center;font-size:.9rem;font-style:italic;line-height:1.5}.vb-btn-retry{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:50px;padding:.5rem 1.2rem;font-family:Nunito,sans-serif;font-size:.88rem;font-weight:700;transition:background .2s}.vb-btn-retry:hover{background:#ffffff26}.vb-countdown-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05050fbf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vb-countdown-box{flex-direction:column;align-items:center;gap:.5rem;display:flex}.vb-countdown-label{color:#ffffffd9;letter-spacing:.05em;font-family:Nunito,sans-serif;font-size:1.6rem;font-weight:900}.vb-countdown-number{color:#ffd60a;text-shadow:0 0 40px #ffd60ab3,0 0 80px #ffd60a4d;font-family:Nunito,sans-serif;font-size:7rem;font-weight:900;line-height:1;animation:.35s cubic-bezier(.34,1.56,.64,1) countdown-pop}@keyframes countdown-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.story-word{transition:color 50ms;display:inline}.story-word.word-active{color:#ffd60a;font-weight:900}.vb-btn-retry.secondary{opacity:.6;font-size:.8rem}.vb-result-actions{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.vb-btn-next{color:#012a16;cursor:pointer;background:linear-gradient(135deg,#06d6a0,#4cc9f0);border:none;border-radius:50px;padding:.7rem 1.8rem;font-family:Nunito,sans-serif;font-size:1rem;font-weight:900;animation:1.4s ease-in-out infinite pulse-next;box-shadow:0 0 20px #06d6a080}@keyframes pulse-next{0%,to{transform:scale(1);box-shadow:0 0 20px #06d6a080}50%{transform:scale(1.06);box-shadow:0 0 30px #06d6a0cc}}.vb-read-result.celebrating{background:#ffd60a0f;border-color:#ffd60a99;animation:.6s celebrate-glow}@keyframes celebrate-glow{0%{opacity:0;transform:scale(.95)}60%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.confetti-row{letter-spacing:4px;font-size:1.3rem;animation:1s ease-out confetti-spin}@keyframes confetti-spin{0%{opacity:0;transform:rotate(-10deg)scale(.8)}to{opacity:1;transform:rotate(0)scale(1)}}.vb-unsupported{color:#ff6b6bcc;text-align:center;margin:.5rem 0;font-size:.85rem}.terra-container{background:radial-gradient(70% 50% at 15% 10%,#80b9181a 0%,#0000 55%),radial-gradient(60% 70% at 85% 90%,#06d6a012 0%,#0000 55%),radial-gradient(#0a1f05 0%,#05050f 100%);flex-direction:column;align-items:center;min-height:100vh;padding:1.5rem;font-family:Nunito,sans-serif;display:flex;position:relative;overflow:hidden}.terra-bg{pointer-events:none;background-image:radial-gradient(1px 1px at 12% 18%,#ffffffb3,#0000),radial-gradient(1px 1px at 28% 55%,#ffffff80,#0000),radial-gradient(2px 2px at 44% 30%,#fff9,#0000),radial-gradient(1px 1px at 65% 78%,#fffc,#0000),radial-gradient(1px 1px at 82% 22%,#ffffff80,#0000),radial-gradient(2px 2px at 93% 60%,#ffffffb3,#0000);animation:5s ease-in-out infinite alternate stars-twinkle;position:fixed;inset:0}.terra-badge{color:#80b918;background:#80b9181f;border:1px solid #80b91859;border-radius:50px;padding:.3rem .9rem;font-size:1rem;font-weight:900}.collection-count{color:#80b918;background:#80b9181a;border:1px solid #80b91840;border-radius:50px;padding:.3rem .8rem;font-size:1rem;font-weight:700}.terra-title{color:#fff;text-align:center;text-shadow:0 0 20px #80b91880;z-index:1;margin:.4rem 0 .2rem;font-size:1.7rem;font-weight:900;position:relative}.terra-subtitle{color:#ffffff80;text-align:center;z-index:1;margin-bottom:1.2rem;font-size:.9rem;position:relative}.camera-flash{opacity:.7;z-index:200;pointer-events:none;background:#fff;animation:.3s ease-out forwards flash;position:fixed;inset:0}@keyframes flash{0%{opacity:.8}to{opacity:0}}.scanner-wrap{z-index:1;flex-direction:column;align-items:center;gap:1.2rem;width:100%;max-width:460px;display:flex;position:relative}.scanner-frame{aspect-ratio:4/3;background:#000;border-radius:20px;width:100%;position:relative;overflow:hidden;box-shadow:0 0 40px #80b9184d,0 20px 60px #00000080}.camera-feed{object-fit:cover;width:100%;height:100%}.scanner-overlay{pointer-events:none;position:absolute;inset:0}.scanner-corner{opacity:.9;border-style:solid;border-color:#80b918;width:28px;height:28px;position:absolute}.scanner-corner.tl{border-width:3px 0 0 3px;border-radius:4px 0 0;top:12px;left:12px}.scanner-corner.tr{border-width:3px 3px 0 0;border-radius:0 4px 0 0;top:12px;right:12px}.scanner-corner.bl{border-width:0 0 3px 3px;border-radius:0 0 0 4px;bottom:12px;left:12px}.scanner-corner.br{border-width:0 3px 3px 0;border-radius:0 0 4px;bottom:12px;right:12px}.scanner-line{background:linear-gradient(90deg,#0000,#80b918 30%,#c4e860 50%,#80b918 70%,#0000);width:84%;height:2px;animation:2.5s ease-in-out infinite scan-line;position:absolute;left:8%;box-shadow:0 0 10px #80b918cc}@keyframes scan-line{0%{opacity:1;top:10%}45%{opacity:.8;top:88%}50%{opacity:0;top:88%}55%{opacity:0;top:10%}60%{opacity:1;top:10%}to{opacity:.8;top:88%}}.btn-capture{color:#fff;cursor:pointer;background:linear-gradient(135deg,#80b918,#5a8510);border:none;border-radius:50px;padding:1.1rem 2.5rem;font-family:Nunito,sans-serif;font-size:1.2rem;font-weight:900;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 6px 25px #80b91880}.btn-capture:hover{transform:scale(1.06);box-shadow:0 8px 35px #80b918b3}.btn-capture:active{transform:scale(.94)}.capture-ring{background:radial-gradient(circle,#ffffff26,#0000 60%);border-radius:50%;animation:2s ease-out infinite ring-pulse;position:absolute;inset:-100%}@keyframes ring-pulse{0%{opacity:.8;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}.analyzing-wrap{z-index:1;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;display:flex}.analyzing-orbi{filter:drop-shadow(0 0 20px #80b918b3);font-size:5rem;animation:1.5s ease-in-out infinite orbi-scan}@keyframes orbi-scan{0%,to{transform:scale(1)rotate(-5deg)}50%{transform:scale(1.12)rotate(5deg)}}.analyzing-text{color:#fff;font-size:1.1rem;font-weight:700}.analyzing-dots{gap:8px;display:flex}.analyzing-dots span{background:#80b918;border-radius:50%;width:10px;height:10px;animation:.8s ease-in-out infinite alternate dot-bounce}.analyzing-dots span:nth-child(2){animation-delay:.2s}.analyzing-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%{opacity:.5;transform:translateY(0)}to{opacity:1;transform:translateY(-5px)}}.result-wrap{z-index:1;flex-direction:column;align-items:center;gap:1.2rem;width:100%;max-width:420px;display:flex}.animal-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;background:#80b91812;border:1px solid #80b9184d;border-radius:28px;width:100%;padding:2rem 1.5rem;animation:.4s cubic-bezier(.34,1.56,.64,1) card-pop;box-shadow:0 0 40px #80b91826,0 20px 50px #0006}@keyframes card-pop{0%{opacity:0;transform:scale(.7)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.animal-emoji-big{margin-bottom:.5rem;font-size:5rem;animation:.6s cubic-bezier(.34,1.56,.64,1) emoji-bounce}@keyframes emoji-bounce{0%{transform:scale(.3)}to{transform:scale(1)}}.animal-name{color:#c4e860;text-shadow:0 0 16px #c4e86080;margin-bottom:.8rem;font-size:1.8rem;font-weight:900}.animal-fact{color:#ffffffd9;margin-bottom:1rem;font-size:1rem;line-height:1.7}.discovered-badge{color:#ffd60a;background:#ffd60a1a;border-radius:50px;padding:.35rem 1rem;font-size:.9rem;font-weight:700;display:inline-block}.no-animal-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;color:#fffc;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;width:100%;padding:2rem;font-size:1.05rem;font-weight:700;animation:.4s cubic-bezier(.34,1.56,.64,1) card-pop}.no-cam-card{text-align:center;color:#fff;z-index:1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;max-width:360px;padding:2.5rem 2rem}.no-cam-card h3{margin:.8rem 0 .5rem;font-size:1.4rem}.no-cam-card p{color:#fff9;font-size:.95rem;line-height:1.6}.btn-scan-again{color:#fff;cursor:pointer;background:linear-gradient(135deg,#80b918,#5a8510);border:none;border-radius:50px;padding:1rem 2.2rem;font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:900;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;box-shadow:0 6px 25px #80b91873}.btn-scan-again:hover{transform:scale(1.06)}.btn-scan-again:active{transform:scale(.95)}.btn-narrate{color:#80b918;cursor:pointer;background:#80b9181f;border:1.5px solid #80b91866;border-radius:50px;align-items:center;gap:.5rem;margin:.3rem auto .6rem;padding:.5rem 1.2rem;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.btn-narrate:hover{background:#80b91838}.btn-narrate.narrating{background:#80b91833;border-color:#80b918b3;animation:1s ease-in-out infinite alternate narrate-pulse}@keyframes narrate-pulse{0%{box-shadow:0 0 #80b9184d}to{box-shadow:0 0 14px #80b91899}}.mini-collection{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.mini-collection.large{gap:.8rem;max-width:380px}.mini-animal{cursor:default;background:#80b9181f;border:1px solid #80b91840;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:2rem;transition:transform .2s;display:flex}.mini-animal:hover{transform:scale(1.15)}.collection-item{flex-direction:column;align-items:center;gap:.25rem;display:flex}.mini-label{color:#fff9;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:56px;font-size:.65rem;font-weight:700;overflow:hidden}@media (width<=480px){.terra-container{padding:1rem}.terra-title{font-size:1.4rem}.scanner-frame{border-radius:14px}.animal-emoji-big{font-size:4rem}.animal-name{font-size:1.5rem}}.sonus-container{background:radial-gradient(70% 55% at 15% 10%,#c77dff21 0%,#0000 55%),radial-gradient(60% 70% at 88% 88%,#9333ea1a 0%,#0000 55%),radial-gradient(#160824 0%,#05050f 100%);flex-direction:column;align-items:center;min-height:100vh;padding:1.5rem;font-family:Nunito,sans-serif;display:flex;position:relative;overflow:hidden}.sonus-stars{pointer-events:none;background-image:radial-gradient(1px 1px at 8% 12%,#fffc,#0000),radial-gradient(1px 1px at 22% 45%,#fff9,#0000),radial-gradient(2px 2px at 35% 20%,#ffffffb3,#0000),radial-gradient(1px 1px at 50% 70%,#ffffffe6,#0000),radial-gradient(1px 1px at 65% 30%,#ffffff80,#0000),radial-gradient(2px 2px at 80% 15%,#fffc,#0000),radial-gradient(1px 1px at 92% 60%,#ffffffb3,#0000),radial-gradient(1px 1px at 14% 80%,#fff9,#0000),radial-gradient(2px 2px at 75% 85%,#fffc,#0000);animation:6s ease-in-out infinite alternate sonus-twinkle;position:fixed;inset:0}@keyframes sonus-twinkle{0%{opacity:.45}to{opacity:1}}.sonus-badge{color:#c77dff;background:#c77dff1f;border:1px solid #c77dff59;border-radius:50px;padding:.3rem .9rem;font-size:1rem;font-weight:900}.sonus-title{color:#fff;text-align:center;text-shadow:0 0 24px #c77dff99;z-index:1;margin:.4rem 0 .2rem;font-size:1.7rem;font-weight:900;position:relative}.sonus-subtitle{color:#ffffff80;text-align:center;z-index:1;margin-bottom:1.4rem;font-size:.9rem;position:relative}.sonus-intro{z-index:1;flex-direction:column;align-items:center;gap:1.4rem;width:100%;max-width:420px;display:flex}.sonus-intro-text{color:#ffffffd9;text-align:center;background:#c77dff12;border:1px solid #c77dff33;border-radius:20px;padding:1.2rem 1.5rem;font-size:1.05rem;font-weight:700;line-height:1.7}.sonus-orbi-wrap{z-index:1;flex-direction:column;align-items:center;gap:.6rem;margin:.6rem 0;display:flex;position:relative}.sonus-orbi-img{object-fit:cover;filter:drop-shadow(0 0 24px #c77dff99);border-radius:50%;transition:filter .2s;animation:3s ease-in-out infinite sonus-orbi-float}.sonus-orbi-img.playing{animation:.6s ease-in-out infinite alternate sonus-orbi-pulse}@keyframes sonus-orbi-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes sonus-orbi-pulse{0%{filter:drop-shadow(0 0 16px #c77dff99);transform:scale(1)}to{filter:drop-shadow(0 0 36px #c77dff);transform:scale(1.08)}}.sonus-orbi-label{color:#fff9;font-size:.85rem;font-weight:700}.music-note{pointer-events:none;animation:note-float var(--dur) ease-out forwards;opacity:0;left:var(--left);font-size:1.4rem;position:absolute;top:10px}.pattern-display{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;min-height:56px;margin:.5rem 0;display:flex}.pattern-dot{background:var(--note-color);opacity:.35;border:3px solid #fff3;border-radius:50%;width:44px;height:44px;transition:transform .15s,box-shadow .15s;box-shadow:0 0 #0000}.pattern-dot.active{box-shadow:0 0 24px var(--note-color), 0 0 48px var(--note-color);opacity:1;animation:.35s dot-ping;transform:scale(1.3)}.pattern-dot.shown{opacity:.7}@keyframes dot-ping{0%{transform:scale(.8)}50%{transform:scale(1.45)}to{transform:scale(1.3)}}.notes-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:.8rem;width:100%;max-width:400px;margin:.5rem 0;display:grid}.note-btn{cursor:pointer;color:#fff;background:var(--note-color);height:80px;box-shadow:0 6px 20px color-mix(in srgb, var(--note-color) 50%, transparent);text-shadow:0 1px 4px #0000004d;border:none;border-radius:22px;justify-content:center;align-items:center;gap:.4rem;font-family:Nunito,sans-serif;font-size:1rem;font-weight:900;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .15s;display:flex;position:relative;overflow:hidden}.note-btn:before{content:"";opacity:0;background:#ffffff26;border-radius:22px;transition:opacity .15s;position:absolute;inset:0}.note-btn:hover:before{opacity:1}.note-btn:active,.note-btn.lit{box-shadow:0 0 40px var(--note-color), 0 2px 8px #0006;transition-duration:60ms;transform:scale(.91)}.note-btn.lit:before{opacity:.3}.note-btn:disabled{cursor:not-allowed;opacity:.4}.note-btn-label{font-size:1.4rem;font-weight:900}.sonus-status{color:#fff;text-align:center;z-index:1;min-height:1.8rem;font-size:1.1rem;font-weight:900;animation:.3s fadeIn}.progress-dots{z-index:1;gap:.5rem;margin:.3rem 0;display:flex}.prog-dot{background:#fff3;border:1px solid #c77dff4d;border-radius:50%;width:10px;height:10px;transition:background .3s,transform .3s}.prog-dot.filled{background:#c77dff;transform:scale(1.2);box-shadow:0 0 8px #c77dff}.sonus-level{color:#c77dff;background:#c77dff1a;border:1px solid #c77dff4d;border-radius:50px;padding:.3rem .8rem;font-size:.9rem;font-weight:700}.sonus-streak{color:#ffd60a;z-index:1;font-size:1.05rem;font-weight:900;animation:.3s fadeIn}.btn-sonus-start{color:#fff;cursor:pointer;z-index:1;background:linear-gradient(135deg,#c77dff,#7b2dcc);border:none;border-radius:50px;padding:1.1rem 2.6rem;font-family:Nunito,sans-serif;font-size:1.2rem;font-weight:900;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;box-shadow:0 6px 28px #c77dff80}.btn-sonus-start:hover{transform:scale(1.06);box-shadow:0 8px 40px #c77dffbf}.btn-sonus-start:active{transform:scale(.95)}.sonus-float-score{color:#c77dff;text-shadow:0 0 20px #c77dffe6,0 0 40px #c77dff66;pointer-events:none;z-index:50;font-size:2rem;font-weight:900;animation:1.2s ease-out forwards float-up;position:fixed;top:36%}.sonus-levelup{color:#fff;z-index:200;pointer-events:none;text-align:center;background:linear-gradient(135deg,#c77dff,#7b2dcc);border-radius:24px;padding:1rem 2.5rem;font-size:1.5rem;font-weight:900;animation:2.2s forwards levelUpAnim;position:fixed;top:44%;left:50%;transform:translate(-50%,-50%)}@media (width<=480px){.sonus-container{padding:1rem}.sonus-title{font-size:1.4rem}.note-btn{height:70px}.notes-grid{gap:.75rem}}.prisma-container{background:radial-gradient(at top,#2d0040 0%,#05050f 100%);flex-direction:column;align-items:center;min-height:100vh;padding:1.5rem;font-family:Nunito,sans-serif;display:flex;position:relative;overflow:hidden}.prisma-stars{pointer-events:none;background-image:radial-gradient(1px 1px at 7% 15%,#fffc,#0000),radial-gradient(1px 1px at 20% 40%,#fff9,#0000),radial-gradient(2px 2px at 38% 22%,#ffffffb3,#0000),radial-gradient(1px 1px at 55% 68%,#ffffffe6,#0000),radial-gradient(1px 1px at 68% 28%,#ffffff80,#0000),radial-gradient(2px 2px at 82% 12%,#fffc,#0000),radial-gradient(1px 1px at 94% 55%,#ffffffb3,#0000),radial-gradient(1px 1px at 15% 82%,#fff9,#0000),radial-gradient(2px 2px at 77% 88%,#fffc,#0000);animation:7s ease-in-out infinite alternate prisma-twinkle;position:fixed;inset:0}@keyframes prisma-twinkle{0%{opacity:.4}to{opacity:1}}.prisma-shimmer{pointer-events:none;background:conic-gradient(#f725850a 0deg,#4cc9f00a 90deg,#ffd60a0a 180deg,#06d6a00a 270deg,#f725850a 360deg);animation:30s linear infinite prisma-rotate;position:fixed;inset:0}@keyframes prisma-rotate{to{transform:rotate(360deg)}}.prisma-badge{color:#f72585;background:#f725851f;border:1px solid #f7258559;border-radius:50px;padding:.3rem .9rem;font-size:1rem;font-weight:900}.prisma-title{color:#fff;text-align:center;text-shadow:0 0 24px #f7258599;z-index:1;margin:.4rem 0 .2rem;font-size:1.7rem;font-weight:900;position:relative}.prisma-subtitle{color:#ffffff80;text-align:center;z-index:1;margin-bottom:1rem;font-size:.9rem;position:relative}.prisma-challenge{color:#fff;text-align:center;z-index:1;background:#f7258514;border:1px solid #f7258540;border-radius:16px;margin-bottom:.8rem;padding:.6rem 1.4rem;font-size:1.05rem;font-weight:900;position:relative}.pattern-grid-wrap{z-index:1;flex-direction:column;align-items:center;gap:1.2rem;width:100%;max-width:400px;display:flex}.pattern-label{color:#ffffff73;text-transform:uppercase;letter-spacing:.07em;align-self:flex-start;padding-left:4px;font-size:.8rem;font-weight:700}.pattern-grid{gap:8px;width:100%;display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.pattern-cell{aspect-ratio:1;cursor:default;border:2px solid #ffffff14;border-radius:14px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;position:relative;overflow:hidden}.pattern-cell.hidden{cursor:pointer;background:#ffffff0a;border:2px dashed #f7258566;animation:2s ease-in-out infinite alternate hidden-pulse}@keyframes hidden-pulse{0%{border-color:#f7258540}to{border-color:#f72585a6}}.pattern-cell.hidden:hover{border-color:#f72585cc;transform:scale(1.05);box-shadow:0 0 16px #f725854d}.pattern-cell.reveal-anim{animation:.4s cubic-bezier(.34,1.56,.64,1) cell-reveal}@keyframes cell-reveal{0%{opacity:0;transform:scale(.5)rotate(12deg)}60%{transform:scale(1.15)rotate(-3deg)}to{opacity:1;transform:scale(1)rotate(0)}}.cell-shine{pointer-events:none;background:#ffffff40;border-radius:50%;width:40%;height:35%;position:absolute;top:6px;left:6px}.cell-question{color:#f72585b3;justify-content:center;align-items:center;font-size:1.6rem;font-weight:900;display:flex;position:absolute;inset:0}.options-label{color:#ffffff73;text-transform:uppercase;letter-spacing:.07em;text-align:center;z-index:1;margin-bottom:.4rem;font-size:.8rem;font-weight:700}.options-row{z-index:1;flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.option-cell{cursor:pointer;border:3px solid #ffffff1f;border-radius:16px;width:64px;height:64px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.option-cell:hover{border-color:#f7258599;transform:scale(1.12)translateY(-4px);box-shadow:0 8px 24px #f725854d}.option-cell:active{transition-duration:70ms;transform:scale(.93)}.option-cell.correct-flash{animation:.4s correct-flash}@keyframes correct-flash{0%{transform:scale(1)}40%{border-color:#06d6a0;transform:scale(1.35);box-shadow:0 0 40px #06d6a0cc}to{transform:scale(1)}}.option-cell.wrong-flash{animation:.4s wrong-flash}@keyframes wrong-flash{0%{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}to{transform:translate(0)}}.prisma-status{color:#fff;text-align:center;z-index:1;min-height:1.8rem;font-size:1.1rem;font-weight:900;animation:.3s fadeInP}@keyframes fadeInP{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.prisma-level{color:#f72585;background:#f725851a;border:1px solid #f725854d;border-radius:50px;padding:.3rem .8rem;font-size:.9rem;font-weight:700}.prisma-streak{color:#ffd60a;z-index:1;font-size:1rem;font-weight:900;animation:.3s fadeInP}.prisma-float-score{color:#f72585;text-shadow:0 0 20px #f72585e6,0 0 40px #f7258566;pointer-events:none;z-index:50;font-size:2rem;font-weight:900;animation:1.2s ease-out forwards float-up-p;position:fixed;top:36%}@keyframes float-up-p{0%{opacity:0;transform:translateY(0)scale(.6)}20%{opacity:1;transform:translateY(-10px)scale(1.2)}80%{opacity:1;transform:translateY(-55px)scale(1)}to{opacity:0;transform:translateY(-85px)scale(.9)}}.prisma-levelup{color:#fff;z-index:200;pointer-events:none;text-align:center;background:linear-gradient(135deg,#f72585,#b5179e);border-radius:24px;padding:1rem 2.5rem;font-size:1.5rem;font-weight:900;animation:2.2s forwards levelUpAnimP;position:fixed;top:44%;left:50%;transform:translate(-50%,-50%)}@keyframes levelUpAnimP{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}.orbi-prisma-wrap{z-index:1;flex-direction:column;align-items:center;gap:.4rem;margin:.4rem 0;display:flex}.orbi-prisma-svg{filter:drop-shadow(0 0 20px #f7258599)}.prisma-intro{z-index:1;flex-direction:column;align-items:center;gap:1.4rem;width:100%;max-width:400px;display:flex}.prisma-intro-text{color:#ffffffe6;text-align:center;-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #f725854d;border-radius:20px;padding:1.2rem 1.5rem;font-size:1.05rem;font-weight:700;line-height:1.7}.btn-prisma-start{color:#fff;cursor:pointer;z-index:1;background:linear-gradient(135deg,#f72585,#7b2d8b);border:none;border-radius:50px;padding:1.1rem 2.6rem;font-family:Nunito,sans-serif;font-size:1.2rem;font-weight:900;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;box-shadow:0 6px 28px #f7258580}.btn-prisma-start:hover{transform:scale(1.06);box-shadow:0 8px 40px #f72585bf}.btn-prisma-start:active{transform:scale(.95)}@media (width<=480px){.prisma-container{padding:1rem}.prisma-title{font-size:1.4rem}.option-cell{width:54px;height:54px}}.kinetis-container{-webkit-user-select:none;user-select:none;background:radial-gradient(at top,#2d0020 0%,#05050f 100%);flex-direction:column;align-items:center;height:100vh;min-height:100vh;font-family:Nunito,sans-serif;display:flex;position:relative;overflow:hidden}.kinetis-stars{pointer-events:none;background-image:radial-gradient(1px 1px at 8% 14%,#ffffffb3,#0000),radial-gradient(1px 1px at 24% 42%,#ffffff80,#0000),radial-gradient(2px 2px at 40% 20%,#fff9,#0000),radial-gradient(1px 1px at 58% 70%,#fffc,#0000),radial-gradient(1px 1px at 72% 30%,#ffffff80,#0000),radial-gradient(2px 2px at 88% 55%,#ffffffb3,#0000),radial-gradient(1px 1px at 15% 80%,#fff9,#0000),radial-gradient(2px 2px at 78% 88%,#ffffffb3,#0000);animation:6s ease-in-out infinite alternate k-twinkle;position:fixed;inset:0}@keyframes k-twinkle{0%{opacity:.4}to{opacity:1}}.kinetis-header{z-index:20;justify-content:space-between;align-items:center;width:100%;padding:1.2rem 1.5rem 0;display:flex;position:relative}.kinetis-badge{color:#ff6b6b;background:#ff6b6b1f;border:1px solid #ff6b6b59;border-radius:50px;padding:.3rem .9rem;font-size:1rem;font-weight:900}.kinetis-score{color:#ffd60a;align-items:center;gap:.3rem;font-size:1.2rem;font-weight:900;display:flex}.kinetis-top{z-index:10;text-align:center;width:100%;padding:.5rem 1rem 0;position:relative}.kinetis-title{color:#fff;text-shadow:0 0 30px #ff0040cc,0 0 60px #ff6b6b66;font-size:1.5rem;font-weight:900}.kinetis-challenge{color:#fff;background:#ff6b6b1f;border:1px solid #ff6b6b4d;border-radius:14px;margin-top:.3rem;padding:.45rem 1.1rem;font-size:1rem;font-weight:900;display:inline-block}.kinetis-stats{z-index:10;gap:1rem;margin-top:.4rem;display:flex;position:relative}.k-stat{color:#fff9;background:#ffffff0d;border:1px solid #ffffff14;border-radius:30px;padding:.25rem .7rem;font-size:.85rem;font-weight:700}.k-stat span{color:#ff6b6b}.kinetis-arena{touch-action:none;flex:1;width:100%;position:relative;overflow:hidden}.k-bubble{cursor:pointer;animation:bubble-rise var(--bdur) linear forwards;will-change:transform, top;-webkit-tap-highlight-color:transparent;border-radius:50%;justify-content:center;align-items:center;transition:transform 80ms;display:flex;position:absolute}.k-bubble-text{font-size:var(--bfont);color:#fff;text-shadow:0 1px 3px #0009;pointer-events:none;background:#00000073;border-radius:20px;padding:2px 7px;font-family:Nunito,sans-serif;font-weight:700;line-height:1.3}.k-bubble:before{content:"";pointer-events:none;background:#ffffff59;border-radius:50%;width:28%;height:20%;position:absolute;top:12%;left:18%}.k-bubble:after{content:"";pointer-events:none;border:2px solid #fff3;border-radius:50%;position:absolute;inset:2px}@keyframes bubble-rise{0%{opacity:0;transform:translateY(0)rotate(0)scale(1)}5%{opacity:1}90%{opacity:1}to{transform:translateY(var(--rise)) rotate(var(--rot)) scale(.85);opacity:0}}.k-bubble.popped{pointer-events:none;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards bubble-pop!important}@keyframes bubble-pop{0%{opacity:1;transform:scale(1)}40%{opacity:.8;transform:scale(1.5)}to{opacity:0;transform:scale(0)}}.k-bubble.wrong-pop{pointer-events:none;animation:.4s forwards bubble-wrong!important}@keyframes bubble-wrong{0%{opacity:1;transform:scale(1)rotate(0)}25%{transform:scale(1.1)rotate(-15deg)}75%{transform:scale(.9)rotate(15deg)}to{opacity:0;transform:scale(0)}}.k-particle{width:var(--ps);height:var(--ps);background:var(--pc);pointer-events:none;animation:k-particle-fly var(--pd) ease-out forwards;border-radius:50%;position:absolute}@keyframes k-particle-fly{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--px), var(--py)) scale(0);opacity:0}}.k-miss{color:#ff6b6bcc;pointer-events:none;z-index:30;font-size:1.4rem;font-weight:900;animation:.8s ease-out forwards k-miss-fade;position:absolute}@keyframes k-miss-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.k-float-score{color:#ff6b6b;text-shadow:0 0 16px #ff6b6be6;pointer-events:none;z-index:50;font-size:1.8rem;font-weight:900;animation:1s ease-out forwards k-float-up;position:fixed}@keyframes k-float-up{0%{opacity:0;transform:translateY(0)scale(.7)}20%{opacity:1;transform:translateY(-8px)scale(1.2)}to{opacity:0;transform:translateY(-60px)scale(.9)}}.k-levelup{color:#fff;z-index:200;pointer-events:none;text-align:center;background:linear-gradient(135deg,#ff6b6b,#ee0979);border-radius:24px;padding:1rem 2.5rem;font-size:1.5rem;font-weight:900;animation:2.2s forwards k-lvl-anim;position:fixed;top:44%;left:50%;transform:translate(-50%,-50%)}@keyframes k-lvl-anim{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}.k-streak{z-index:10;color:#ffd60a;font-size:1rem;font-weight:900;animation:.3s fadeIn;position:relative}.kinetis-intro{z-index:10;flex-direction:column;align-items:center;gap:1.6rem;padding:1.5rem;animation:.5s cubic-bezier(.34,1.56,.64,1) both intro-enter;display:flex;position:relative}@keyframes intro-enter{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.kinetis-intro-text{color:#fffffff2;text-align:center;-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ff6b6b4d;border-radius:22px;max-width:320px;padding:1.3rem 1.6rem;font-size:1.05rem;font-weight:700;line-height:1.6;box-shadow:0 4px 32px #ff00401f,inset 0 1px #ffffff14}.kinetis-intro-sphere{background:radial-gradient(circle at 32% 28%,#ffb4b4f2,#ff0040 55%,#7a0020);border-radius:50%;flex-shrink:0;width:96px;height:96px;animation:3s ease-in-out infinite alternate sphere-pulse;position:relative;box-shadow:0 0 0 10px #ff004014,0 0 0 22px #ff00400a,0 0 50px #ff6b6bb3,0 0 100px #ff00404d}.kinetis-intro-sphere:before{content:"";background:#ffffff73;border-radius:50%;width:30%;height:22%;position:absolute;top:13%;left:17%}.kinetis-intro-sphere:after{content:"";border:2px solid #ffffff1f;border-radius:50%;position:absolute;inset:2px}@keyframes sphere-pulse{0%{transform:scale(1);box-shadow:0 0 0 10px #ff004014,0 0 0 22px #ff00400a,0 0 50px #ff6b6bb3,0 0 100px #ff00404d}to{transform:scale(1.06);box-shadow:0 0 0 14px #ff00401f,0 0 0 30px #ff00400f,0 0 70px #ff6b6be6,0 0 130px #ff004066}}.btn-kinetis-start{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b6b,#ff0040);border:none;border-radius:50px;padding:1.1rem 2.6rem;font-family:Nunito,sans-serif;font-size:1.2rem;font-weight:900;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;box-shadow:0 6px 28px #ff6b6b80}.btn-kinetis-start:hover{transform:scale(1.06);box-shadow:0 8px 40px #ff6b6bbf}.btn-kinetis-start:active{transform:scale(.95)}@media (width<=480px){.kinetis-title{font-size:1.3rem}}.nexus-container{background:radial-gradient(70% 55% at 15% 8%,#f9844a21 0%,#0000 55%),radial-gradient(60% 70% at 88% 92%,#ff6b6b14 0%,#0000 55%),radial-gradient(#180d04 0%,#05050f 100%);flex-direction:column;align-items:center;min-height:100vh;padding:1.5rem;font-family:Nunito,sans-serif;display:flex;position:relative;overflow:hidden}.nexus-stars{pointer-events:none;background-image:radial-gradient(1px 1px at 6% 10%,#fffc,#0000),radial-gradient(1px 1px at 22% 44%,#fff9,#0000),radial-gradient(2px 2px at 37% 22%,#ffffffb3,#0000),radial-gradient(1px 1px at 54% 68%,#ffffffe6,#0000),radial-gradient(1px 1px at 70% 32%,#ffffff80,#0000),radial-gradient(2px 2px at 85% 14%,#fffc,#0000),radial-gradient(1px 1px at 92% 58%,#ffffffb3,#0000);animation:7s ease-in-out infinite alternate nx-twinkle;position:fixed;inset:0}@keyframes nx-twinkle{0%{opacity:.4}to{opacity:1}}.nexus-badge{color:#f9844a;background:#f9844a1f;border:1px solid #f9844a59;border-radius:50px;padding:.3rem .9rem;font-size:1rem;font-weight:900}.nexus-title{color:#fff;text-align:center;text-shadow:0 0 22px #f9844a99;z-index:1;margin:.5rem 0 .2rem;font-size:1.7rem;font-weight:900;position:relative}.nexus-subtitle{color:#ffffff80;text-align:center;z-index:1;margin-bottom:1.2rem;font-size:.9rem;position:relative}.nexus-progress{z-index:1;background:#ffffff12;border-radius:6px;width:100%;max-width:420px;height:6px;margin-bottom:1.2rem;position:relative;overflow:hidden}.nexus-progress-fill{background:linear-gradient(90deg,#f9844a,#ffd60a);border-radius:6px;height:100%;transition:width .5s;box-shadow:0 0 8px #f9844a99}.scenario-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:1;background:#f9844a12;border:1px solid #f9844a40;border-radius:28px;width:100%;max-width:420px;margin-bottom:1.2rem;padding:1.5rem 1.4rem;animation:.4s cubic-bezier(.34,1.56,.64,1) nx-card-in;position:relative}@keyframes nx-card-in{0%{opacity:0;transform:scale(.88)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.scenario-scene{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.scenario-illustration{flex-shrink:0;font-size:3.8rem;animation:2s ease-in-out infinite nx-bounce}@keyframes nx-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.scenario-text{color:#fff;font-size:1.05rem;font-weight:700;line-height:1.65}.scenario-question{color:#f9844a;text-transform:uppercase;letter-spacing:.05em;margin-top:.8rem;font-size:.9rem;font-weight:900}.nexus-options{z-index:1;grid-template-columns:1fr 1fr;gap:.85rem;width:100%;max-width:420px;display:grid;position:relative}.nexus-option{cursor:pointer;text-align:center;background:#ffffff0d;border:2px solid #ffffff17;border-radius:20px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .9rem;font-family:Nunito,sans-serif;transition:transform .18s cubic-bezier(.34,1.56,.64,1),border-color .2s,background .2s,box-shadow .2s;display:flex}.nexus-option:hover{background:#f9844a14;border-color:#f9844a80;transform:translateY(-4px)scale(1.03);box-shadow:0 8px 24px #f9844a33}.nexus-option:active{transform:scale(.94)}.nexus-option.correct{background:#06d6a026;border-color:#06d6a0;animation:.4s nx-correct;box-shadow:0 0 24px #06d6a066}@keyframes nx-correct{0%{transform:scale(1)}40%{transform:scale(1.1)}to{transform:scale(1)}}.nexus-option.wrong{background:#ff47571f;border-color:#ff4757;animation:.4s nx-wrong}@keyframes nx-wrong{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.nexus-option.disabled{pointer-events:none;opacity:.45}.opt-emoji{font-size:2.2rem}.opt-label{color:#fff;font-size:.85rem;font-weight:700;line-height:1.4}.nexus-feedback{color:#ffffffd9;z-index:1;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:18px;width:100%;max-width:420px;margin-top:.8rem;padding:.9rem 1.2rem;font-size:.95rem;font-weight:700;line-height:1.6;animation:.3s nx-card-in;position:relative}.nexus-feedback.good{border-color:#06d6a059}.nexus-feedback.bad{border-color:#ff475759}.nexus-streak{color:#ffd60a;z-index:1;margin-top:.4rem;font-size:1rem;font-weight:900;animation:.3s fadeIn;position:relative}.nexus-end{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:1.2rem;padding:1rem;display:flex;position:relative}.nexus-end-card{background:#f9844a14;border:1px solid #f9844a4d;border-radius:28px;width:100%;max-width:380px;padding:2rem 1.5rem}.nexus-end-emoji{font-size:5rem;animation:2s ease-in-out infinite nx-bounce}.nexus-end-title{color:#fff;margin:.5rem 0;font-size:1.6rem;font-weight:900}.nexus-end-sub{color:#ffffffa6;font-size:1rem;font-weight:700;line-height:1.6}.nexus-end-score{color:#ffd60a;margin-top:.8rem;font-size:1.4rem;font-weight:900}.btn-nexus{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f9844a,#e06020);border:none;border-radius:50px;padding:1rem 2.4rem;font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:900;transition:transform .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 25px #f9844a80}.btn-nexus:hover{transform:scale(1.06)}.btn-nexus:active{transform:scale(.95)}.nexus-float{color:#f9844a;text-shadow:0 0 16px #f9844ae6;pointer-events:none;z-index:50;font-size:1.8rem;font-weight:900;animation:1s ease-out forwards nx-float-up;position:fixed}@keyframes nx-float-up{0%{opacity:0;transform:translateY(0)scale(.7)}20%{opacity:1;transform:translateY(-8px)scale(1.2)}to{opacity:0;transform:translateY(-60px)scale(.9)}}.nexus-intro{z-index:1;flex-direction:column;align-items:center;gap:1.4rem;width:100%;max-width:420px;display:flex}.nexus-intro-text{color:#ffffffd9;text-align:center;background:#f9844a12;border:1px solid #f9844a33;border-radius:20px;padding:1.2rem 1.5rem;font-size:1rem;font-weight:700;line-height:1.7}.btn-nexus-start{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f9844a,#e06020);border:none;border-radius:50px;padding:1.1rem 2.6rem;font-family:Nunito,sans-serif;font-size:1.2rem;font-weight:900;transition:transform .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 28px #f9844a80}.btn-nexus-start:hover{transform:scale(1.06)}.btn-nexus-start:active{transform:scale(.95)}@media (width<=480px){.nexus-container{padding:1rem}.nexus-title{font-size:1.4rem}.opt-emoji{font-size:1.8rem}.opt-label{font-size:.78rem}}.lumis-container{background:radial-gradient(70% 55% at 50% 0,#ffd60a1f 0%,#0000 55%),radial-gradient(60% 80% at 5% 90%,#ffd60a0f 0%,#0000 55%),radial-gradient(#141005 0%,#05050f 100%);flex-direction:column;align-items:center;min-height:100vh;padding:1.5rem;font-family:Nunito,sans-serif;display:flex;position:relative;overflow:hidden}.lumis-stars{pointer-events:none;background-image:radial-gradient(1px 1px at 9% 15%,#fffc,#0000),radial-gradient(1px 1px at 23% 44%,#fff9,#0000),radial-gradient(2px 2px at 38% 22%,#ffffffb3,#0000),radial-gradient(1px 1px at 55% 68%,#ffffffe6,#0000),radial-gradient(1px 1px at 70% 30%,#ffffff80,#0000),radial-gradient(2px 2px at 84% 14%,#fffc,#0000),radial-gradient(1px 1px at 93% 58%,#ffffffb3,#0000),radial-gradient(2px 2px at 16% 82%,#fff9,#0000);animation:7s ease-in-out infinite alternate lm-twinkle;position:fixed;inset:0}@keyframes lm-twinkle{0%{opacity:.4}to{opacity:1}}.lumis-shimmer{pointer-events:none;background:radial-gradient(120% 60% at 50% 0,#ffd60a0d,#0000 60%);animation:4s ease-in-out infinite alternate lm-shimmer;position:fixed;inset:0}@keyframes lm-shimmer{0%{opacity:.5}to{opacity:1}}.lumis-badge{color:#ffd60a;background:#ffd60a1f;border:1px solid #ffd60a59;border-radius:50px;padding:.3rem .9rem;font-size:1rem;font-weight:900}.lumis-title{color:#fff;text-align:center;text-shadow:0 0 24px #ffd60ab3;z-index:1;margin:.5rem 0 .2rem;font-size:1.7rem;font-weight:900;position:relative}.lumis-subtitle{color:#ffffff80;text-align:center;z-index:1;margin-bottom:1rem;font-size:.9rem;position:relative}.lumis-progress{z-index:1;width:100%;max-width:420px;margin-bottom:1rem;position:relative}.lumis-progress-track{background:#ffffff12;border-radius:10px;height:7px;overflow:hidden}.lumis-progress-fill{background:linear-gradient(90deg,#ffd60a,#ff9f43);border-radius:10px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #ffd60a99}.lumis-progress-label{color:#ffffff59;text-align:right;margin-top:.35rem;font-size:.75rem;font-weight:700}.lumis-question-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:1;background:#ffd60a0f;border:1px solid #ffd60a33;border-radius:28px;width:100%;max-width:420px;margin-bottom:1.2rem;padding:1.6rem 1.4rem;animation:.4s cubic-bezier(.34,1.56,.64,1) lm-card-in;position:relative}@keyframes lm-card-in{0%{opacity:0;transform:scale(.88)translateY(18px)}to{opacity:1;transform:scale(1)translateY(0)}}.lumis-q-emoji{text-align:center;margin-bottom:.7rem;font-size:3.2rem;animation:3s ease-in-out infinite lm-float}@keyframes lm-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.lumis-q-text{color:#fff;text-align:center;font-size:1.15rem;font-weight:900;line-height:1.5}.lumis-options{z-index:1;grid-template-columns:1fr 1fr;gap:.8rem;width:100%;max-width:420px;display:grid;position:relative}.lumis-option{cursor:pointer;text-align:center;background:#ffffff0a;border:2px solid #ffffff14;border-radius:20px;flex-direction:column;align-items:center;gap:.4rem;padding:1rem .8rem;font-family:Nunito,sans-serif;transition:transform .18s cubic-bezier(.34,1.56,.64,1),border-color .2s,background .2s;display:flex}.lumis-option:hover{background:#ffd60a14;border-color:#ffd60a80;transform:translateY(-4px)scale(1.04);box-shadow:0 8px 24px #ffd60a26}.lumis-option:active{transform:scale(.93)}.lumis-option.selected{background:#ffd60a2e;border-color:#ffd60a;animation:.35s cubic-bezier(.34,1.56,.64,1) lm-select;box-shadow:0 0 24px #ffd60a59}@keyframes lm-select{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.lm-opt-emoji{font-size:2rem}.lm-opt-label{color:#fff;font-size:.82rem;font-weight:700;line-height:1.35}.lumis-card-wrap{z-index:1;flex-direction:column;align-items:center;gap:1.2rem;width:100%;max-width:420px;display:flex;position:relative}.identity-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffd60a1f,#ff9f4314);border:2px solid #ffd60a66;border-radius:32px;width:100%;padding:2rem 1.5rem;animation:.6s cubic-bezier(.34,1.56,.64,1) lm-card-reveal;box-shadow:0 0 40px #ffd60a26,0 20px 60px #0006,inset 0 1px #ffffff14}@keyframes lm-card-reveal{0%{opacity:0;transform:scale(.7)rotateY(20deg)}to{opacity:1;transform:scale(1)rotateY(0)}}.id-header{text-align:center;border-bottom:1px solid #ffd60a33;margin-bottom:1.4rem;padding-bottom:1rem}.id-orbi-logo{color:#ffd60ab3;letter-spacing:.12em;text-transform:uppercase;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:flex}.id-name{color:#fff;text-shadow:0 0 20px #ffd60a80;text-transform:capitalize;font-size:1.9rem;font-weight:900}.id-planet-name{color:#ffd60aa6;letter-spacing:.08em;margin-top:.2rem;font-size:.85rem;font-weight:700}.id-rows{flex-direction:column;gap:.75rem;display:flex}.id-row{animation:lm-row-in .4s calc(var(--ri) * 80ms) ease both;background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;align-items:center;gap:.8rem;padding:.6rem .8rem;display:flex}@keyframes lm-row-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.id-row-emoji{flex-shrink:0;font-size:1.5rem}.id-row-label{color:#fff6;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:700}.id-row-value{color:#fff;font-size:.95rem;font-weight:900}.id-star-bar{justify-content:center;gap:4px;margin-top:1rem;display:flex}.id-star{color:#ffd60a;animation:lm-star-pop .3s calc(var(--si) * .1s) cubic-bezier(.34,1.56,.64,1) both;font-size:1.2rem}@keyframes lm-star-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.lumis-float{color:#ffd60a;text-shadow:0 0 16px #ffd60ae6;pointer-events:none;z-index:50;font-size:1.8rem;font-weight:900;animation:1s ease-out forwards lm-float-up;position:fixed}@keyframes lm-float-up{0%{opacity:0;transform:translateY(0)scale(.7)}20%{opacity:1;transform:translateY(-8px)scale(1.2)}to{opacity:0;transform:translateY(-60px)scale(.9)}}.btn-lumis{color:#05050f;cursor:pointer;background:linear-gradient(135deg,#ffd60a,#ff9f43);border:none;border-radius:50px;padding:1rem 2.4rem;font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:900;transition:transform .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 25px #ffd60a73}.btn-lumis:hover{transform:scale(1.06)}.btn-lumis:active{transform:scale(.95)}.lumis-intro{z-index:1;flex-direction:column;align-items:center;gap:1.4rem;width:100%;max-width:420px;display:flex}.lumis-intro-text{color:#ffffffd9;text-align:center;background:#ffd60a0f;border:1px solid #ffd60a33;border-radius:20px;padding:1.2rem 1.5rem;font-size:1rem;font-weight:700;line-height:1.7}.btn-lumis-start{color:#05050f;cursor:pointer;background:linear-gradient(135deg,#ffd60a,#ff9f43);border:none;border-radius:50px;padding:1.1rem 2.6rem;font-family:Nunito,sans-serif;font-size:1.2rem;font-weight:900;transition:transform .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 28px #ffd60a73}.btn-lumis-start:hover{transform:scale(1.06)}.btn-lumis-start:active{transform:scale(.95)}@media (width<=480px){.lumis-container{padding:1rem}.lumis-title{font-size:1.4rem}.identity-card{padding:1.5rem 1.1rem}.id-name{font-size:1.6rem}}.mg-container{-webkit-user-select:none;user-select:none;background:radial-gradient(at top,#2d0020 0%,#05050f 100%);flex-direction:column;align-items:center;height:100vh;min-height:100vh;font-family:Nunito,sans-serif;transition:background .1s;display:flex;position:relative;overflow:hidden}.mg-container.mg-flash{background:radial-gradient(at top,#5d0000 0%,#200010 100%)}.mg-stars{pointer-events:none;background-image:radial-gradient(1px 1px at 10% 15%,#ffffffb3,#0000),radial-gradient(1px 1px at 25% 45%,#ffffff80,#0000),radial-gradient(2px 2px at 42% 22%,#fff9,#0000),radial-gradient(1px 1px at 60% 72%,#fffc,#0000),radial-gradient(1px 1px at 78% 33%,#ffffff80,#0000),radial-gradient(2px 2px at 90% 58%,#ffffffb3,#0000);animation:5s ease-in-out infinite alternate mg-twinkle;position:fixed;inset:0}@keyframes mg-twinkle{0%{opacity:.4}to{opacity:1}}.mg-header{z-index:20;justify-content:space-between;align-items:center;width:100%;padding:1.2rem 1.5rem 0;display:flex;position:relative}.mg-badge{color:#ff6b6b;background:#ff6b6b1f;border:1px solid #ff6b6b59;border-radius:50px;padding:.3rem .9rem;font-size:1rem;font-weight:900}.mg-score{color:#ffd60a;align-items:center;gap:.3rem;font-size:1.1rem;font-weight:900;display:flex}.mg-hud{z-index:10;flex-direction:column;align-items:center;gap:.4rem;width:100%;padding:.6rem 1.5rem 0;display:flex;position:relative}.mg-hearts{gap:.3rem;display:flex}.mg-level-badge{color:#ffffff80;background:#ffffff0d;border:1px solid #ffffff14;border-radius:30px;padding:.2rem .7rem;font-size:.8rem;font-weight:700}.mg-hint-row{justify-content:space-between;width:100%;max-width:400px;display:flex}.mg-zone-label{color:#fff3;font-size:.75rem;font-weight:700}.mg-arena{touch-action:none;flex:1;width:100%;position:relative;overflow:hidden}.mg-divider{pointer-events:none;background:#ffffff0a;width:1px;position:absolute;top:0;bottom:0;left:50%}.mg-meteor{width:38px;height:38px;animation:mg-fall var(--dur) linear forwards;background:radial-gradient(circle at 35% 30%,#ff8c00,#8b2000);border-radius:40% 60% 55% 45%/50% 40% 60% 50%;position:absolute;top:-44px;transform:translate(-50%);box-shadow:0 0 12px #ff640099,0 0 24px #ff3c004d}@keyframes mg-fall{0%{top:-44px;transform:translate(-50%)rotate(0)}to{top:110%;transform:translate(-50%)rotate(360deg)}}.mg-ship{width:52px;height:52px;transition:left .14s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:24px;transform:translate(-50%)}.mg-ship:before{content:"";filter:drop-shadow(0 0 10px #4cc9f0cc);border-bottom:48px solid #4cc9f0;border-left:26px solid #0000;border-right:26px solid #0000;width:0;height:0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.mg-ship:after{content:"";background:radial-gradient(circle,#fff,#4cc9f0);border-radius:50%;width:14px;height:14px;position:absolute;bottom:6px;left:50%;transform:translate(-50%);box-shadow:0 0 14px #4cc9f0}.mg-ship-preview{width:60px;height:60px;position:relative}.mg-ship-preview:before{content:"";filter:drop-shadow(0 0 14px #4cc9f0e6);border-bottom:56px solid #4cc9f0;border-left:30px solid #0000;border-right:30px solid #0000;width:0;height:0;animation:2s ease-in-out infinite alternate ship-float;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@keyframes ship-float{0%{transform:translate(-50%)translateY(0)}to{transform:translate(-50%)translateY(-6px)}}.mg-screen{z-index:10;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1.5rem;animation:.4s cubic-bezier(.34,1.4,.64,1) both mg-screen-in;display:flex;position:relative}@keyframes mg-screen-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.mg-intro-text{color:#ffffffe6;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ff6b6b4d;border-radius:20px;max-width:320px;padding:1.2rem 1.5rem;font-size:1rem;font-weight:700;line-height:1.6}.mg-over-title{color:#fff;text-shadow:0 0 30px #ff4757cc;font-size:2rem;font-weight:900}.mg-over-score{color:#fffc;font-size:1.2rem;font-weight:700}.mg-over-level{color:#ffffff80;font-size:.9rem;font-weight:700}.btn-mg-start{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b6b,#ff0040);border:none;border-radius:50px;padding:1rem 2.4rem;font-family:Nunito,sans-serif;font-size:1.15rem;font-weight:900;transition:transform .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 24px #ff6b6b80}.btn-mg-start:hover{transform:scale(1.06)}.btn-mg-start:active{transform:scale(.95)}.btn-mg-back{color:#ffffff8c;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:50px;padding:.65rem 1.6rem;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:700;transition:border-color .2s,color .2s}.btn-mg-back:hover{color:#fff;border-color:#ffffff4d}.dg-container{-webkit-user-select:none;user-select:none;background:radial-gradient(at top,#2d0020 0%,#05050f 100%);flex-direction:column;align-items:center;height:100vh;min-height:100vh;font-family:Nunito,sans-serif;display:flex;position:relative;overflow:hidden}.dg-stars{pointer-events:none;background-image:radial-gradient(1px 1px at 12% 18%,#ffffffb3,#0000),radial-gradient(1px 1px at 30%,#ffffff80,#0000),radial-gradient(2px 2px at 55% 25%,#fff9,#0000),radial-gradient(1px 1px at 70% 75%,#fffc,#0000),radial-gradient(2px 2px at 85% 40%,#fff9,#0000);animation:7s ease-in-out infinite alternate dg-twinkle;position:fixed;inset:0}@keyframes dg-twinkle{0%{opacity:.4}to{opacity:1}}.dg-header{z-index:20;justify-content:space-between;align-items:center;width:100%;padding:1.2rem 1.5rem 0;display:flex;position:relative}.dg-badge{color:#ff6b6b;white-space:nowrap;background:#ff6b6b1f;border:1px solid #ff6b6b59;border-radius:50px;padding:.3rem .9rem;font-size:.95rem;font-weight:900}.dg-score{color:#ffd60a;align-items:center;gap:.3rem;font-size:1.1rem;font-weight:900;display:flex}.dg-status-row{z-index:10;align-items:center;gap:1rem;margin-top:1rem;display:flex}.dg-round-badge{color:#ffffff8c;background:#ffffff0d;border:1px solid #ffffff14;border-radius:30px;padding:.25rem .8rem;font-size:.85rem;font-weight:700}.dg-orbi-msg{color:#ff6b6b;font-size:1rem;font-weight:900;animation:.3s dg-fade-in}@keyframes dg-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.dg-dots{z-index:10;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:340px;margin-top:1rem;padding:0 1rem;display:flex}.dg-dot{background:#ffffff14;border:2px solid #ffffff1f;border-radius:50%;width:16px;height:16px;transition:background .15s,transform .15s}.dg-dot.filled{background:var(--dc);border-color:var(--dc)}.dg-dot.active{background:var(--dc);box-shadow:0 0 12px var(--dc);border-color:var(--dc);transform:scale(1.5)}.dg-feedback{z-index:10;margin-top:.8rem;font-size:1.3rem;font-weight:900;animation:.25s dg-fade-in}.dg-feedback.correct{color:#06d6a0;text-shadow:0 0 20px #06d6a099}.dg-feedback.wrong{color:#ff4757;text-shadow:0 0 20px #ff475799}.dg-grid{z-index:10;grid-template-columns:repeat(3,1fr);gap:.8rem;width:100%;max-width:340px;margin-top:auto;margin-bottom:2.5rem;padding:0 1.5rem;display:grid}.dg-btn{aspect-ratio:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid color-mix(in srgb, var(--mc) 35%, transparent);color:var(--mc);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0d;border-radius:22px;justify-content:center;align-items:center;font-family:Nunito,sans-serif;font-size:2.2rem;font-weight:900;transition:transform .1s,background .15s,box-shadow .15s;display:flex}.dg-btn:active{transform:scale(.9)}.dg-btn.lit{background:color-mix(in srgb, var(--mc) 30%, transparent);border-color:var(--mc);box-shadow:0 0 24px var(--mc), 0 0 48px color-mix(in srgb, var(--mc) 40%, transparent);transform:scale(1.08)}.dg-center-orbi{aspect-ratio:1;background:radial-gradient(circle at 34% 34%,#ffb3d9,#f72585 55%,#7a0038);border-radius:50%;box-shadow:0 0 20px #f7258580}.dg-screen{z-index:10;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem;animation:.4s dg-fade-in;display:flex}.dg-orbi-preview{grid-template-columns:repeat(2,1fr);gap:.7rem;width:160px;display:grid}.dg-preview-btn{aspect-ratio:1;background:color-mix(in srgb, var(--mc) 20%, #0000004d);border:2px solid color-mix(in srgb, var(--mc) 50%, transparent);color:var(--mc);border-radius:18px;justify-content:center;align-items:center;font-size:1.8rem;font-weight:900;animation:2s ease-in-out infinite alternate dg-preview-pulse;display:flex}@keyframes dg-preview-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.06)}}.dg-intro-text{color:#ffffffe6;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ff6b6b4d;border-radius:20px;max-width:320px;padding:1.2rem 1.5rem;font-size:1rem;font-weight:700;line-height:1.6}.btn-dg-start{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b6b,#ff0040);border:none;border-radius:50px;padding:1rem 2.4rem;font-family:Nunito,sans-serif;font-size:1.15rem;font-weight:900;transition:transform .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 24px #ff6b6b80}.btn-dg-start:hover{transform:scale(1.06)}.btn-dg-start:active{transform:scale(.95)}.rg-container{-webkit-user-select:none;user-select:none;background:radial-gradient(at top,#1a002d 0%,#05050f 100%);flex-direction:column;align-items:center;height:100vh;min-height:100vh;font-family:Nunito,sans-serif;display:flex;position:relative;overflow:hidden}.rg-stars{pointer-events:none;background-image:radial-gradient(1px 1px at 10% 20%,#ffffffb3,#0000),radial-gradient(2px 2px at 35% 60%,#ffffff80,#0000),radial-gradient(1px 1px at 65% 30%,#fff9,#0000),radial-gradient(2px 2px at 80% 75%,#ffffffb3,#0000);animation:5s ease-in-out infinite alternate rg-twinkle;position:fixed;inset:0}@keyframes rg-twinkle{0%{opacity:.4}to{opacity:1}}.rg-header{z-index:20;justify-content:space-between;align-items:center;width:100%;padding:1.2rem 1.5rem 0;display:flex;position:relative}.rg-badge{color:#c77dff;background:#c77dff1f;border:1px solid #c77dff59;border-radius:50px;padding:.3rem .9rem;font-size:.95rem;font-weight:900}.rg-score{color:#ffd60a;align-items:center;gap:.3rem;font-size:1.1rem;font-weight:900;display:flex}.rg-play-area{z-index:10;flex-direction:column;flex:1;justify-content:space-around;align-items:center;width:100%;padding:1rem 1.5rem 2rem;display:flex}.rg-stats-row{align-items:center;gap:1rem;display:flex}.rg-streak{color:#ffd60a;text-shadow:0 0 16px #ffd60ab3;font-size:1.1rem;font-weight:900;animation:.3s rg-pop}@keyframes rg-pop{0%{transform:scale(.7)}to{transform:scale(1)}}.rg-tap-count{color:#fff6;font-size:.85rem;font-weight:700}.rg-visual{justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative}.rg-ring{border:2px solid #c77dff26;border-radius:50%;transition:transform 80ms,opacity 80ms;position:absolute}.rg-ring-1{width:80px;height:80px}.rg-ring-2{border-color:#c77dff1a;width:120px;height:120px}.rg-ring-3{border-color:#c77dff0f;width:170px;height:170px}.rg-ring.rg-pulse{border-color:#c77dffb3;transform:scale(1.06)}.rg-ring-2.rg-pulse{border-color:#c77dff66}.rg-ring-3.rg-pulse{border-color:#c77dff33}.rg-core{background:radial-gradient(circle,#e0aaff,#c77dff 60%,#4a0e8f);border-radius:50%;width:40px;height:40px;transition:transform 80ms,box-shadow 80ms;box-shadow:0 0 16px #c77dff99}.rg-core.rg-pulse{transform:scale(1.3);box-shadow:0 0 40px #c77dff,0 0 80px #c77dff66}.rg-feedback{font-size:1.4rem;font-weight:900;animation:.25s rg-pop}.rg-fb-perfect{color:#06d6a0;text-shadow:0 0 20px #06d6a0b3}.rg-fb-good{color:#ffd60a}.rg-fb-miss{color:#ffffff59}.rg-tap-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#c77dff,#7b2d8b);border:none;border-radius:50%;width:160px;height:160px;font-family:Nunito,sans-serif;font-size:2rem;font-weight:900;transition:transform 80ms,box-shadow 80ms;box-shadow:0 0 40px #c77dff80,0 8px 32px #0006}.rg-tap-btn:active{transform:scale(.93);box-shadow:0 0 60px #c77dffe6,0 4px 16px #0006}.btn-rg-stop{color:#fff6;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:50px;padding:.5rem 1.5rem;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:700}.btn-rg-stop:hover{color:#fff;border-color:#ffffff4d}.rg-screen{z-index:10;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1.5rem;display:flex}.rg-pulse-preview{background:radial-gradient(circle,#e0aaff,#c77dff 60%,#4a0e8f);border-radius:50%;width:80px;height:80px;animation:.75s ease-in-out infinite alternate rg-preview-beat;box-shadow:0 0 30px #c77dff99}@keyframes rg-preview-beat{0%{transform:scale(.9);box-shadow:0 0 20px #c77dff66}to{transform:scale(1.1);box-shadow:0 0 50px #c77dffe6}}.rg-intro-text{color:#ffffffe6;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #c77dff4d;border-radius:20px;max-width:320px;padding:1.2rem 1.5rem;font-size:1rem;font-weight:700;line-height:1.6}.btn-rg-start{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c77dff,#7b2d8b);border:none;border-radius:50px;padding:1rem 2.4rem;font-family:Nunito,sans-serif;font-size:1.15rem;font-weight:900;transition:transform .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 24px #c77dff80}.btn-rg-start:hover{transform:scale(1.06)}.btn-rg-start:active{transform:scale(.95)}.cg-container{background:radial-gradient(at top,#001a2d 0%,#05050f 100%);flex-direction:column;align-items:center;height:100vh;min-height:100vh;font-family:Nunito,sans-serif;display:flex;position:relative;overflow:hidden}.cg-stars{pointer-events:none;background-image:radial-gradient(1px 1px at 8% 16%,#ffffffb3,#0000),radial-gradient(1px 1px at 28% 48%,#ffffff80,#0000),radial-gradient(2px 2px at 55% 22%,#fff9,#0000),radial-gradient(1px 1px at 72% 68%,#fffc,#0000),radial-gradient(2px 2px at 88% 44%,#fff9,#0000);animation:6s ease-in-out infinite alternate cg-twinkle;position:fixed;inset:0}@keyframes cg-twinkle{0%{opacity:.4}to{opacity:1}}.cg-header{z-index:20;justify-content:space-between;align-items:center;width:100%;padding:1.2rem 1.5rem 0;display:flex}.cg-badge{color:#4cc9f0;background:#4cc9f01f;border:1px solid #4cc9f04d;border-radius:50px;padding:.3rem .9rem;font-size:.9rem;font-weight:900}.cg-score{color:#ffd60a;align-items:center;gap:.3rem;font-size:1.1rem;font-weight:900;display:flex}.cg-hud{z-index:10;align-items:center;gap:1rem;padding:.8rem 1.5rem 0;display:flex}.cg-level-badge{color:#ffffff80;background:#ffffff0d;border:1px solid #ffffff14;border-radius:30px;padding:.22rem .7rem;font-size:.82rem;font-weight:700}.cg-streak{color:#ffd60a;text-shadow:0 0 12px #ffd60a99;font-size:1rem;font-weight:900}.cg-question{color:#fff;text-align:center;z-index:10;padding:.6rem 1.5rem;font-size:1.15rem;font-weight:900}.cg-field{background:#4cc9f008;border:1px solid #4cc9f01a;border-radius:20px;flex:1;width:100%;max-width:460px;min-height:200px;margin:.4rem 1.2rem;position:relative;overflow:hidden}.cg-field.cg-shake{animation:.4s cg-shake}@keyframes cg-shake{0%{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}to{transform:translate(0)}}.cg-correct-overlay{background:#06d6a026;border-radius:20px;animation:.8s forwards cg-flash;position:absolute;inset:0}@keyframes cg-flash{0%{opacity:0}30%{opacity:1}to{opacity:0}}.cg-object{animation:.3s cubic-bezier(.34,1.4,.64,1) both cg-obj-in;position:absolute;transform:translate(-50%,-50%)}@keyframes cg-obj-in{0%{transform:translate(-50%,-50%)scale(0)}to{transform:translate(-50%,-50%)scale(1)}}.cg-options{z-index:10;flex-wrap:wrap;justify-content:center;gap:.8rem;padding:.8rem 1.5rem 1.5rem;display:flex}.cg-opt-btn{color:#fff;cursor:pointer;background:#4cc9f01a;border:2px solid #4cc9f040;border-radius:20px;width:68px;height:68px;font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:900;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s,border-color .15s}.cg-opt-btn:hover:not(:disabled){background:#4cc9f038;border-color:#4cc9f0;transform:scale(1.1)}.cg-opt-btn:active:not(:disabled){transform:scale(.92)}.cg-opt-btn:disabled{cursor:default}.cg-opt-btn.cg-correct{color:#06d6a0;background:#06d6a04d;border-color:#06d6a0}.cg-screen{z-index:10;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1.5rem;display:flex}.cg-intro-icon{animation:8s linear infinite cg-spin}@keyframes cg-spin{to{transform:rotate(360deg)}}.cg-intro-text{color:#ffffffe6;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #4cc9f04d;border-radius:20px;max-width:320px;padding:1.2rem 1.5rem;font-size:1rem;font-weight:700;line-height:1.6}.btn-cg-start{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4cc9f0,#0077b6);border:none;border-radius:50px;padding:1rem 2.4rem;font-family:Nunito,sans-serif;font-size:1.15rem;font-weight:900;transition:transform .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 24px #4cc9f066}.btn-cg-start:hover{transform:scale(1.06)}.btn-cg-start:active{transform:scale(.95)}.sg-container{background:radial-gradient(at top,#2d0040 0%,#05050f 100%);flex-direction:column;align-items:center;height:100vh;min-height:100vh;font-family:Nunito,sans-serif;display:flex;position:relative;overflow:hidden}.sg-stars{pointer-events:none;background-image:radial-gradient(1px 1px at 8% 16%,#ffffffb3,#0000),radial-gradient(1px 1px at 30%,#ffffff80,#0000),radial-gradient(2px 2px at 60% 28%,#fff9,#0000),radial-gradient(1px 1px at 78% 70%,#ffffffb3,#0000);animation:7s ease-in-out infinite alternate sg-twinkle;position:fixed;inset:0}@keyframes sg-twinkle{0%{opacity:.4}to{opacity:1}}.sg-header{z-index:20;justify-content:space-between;align-items:center;width:100%;padding:1.2rem 1.5rem 0;display:flex}.sg-badge{color:#f72585;background:#f725851f;border:1px solid #f725854d;border-radius:50px;padding:.3rem .9rem;font-size:.9rem;font-weight:900}.sg-score{color:#ffd60a;align-items:center;gap:.3rem;font-size:1.1rem;font-weight:900;display:flex}.sg-hud{z-index:10;justify-content:center;align-items:center;gap:1rem;width:100%;padding:.7rem 1.5rem 0;display:flex}.sg-solved-badge{color:#ffffff80;background:#ffffff0d;border:1px solid #ffffff14;border-radius:30px;padding:.22rem .7rem;font-size:.82rem;font-weight:700}.sg-hint{color:#f72585cc;font-size:.85rem;font-weight:700}.sg-celebrate{color:#fff;z-index:200;pointer-events:none;background:linear-gradient(135deg,#f72585,#7b2d8b);border-radius:24px;padding:1rem 2.5rem;font-size:1.6rem;font-weight:900;animation:1.4s forwards sg-cele;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes sg-cele{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}.sg-ship-area,.sg-pieces-area{z-index:10;width:100%;max-width:440px;padding:.5rem 1.5rem}.sg-area-label{color:#ffffff59;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.sg-slots{grid-template-columns:repeat(2,1fr);gap:.7rem;display:grid}.sg-slot{aspect-ratio:1;border:2px dashed color-mix(in srgb, var(--sc) 40%, transparent);cursor:pointer;background:#ffffff0a;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;font-family:Nunito,sans-serif;transition:border-color .15s,background .15s,transform .12s;display:flex}.sg-slot:hover{border-color:var(--sc);background:color-mix(in srgb, var(--sc) 10%, transparent)}.sg-slot.sg-wrong{border-color:#ff4757;animation:.4s sg-shake}.sg-slot.sg-filled{background:color-mix(in srgb, var(--sc) 12%, transparent);cursor:default;border-style:solid}@keyframes sg-shake{0%{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}to{transform:translate(0)}}.sg-slot-label{color:#ffffff4d;font-size:.78rem;font-weight:700}.sg-pieces{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.sg-piece{aspect-ratio:1;border:2px solid color-mix(in srgb, var(--pc) 30%, transparent);cursor:pointer;background:#ffffff0d;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;font-family:Nunito,sans-serif;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s,box-shadow .15s;display:flex}.sg-piece:hover:not(:disabled){transform:scale(1.08)}.sg-piece.sg-selected{border-color:var(--pc);background:color-mix(in srgb, var(--pc) 20%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--pc) 50%, transparent);transform:scale(1.08)}.sg-piece.sg-placed{opacity:.25;cursor:default}.sg-piece-name{color:#ffffff8c;font-size:.68rem;font-weight:700}.sg-screen{z-index:10;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1.5rem;display:flex}.sg-ship-preview{gap:.5rem;animation:3s ease-in-out infinite alternate sg-float;display:flex}@keyframes sg-float{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.sg-intro-text{color:#ffffffe6;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #f725854d;border-radius:20px;max-width:320px;padding:1.2rem 1.5rem;font-size:1rem;font-weight:700;line-height:1.6}.btn-sg-start{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f72585,#7b2d8b);border:none;border-radius:50px;padding:1rem 2.4rem;font-family:Nunito,sans-serif;font-size:1.15rem;font-weight:900;transition:transform .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 24px #f7258573}.btn-sg-start:hover{transform:scale(1.06)}.btn-sg-start:active{transform:scale(.95)}.ag-container{background:radial-gradient(at top,#0d2d00 0%,#05050f 100%);flex-direction:column;align-items:center;height:100vh;min-height:100vh;font-family:Nunito,sans-serif;display:flex;position:relative;overflow:hidden}.ag-stars{pointer-events:none;background-image:radial-gradient(1px 1px at 10% 18%,#fff9,#0000),radial-gradient(1px 1px at 35% 55%,#ffffff80,#0000),radial-gradient(2px 2px at 65% 28%,#ffffffb3,#0000),radial-gradient(1px 1px at 82% 72%,#ffffff80,#0000);animation:6s ease-in-out infinite alternate ag-twinkle;position:fixed;inset:0}@keyframes ag-twinkle{0%{opacity:.4}to{opacity:1}}.ag-header{z-index:20;justify-content:space-between;align-items:center;width:100%;padding:1.2rem 1.5rem 0;display:flex}.ag-badge{color:#80b918;background:#80b9181f;border:1px solid #80b9184d;border-radius:50px;padding:.3rem .9rem;font-size:.9rem;font-weight:900}.ag-score{color:#ffd60a;align-items:center;gap:.3rem;font-size:1.1rem;font-weight:900;display:flex}.ag-hud{z-index:10;align-items:center;gap:1rem;padding:.7rem 1.5rem 0;display:flex}.ag-round{color:#ffffff73;background:#ffffff0d;border:1px solid #ffffff14;border-radius:30px;padding:.22rem .7rem;font-size:.82rem;font-weight:700}.ag-streak{color:#ffd60a;text-shadow:0 0 12px #ffd60a99;font-size:1rem;font-weight:900}.ag-hint-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#80b91812;border:1px solid;border-radius:20px;width:100%;max-width:420px;margin:.8rem 1.5rem 0;padding:1.1rem 1.4rem}.ag-hint-label{color:#80b918;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem;font-size:.75rem;font-weight:700}.ag-hint-text{color:#ffffffe6;font-size:1rem;font-weight:700;line-height:1.5}.ag-mystery{z-index:10;border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:1rem 0;animation:2s ease-in-out infinite alternate ag-mystery-pulse;display:flex}@keyframes ag-mystery-pulse{0%{transform:scale(.95)}to{transform:scale(1.05)}}.ag-question-mark{font-size:3rem;font-weight:900}.ag-feedback{text-align:center;z-index:10;padding:0 1rem;font-size:1.1rem;font-weight:900;animation:.25s ag-pop}@keyframes ag-pop{0%{transform:scale(.7)}to{transform:scale(1)}}.ag-feedback.correct{color:#80b918}.ag-feedback.wrong{color:#ff4757}.ag-options{z-index:10;grid-template-columns:1fr 1fr;gap:.7rem;width:100%;max-width:420px;padding:.5rem 1.5rem 1.5rem;display:grid}.ag-opt{color:#fff;cursor:pointer;background:#80b91812;border:1px solid #80b91833;border-radius:18px;padding:.9rem 1rem;font-family:Nunito,sans-serif;font-size:1rem;font-weight:900;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s}.ag-opt:hover:not(:disabled){background:#80b9182e;border-color:#80b918;transform:scale(1.04)}.ag-opt:active:not(:disabled){transform:scale(.95)}.ag-opt:disabled{cursor:default}.ag-opt-correct{color:#80b918!important;background:#80b91847!important;border-color:#80b918!important}.ag-opt-wrong{color:#ff4757!important;background:#ff475733!important;border-color:#ff4757!important}.ag-screen{z-index:10;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 1.5rem;display:flex}.ag-paw{animation:3s ease-in-out infinite alternate ag-float}@keyframes ag-float{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.ag-intro-text{color:#ffffffe6;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #80b9184d;border-radius:20px;max-width:320px;padding:1.2rem 1.5rem;font-size:1rem;font-weight:700;line-height:1.6}.btn-ag-start{color:#fff;cursor:pointer;background:linear-gradient(135deg,#80b918,#3d7300);border:none;border-radius:50px;padding:1rem 2.4rem;font-family:Nunito,sans-serif;font-size:1.15rem;font-weight:900;transition:transform .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 24px #80b91866}.btn-ag-start:hover{transform:scale(1.06)}.btn-ag-start:active{transform:scale(.95)}.eg-container{background:radial-gradient(at top,#2d1000 0%,#05050f 100%);flex-direction:column;align-items:center;height:100vh;min-height:100vh;font-family:Nunito,sans-serif;display:flex;position:relative;overflow:hidden}.eg-stars{pointer-events:none;background-image:radial-gradient(1px 1px at 12% 20%,#fff9,#0000),radial-gradient(1px 1px at 40% 60%,#ffffff80,#0000),radial-gradient(2px 2px at 68% 30%,#ffffffb3,#0000),radial-gradient(1px 1px at 85% 75%,#ffffff80,#0000);animation:7s ease-in-out infinite alternate eg-twinkle;position:fixed;inset:0}@keyframes eg-twinkle{0%{opacity:.4}to{opacity:1}}.eg-header{z-index:20;justify-content:space-between;align-items:center;width:100%;padding:1.2rem 1.5rem 0;display:flex}.eg-badge{color:#f9844a;background:#f9844a1f;border:1px solid #f9844a4d;border-radius:50px;padding:.3rem .9rem;font-size:.9rem;font-weight:900}.eg-score{color:#ffd60a;align-items:center;gap:.3rem;font-size:1.1rem;font-weight:900;display:flex}.eg-hud{z-index:10;align-items:center;gap:1rem;padding:.6rem 1.5rem 0;display:flex}.eg-round{color:#ffffff73;background:#ffffff0d;border:1px solid #ffffff14;border-radius:30px;padding:.22rem .7rem;font-size:.82rem;font-weight:700}.eg-streak{color:#ffd60a;text-shadow:0 0 12px #ffd60a99;font-size:1rem;font-weight:900}.eg-face{z-index:10;margin:.5rem 0;font-size:5rem;line-height:1;animation:.4s cubic-bezier(.34,1.56,.64,1) both eg-face-in}@keyframes eg-face-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.eg-context-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#f9844a12;border:1px solid #f9844a40;border-radius:18px;width:100%;max-width:420px;margin:0 1.5rem;padding:1rem 1.4rem}.eg-ctx-label{color:#f9844a;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem;font-size:.72rem;font-weight:700}.eg-ctx-text{color:#ffffffe6;font-size:.95rem;font-weight:700;line-height:1.5}.eg-question{color:#fff;text-align:center;z-index:10;margin:.5rem 0;font-size:1.1rem;font-weight:900}.eg-feedback{z-index:10;font-size:1rem;font-weight:900;animation:.25s eg-pop}@keyframes eg-pop{0%{transform:scale(.7)}to{transform:scale(1)}}.eg-feedback.correct{color:#06d6a0}.eg-feedback.wrong{color:#ff4757}.eg-options{z-index:10;grid-template-columns:1fr 1fr;gap:.7rem;width:100%;max-width:420px;padding:.4rem 1.5rem 1.5rem;display:grid}.eg-opt{color:#fff;cursor:pointer;background:#f9844a12;border:1px solid #f9844a33;border-radius:16px;padding:.85rem 1rem;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:900;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s}.eg-opt:hover:not(:disabled){background:#f9844a2e;border-color:#f9844a;transform:scale(1.05)}.eg-opt:active:not(:disabled){transform:scale(.93)}.eg-opt:disabled{cursor:default}.eg-correct{color:#06d6a0!important;background:#06d6a040!important;border-color:#06d6a0!important}.eg-wrong{color:#ff4757!important;background:#ff475733!important;border-color:#ff4757!important}.eg-screen{z-index:10;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 1.5rem;display:flex}.eg-emoji-preview{letter-spacing:.4rem;font-size:2.8rem;animation:3s ease-in-out infinite alternate eg-float}@keyframes eg-float{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.eg-intro-text{color:#ffffffe6;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #f9844a4d;border-radius:20px;max-width:320px;padding:1.2rem 1.5rem;font-size:1rem;font-weight:700;line-height:1.6}.btn-eg-start{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f9844a,#c04b00);border:none;border-radius:50px;padding:1rem 2.4rem;font-family:Nunito,sans-serif;font-size:1.15rem;font-weight:900;transition:transform .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 24px #f9844a66}.btn-eg-start:hover{transform:scale(1.06)}.btn-eg-start:active{transform:scale(.95)}.gg-container{background:radial-gradient(at top,#2d2500 0%,#05050f 100%);flex-direction:column;align-items:center;min-height:100vh;padding-bottom:2rem;font-family:Nunito,sans-serif;display:flex;position:relative;overflow:hidden}.gg-stars{pointer-events:none;background-image:radial-gradient(1px 1px at 10% 18%,#ffffffb3,#0000),radial-gradient(2px 2px at 32% 54%,#ffffff80,#0000),radial-gradient(1px 1px at 62% 28%,#fff9,#0000),radial-gradient(2px 2px at 80% 70%,#ffffffb3,#0000);animation:6s ease-in-out infinite alternate gg-twinkle;position:fixed;inset:0}@keyframes gg-twinkle{0%{opacity:.4}to{opacity:1}}.gg-header{z-index:20;justify-content:space-between;align-items:center;width:100%;padding:1.2rem 1.5rem 0;display:flex}.gg-badge{color:#ffd60a;background:#ffd60a1a;border:1px solid #ffd60a4d;border-radius:50px;padding:.3rem .9rem;font-size:.9rem;font-weight:900}.gg-score{color:#ffd60a;align-items:center;gap:.3rem;font-size:1.1rem;font-weight:900;display:flex}.gg-progress-wrap{z-index:10;align-items:center;gap:.8rem;width:100%;max-width:440px;padding:1rem 1.5rem 0;display:flex}.gg-progress-track{background:#ffffff12;border-radius:6px;flex:1;height:6px;overflow:hidden}.gg-progress-fill{background:linear-gradient(90deg,#ffd60a,#f9844a);border-radius:6px;height:100%;transition:width .4s}.gg-progress-label{color:#fff6;white-space:nowrap;font-size:.8rem;font-weight:700}.gg-question-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#ffd60a0f;border:1px solid #ffd60a33;border-radius:22px;width:100%;max-width:440px;margin:.8rem 1.5rem;padding:1.2rem 1.5rem;animation:.35s cubic-bezier(.34,1.4,.64,1) both gg-q-in}@keyframes gg-q-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.gg-q-num{color:#ffd60a99;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem;font-size:.75rem;font-weight:700}.gg-q-text{color:#fff;font-size:1.1rem;font-weight:900;line-height:1.4}.gg-options{z-index:10;flex-direction:column;gap:.65rem;width:100%;max-width:440px;padding:0 1.5rem;display:flex}.gg-opt{color:#ffffffd9;cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;padding:.9rem 1.2rem;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:700;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s,border-color .15s}.gg-opt:hover:not(:disabled){background:color-mix(in srgb, var(--oc) 15%, transparent);border-color:color-mix(in srgb, var(--oc) 50%, transparent);color:#fff;transform:translate(4px)scale(1.01)}.gg-opt:active:not(:disabled){transform:scale(.97)}.gg-opt.gg-chosen{background:color-mix(in srgb, var(--oc) 25%, transparent);border-color:var(--oc);color:var(--oc)}.gg-opt:disabled{cursor:default}.gg-result{z-index:10;flex-direction:column;align-items:center;gap:1.2rem;padding:1.5rem;animation:.5s cubic-bezier(.34,1.4,.64,1) both gg-result-in;display:flex}@keyframes gg-result-in{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}.gg-result-title{color:#fff;text-align:center;text-shadow:0 0 30px #ffd60a80;font-size:1.4rem;font-weight:900}.gg-result-subtitle{color:#ffffff8c;font-size:.95rem;font-weight:700}.gg-constellation{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:1.2rem;display:flex}.gg-trait-star{filter:drop-shadow(0 0 12px var(--tc,#ffd60a));flex-direction:column;align-items:center;gap:.4rem;animation:.6s cubic-bezier(.34,1.56,.64,1) both gg-star-in;display:flex}.gg-trait-star:nth-child(2){animation-delay:.15s}.gg-trait-star:nth-child(3){animation-delay:.3s}@keyframes gg-star-in{0%{opacity:0;transform:scale(0)rotate(180deg)}to{opacity:1;transform:scale(1)rotate(0)}}.gg-trait-name{color:var(--tc,#ffd60a);text-align:center;font-size:.8rem;font-weight:900}.gg-result-msg{color:#ffffffb3;text-align:center;background:#ffd60a0f;border:1px solid #ffd60a26;border-radius:16px;max-width:340px;padding:.9rem 1.2rem;font-size:.9rem;font-weight:700;line-height:1.5}.gg-screen{z-index:10;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 1.5rem;display:flex}.gg-star-icon{animation:12s linear infinite gg-spin}@keyframes gg-spin{to{transform:rotate(360deg)}}.gg-intro-text{color:#ffffffe6;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffd60a4d;border-radius:20px;max-width:320px;padding:1.2rem 1.5rem;font-size:1rem;font-weight:700;line-height:1.6}.btn-gg-start{color:#1a1000;cursor:pointer;background:linear-gradient(135deg,#ffd60a,#f9844a);border:none;border-radius:50px;padding:1rem 2.4rem;font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:900;transition:transform .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 24px #ffd60a66}.btn-gg-start:hover{transform:scale(1.06)}.btn-gg-start:active{transform:scale(.95)}.wm-container{background:radial-gradient(at top,#002d1a 0%,#05050f 100%);flex-direction:column;align-items:center;min-height:100vh;padding-bottom:1.5rem;font-family:Nunito,sans-serif;display:flex;position:relative;overflow:hidden}.wm-stars{pointer-events:none;background-image:radial-gradient(1px 1px at 8% 20%,#ffffffb3,#0000),radial-gradient(1px 1px at 30% 55%,#ffffff80,#0000),radial-gradient(2px 2px at 62% 30%,#fff9,#0000),radial-gradient(1px 1px at 80% 72%,#ffffffb3,#0000);animation:7s ease-in-out infinite alternate wm-twinkle;position:fixed;inset:0}@keyframes wm-twinkle{0%{opacity:.4}to{opacity:1}}.wm-header{z-index:20;justify-content:space-between;align-items:center;width:100%;padding:1.2rem 1.5rem 0;display:flex}.wm-badge{color:#06d6a0;background:#06d6a01f;border:1px solid #06d6a04d;border-radius:50px;padding:.3rem .9rem;font-size:.9rem;font-weight:900}.wm-score{color:#ffd60a;align-items:center;gap:.3rem;font-size:1.1rem;font-weight:900;display:flex}.wm-hud{z-index:10;align-items:center;gap:1rem;padding:.7rem 1.5rem 0;display:flex}.wm-round{color:#ffffff73;background:#ffffff0d;border:1px solid #ffffff14;border-radius:30px;padding:.22rem .7rem;font-size:.82rem;font-weight:700}.wm-streak{color:#ffd60a;text-shadow:0 0 12px #ffd60a99;font-size:1rem;font-weight:900}.wm-def-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#06d6a012;border:1px solid #06d6a040;border-radius:20px;width:100%;max-width:440px;margin:1rem 1.5rem 0;padding:1.2rem 1.5rem;animation:.4s cubic-bezier(.34,1.4,.64,1) both wm-card-in}@keyframes wm-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.wm-def-label{color:#06d6a0;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem;font-size:.75rem;font-weight:700}.wm-def-text{color:#ffffffeb;font-size:1rem;font-weight:700;line-height:1.55}.wm-question{color:#fff;text-align:center;z-index:10;margin:.6rem 0;font-size:1.05rem;font-weight:900}.wm-feedback{z-index:10;text-align:center;padding:0 1rem;font-size:.95rem;font-weight:900;animation:.25s wm-pop}@keyframes wm-pop{0%{transform:scale(.7)}to{transform:scale(1)}}.wm-feedback.correct{color:#06d6a0}.wm-feedback.wrong{color:#ff4757}.wm-options{z-index:10;grid-template-columns:1fr 1fr;gap:.7rem;width:100%;max-width:440px;padding:.4rem 1.5rem 1rem;display:grid}.wm-opt{color:#fff;cursor:pointer;background:#06d6a00f;border:1px solid #06d6a02e;border-radius:16px;padding:.85rem .8rem;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:900;line-height:1.3;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s}.wm-opt:hover:not(:disabled){background:#06d6a02e;border-color:#06d6a0;transform:scale(1.04)}.wm-opt:active:not(:disabled){transform:scale(.93)}.wm-opt:disabled{cursor:default}.wm-correct{color:#06d6a0!important;background:#06d6a047!important;border-color:#06d6a0!important}.wm-wrong{color:#ff4757!important;background:#ff475733!important;border-color:#ff4757!important}.wm-screen{z-index:10;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 1.5rem;display:flex}.wm-intro-icon{animation:3s ease-in-out infinite alternate wm-float}@keyframes wm-float{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.wm-intro-text{color:#ffffffe6;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #06d6a04d;border-radius:20px;max-width:320px;padding:1.2rem 1.5rem;font-size:1rem;font-weight:700;line-height:1.6}.btn-wm-start{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06d6a0,#007a5e);border:none;border-radius:50px;padding:1rem 2.4rem;font-family:Nunito,sans-serif;font-size:1.15rem;font-weight:900;transition:transform .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 24px #06d6a066}.btn-wm-start:hover{transform:scale(1.06)}.btn-wm-start:active{transform:scale(.95)}.myplanet-container{background:radial-gradient(ellipse 80% 60% at 50% 0%, rgba(var(--dom-rgb), .14) 0%, transparent 55%), radial-gradient(ellipse 60% 80% at 10% 90%, #4cc9f012 0%, transparent 55%), radial-gradient(ellipse at center, #0a0a1f 0%, #05050f 100%);--dom-color:#c77dff;--dom-rgb:199,125,255;flex-direction:column;align-items:center;min-height:100vh;padding:0;font-family:Nunito,sans-serif;display:flex;position:relative;overflow:hidden}.mp-stars{pointer-events:none;z-index:0;position:fixed;inset:0}.mp-star{animation:mp-twinkle var(--dur) ease-in-out infinite alternate;animation-delay:var(--delay);background:#fff;border-radius:50%;position:absolute}@keyframes mp-twinkle{0%{opacity:.15;transform:scale(.8)}to{opacity:.9;transform:scale(1.2)}}.mp-shoot{width:120px;height:2px;top:var(--t);animation:mp-shoot var(--dur) linear infinite;animation-delay:var(--delay);opacity:0;background:linear-gradient(90deg,#fff,#0000);border-radius:2px;position:absolute;left:-140px}@keyframes mp-shoot{0%{opacity:0;left:-140px}5%{opacity:1}95%{opacity:.6}to{opacity:0;left:110vw}}.mp-header{z-index:10;justify-content:space-between;align-items:center;width:100%;padding:1.2rem 1.5rem 0;display:flex;position:relative}.mp-back{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;padding:.5rem 1.1rem;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:700;transition:background .2s}.mp-back:hover{background:#ffffff26}.mp-header-title{color:#fff;opacity:.7;font-size:1.1rem;font-weight:900}.mp-stars-count{color:#ffd60a;background:#ffd60a1a;border:1px solid #ffd60a40;border-radius:50px;align-items:center;gap:.3rem;padding:.35rem .85rem;font-size:1.1rem;font-weight:900;display:flex}.mp-stage{z-index:2;flex-direction:column;align-items:center;width:100%;padding:1.5rem 0 0;display:flex;position:relative}.mp-planet-name{color:#fff6;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.5rem;font-size:1rem;font-weight:700;animation:.6s both mp-fadein}.mp-orbit-system{justify-content:center;align-items:center;width:300px;height:300px;animation:.5s both mp-fadein;display:flex;position:relative}@keyframes mp-fadein{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.mp-orbit-ring{pointer-events:none;border:1px dashed #ffffff14;border-radius:50%;position:absolute}.mp-moon-orbit{animation:mp-orbit var(--orbit-dur) linear infinite;animation-delay:var(--orbit-delay);border-radius:50%;position:absolute;inset:0}@keyframes mp-orbit{0%{transform:rotate(var(--start-angle))}to{transform:rotate(calc(var(--start-angle) + 360deg))}}.mp-moon{width:var(--moon-size);height:var(--moon-size);background:var(--moon-color);box-shadow:0 0 10px var(--moon-color), 0 0 20px color-mix(in srgb, var(--moon-color) 40%, transparent);font-size:calc(var(--moon-size) * .55);cursor:default;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.mp-moon:hover{transform:translate(-50%,-50%)scale(1.3)}.mp-moon-tooltip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#0a0a23eb;border:1px solid #ffffff1a;border-radius:8px;padding:.25rem .6rem;font-size:.7rem;font-weight:700;transition:opacity .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.mp-moon:hover .mp-moon-tooltip{opacity:1}.mp-planet-wrap{z-index:5;filter:drop-shadow(0 0 40px rgba(var(--dom-rgb), .5)) drop-shadow(0 0 80px rgba(var(--dom-rgb), .2));cursor:pointer;transition:filter .3s;animation:5s ease-in-out infinite mp-float;position:relative}.mp-planet-wrap:hover{filter:drop-shadow(0 0 60px rgba(var(--dom-rgb), .8)) drop-shadow(0 0 100px rgba(var(--dom-rgb), .35))}@keyframes mp-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-14px)rotate(1deg)}}.mp-name-card{text-align:center;margin-top:1rem;animation:.6s .2s both mp-fadein}.mp-child-name{color:#fff;text-transform:capitalize;text-shadow:0 0 30px rgba(var(--dom-rgb), .5);letter-spacing:-.02em;font-size:2.2rem;font-weight:900}.mp-age-badge{color:#f9c74f;justify-content:center;align-items:center;gap:.25rem;margin-top:.3rem;font-size:.82rem;font-weight:900;display:flex}.mp-rank-badge{background:rgba(var(--dom-rgb), .15);border:1px solid rgba(var(--dom-rgb), .35);color:var(--dom-color);border-radius:50px;margin-top:.4rem;padding:.3rem 1rem;font-size:.85rem;font-weight:700;display:inline-block}.mp-section{z-index:2;width:100%;max-width:480px;margin-top:1.8rem;padding:0 1.5rem;animation:.6s .35s both mp-fadein;position:relative}.mp-section-title{color:#ffffff73;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.75rem;font-weight:700;display:flex}.mp-section-title:after{content:"";background:#ffffff12;flex:1;height:1px}.mp-radar-wrap{flex-direction:column;align-items:center;display:flex}.mp-intel-list{flex-direction:column;gap:.75rem;width:100%;margin-top:1rem;display:flex}.mp-intel-row{animation:mp-fadein .5s calc(.4s + var(--i) * 70ms) ease both;grid-template-columns:24px 90px 1fr 36px;align-items:center;gap:.6rem;display:grid}.mp-intel-emoji{text-align:center;font-size:1.1rem}.mp-intel-label{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.mp-intel-track{background:#ffffff0d;border-radius:10px;height:8px;position:relative;overflow:hidden}.mp-intel-fill{background:var(--bar-color);height:100%;box-shadow:0 0 8px var(--bar-color);animation:mp-bar-grow .8s calc(.5s + var(--i) * 70ms) cubic-bezier(.4,0,.2,1) both;transform-origin:0;border-radius:10px}@keyframes mp-bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.mp-intel-score{color:#ffd60a;text-align:right;font-size:.82rem;font-weight:900}.mp-locked-hint{text-align:center;color:#fff6;z-index:2;background:#ffffff08;border:1px solid #ffffff12;border-radius:20px;width:calc(100% - 3rem);max-width:480px;margin-top:1.8rem;margin-left:1.5rem;margin-right:1.5rem;padding:1.2rem 1.5rem;font-size:.88rem;font-weight:700;line-height:1.6;animation:.6s .5s both mp-fadein;position:relative}.mp-unlocked-grid{flex-wrap:wrap;gap:.6rem;width:100%;margin-top:.4rem;display:flex}.mp-planet-chip{background:rgba(var(--chip-rgb), .12);border:1px solid rgba(var(--chip-rgb), .3);color:var(--chip-color);white-space:nowrap;animation:mp-fadein .5s calc(.4s + var(--ci) * 80ms) ease both;border-radius:50px;align-items:center;gap:.4rem;padding:.3rem .8rem;font-size:.78rem;font-weight:700;display:flex}.mp-bottom-pad{height:3rem}@media (width<=480px){.mp-child-name{font-size:1.8rem}.mp-orbit-system{width:260px;height:260px}.mp-intel-row{grid-template-columns:22px 78px 1fr 32px}}.pd-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:500;background:#000000c7;justify-content:center;align-items:flex-start;padding:1rem;animation:.2s pd-fade;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes pd-fade{0%{opacity:0}to{opacity:1}}.pd-card{background:#08081cf7;border:1px solid #ffffff17;border-radius:28px;width:100%;max-width:760px;margin:auto;padding:2rem 2rem 1.5rem;font-family:Nunito,sans-serif;animation:.35s cubic-bezier(.34,1.56,.64,1) pd-up;box-shadow:0 32px 90px #000000b3,0 0 0 1px #c77dff14}@keyframes pd-up{0%{opacity:0;transform:translateY(36px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.pd-print-bar{color:#555;border-bottom:1px solid #ddd;justify-content:space-between;margin-bottom:1rem;padding-bottom:.6rem;font-size:.75rem;display:none}.pd-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.4rem;display:flex}.pd-header-info{align-items:center;gap:1rem;display:flex}.pd-orbi-img{object-fit:cover;filter:drop-shadow(0 0 14px #c77dff80);border-radius:50%;width:72px;height:72px;animation:3s ease-in-out infinite pd-float}@keyframes pd-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pd-name{color:#fff;text-transform:capitalize;margin-bottom:.15rem;font-size:1.6rem;font-weight:900}.pd-subtitle{color:#c77dff;font-size:.85rem;font-weight:700}.pd-date{color:#ffffff4d;margin-top:.2rem;font-size:.75rem;font-weight:700}.pd-header-actions{align-items:center;gap:.6rem;display:flex}.pd-btn-pdf{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c77dff,#7b2d8b);border:none;border-radius:50px;align-items:center;gap:.45rem;padding:.6rem 1.2rem;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:900;transition:transform .18s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 20px #c77dff59}.pd-btn-pdf:hover{transform:scale(1.06)}.pd-close{color:#ffffff8c;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;transition:background .15s;display:flex}.pd-close:hover{color:#fff;background:#ffffff29}.pd-stats{flex-wrap:wrap;gap:.5rem;margin-bottom:1.6rem;display:flex}.pd-stat{background:#ffffff0a;border:1px solid #ffffff12;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:.15rem;min-width:80px;padding:.75rem .5rem;display:flex}.pd-stat-icon{font-size:1.1rem}.pd-stat-num{color:#fff;font-size:1.25rem;font-weight:900;line-height:1}.pd-stat-label{color:#fff6;text-align:center;white-space:nowrap;font-size:.68rem;font-weight:700}.pd-visuals{flex-wrap:wrap;align-items:flex-start;gap:1.5rem;margin-bottom:1.6rem;display:flex}.pd-col-label{color:#fff6;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.7rem;font-size:.72rem;font-weight:700}.pd-radar-col{flex-direction:column;align-items:center;min-width:260px;display:flex}.pd-radar-svg{display:block}.pd-radar-legend{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:.5rem;display:flex}.pd-legend-item{align-items:center;gap:.2rem;font-size:.72rem;font-weight:700;display:flex}.pd-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.pd-bars-col{flex:1;min-width:220px}.pd-bar-row{grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;margin-bottom:.55rem;display:grid}.pd-bar-row.locked{opacity:.4}.pd-bar-meta{align-items:center;gap:.4rem;min-width:110px;display:flex}.pd-bar-name{color:#ffffffd9;white-space:nowrap;font-size:.78rem;font-weight:700}.pd-bar-level{background:#ffffff12;border-radius:20px;padding:.05rem .35rem;font-size:.65rem;font-weight:900}.pd-bar-track{background:#ffffff0f;border-radius:9px;height:9px;overflow:hidden}.pd-bar-fill{background:linear-gradient(to right, var(--bc), color-mix(in srgb, var(--bc) 65%, white));height:100%;box-shadow:0 0 8px var(--bc);border-radius:9px;animation:.8s forwards pd-bar-grow}@keyframes pd-bar-grow{0%{width:0!important}}.pd-bar-pts{text-align:right;min-width:28px;font-size:.8rem;font-weight:900}.pd-activity{background:#ffffff06;border:1px solid #ffffff0f;border-radius:18px;margin-bottom:1.6rem;padding:1rem 1.2rem}.pd-spark{align-items:flex-end;gap:4px;height:64px;margin-bottom:.6rem;display:flex}.pd-spark-bar{cursor:default;border-radius:4px 4px 2px 2px;flex:1;min-width:6px;transition:transform .15s;animation:.6s forwards pd-bar-grow}.pd-spark-bar:hover{transform:scaleY(1.08)}.pd-spark-legend{flex-wrap:wrap;gap:.5rem;display:flex}.pd-report{background:#ffffff06;border:1px solid #c77dff1f;border-radius:20px;margin-bottom:1rem;padding:1.3rem 1.4rem}.pd-report-body{flex-direction:column;gap:.9rem;display:flex}.pd-resumen{color:#ffffffd1;background:#c77dff12;border-left:3px solid #c77dff;border-radius:0 14px 14px 0;padding:1rem 1.1rem;font-size:.97rem;font-weight:700;line-height:1.75}.pd-rcards{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=560px){.pd-rcards{grid-template-columns:1fr}}.pd-rcard{border:1px solid color-mix(in srgb, var(--rc) 30%, transparent);background:#ffffff08;border-radius:16px;overflow:hidden}.pd-rcard-head{background:color-mix(in srgb, var(--rc) 12%, transparent);border-bottom:1px solid color-mix(in srgb, var(--rc) 20%, transparent);align-items:center;gap:.5rem;padding:.6rem .9rem;display:flex}.pd-rcard-icon{font-size:1rem}.pd-rcard-title{color:color-mix(in srgb, var(--rc) 90%, white);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:900}.pd-rcard-body{color:#ffffffc7;padding:.8rem .9rem;font-size:.88rem;line-height:1.65}.pd-rcard-body p{margin:0}.pd-list{flex-direction:column;gap:.4rem;margin:0;padding-left:1.1rem;display:flex}.pd-list-ol{padding-left:1.2rem}.pd-mensaje{color:#ffd60ae6;background:#ffd60a0f;border:1px solid #ffd60a2e;border-radius:14px;align-items:flex-start;gap:.8rem;padding:.9rem 1rem;font-size:.92rem;font-style:italic;font-weight:700;line-height:1.6;display:flex}.pd-mensaje-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:34px;height:34px}.pd-mensaje p{margin:0}.pd-loading{flex-direction:column;align-items:center;gap:.7rem;padding:1.2rem;display:flex}.pd-dots{gap:8px;display:flex}.pd-dots span{background:#c77dff;border-radius:50%;width:9px;height:9px;animation:.75s ease-in-out infinite alternate pd-dot}.pd-dots span:nth-child(2){background:#4cc9f0;animation-delay:.2s}.pd-dots span:nth-child(3){background:#06d6a0;animation-delay:.4s}@keyframes pd-dot{0%{opacity:.4;transform:scale(.5)}to{opacity:1;transform:scale(1.2)}}.pd-loading-text{color:#fff6;font-size:.85rem;font-weight:700}.pd-error{color:#ff6b6b;font-size:.9rem}.pd-empty{color:#ffffff80;padding:.5rem 0;font-size:.9rem;font-weight:700}.pd-footer{color:#fff3;text-align:center;margin-top:.4rem;font-size:.7rem}.rd-ring{stroke:#ffffff17;fill:none}.rd-axis{stroke:#ffffff12;fill:#c77dff66}.rd-area{fill:url(#rdg);stroke:#c77dff;filter:drop-shadow(0 0 8px #c77dff66)}.rd-dot{fill:var(--dot-color);filter:drop-shadow(0 0 5px var(--dot-color))}@media print{@page{margin:1.4cm 1.6cm;size:A4 portrait}body *{visibility:hidden!important}#pd-printable,#pd-printable *{visibility:visible!important}#pd-printable{color:#1a1a2e;font-family:Nunito,sans-serif;width:100%!important;box-shadow:none!important;background:#fff!important;border:none!important;border-radius:0!important;max-height:none!important;padding:.6cm .8cm!important;animation:none!important;position:fixed!important;top:0!important;left:0!important;overflow:visible!important}.pd-print-bar{visibility:visible!important;display:flex!important}.pd-header-actions,.pd-btn-pdf,.pd-close,.screen-only{visibility:hidden!important;display:none!important}.pd-name{color:#1a1a2e!important}.pd-subtitle{color:#5a2d8a!important}.pd-col-label{color:#777!important}.pd-stat{background:#f5f0ff!important;border:1px solid #ddd!important}.pd-stat-num{color:#1a1a2e!important}.pd-stat-label{color:#666!important}.pd-bar-name{color:#333!important}.pd-bar-track{background:#eee!important}.pd-bar-fill{box-shadow:none!important;animation:none!important}.pd-bar-pts{opacity:1!important}.pd-resumen{color:#1a1a2e!important;background:#f5f0ff!important;border-left:3px solid #7b2d8b!important}.pd-rcard{break-inside:avoid;background:#fafafa!important;border:1px solid #ddd!important}.pd-rcard-head{background:#f0e8ff!important}.pd-rcard-title,.pd-rcard-body,.pd-list li{color:#333!important}.pd-activity{break-inside:avoid;background:#f8f8f8!important;border:1px solid #e0e0e0!important}.pd-spark-bar{box-shadow:none!important}.pd-report{background:#fafafa!important;border:1px solid #ddd!important}.pd-mensaje{color:#6a5000!important;background:#fffbe0!important;border:1px solid #e8c800!important}.pd-footer{color:#aaa!important}.rd-ring{stroke:#ddd!important}.rd-axis{stroke:#ddd!important;fill:#9b59b6!important}.rd-area{fill:#9b59b61f!important;stroke:#7b2d8b!important;filter:none!important}.rd-dot{filter:none!important}.pd-orbi-img{filter:none!important;animation:none!important}.pd-rcards{grid-template-columns:1fr 1fr!important}.pd-visuals{flex-wrap:nowrap!important}.pd-legend-item{color:#444!important}}.orbi-chat-fab{z-index:300;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#140532eb;border:2px solid #c77dff80;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;padding:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex;position:fixed;bottom:1.4rem;right:1.4rem;box-shadow:0 8px 32px #c77dff59,0 0 #c77dff66}.orbi-chat-fab:hover{transform:scale(1.12)}.orbi-chat-fab.open{opacity:.7;transform:scale(.9)}.orbi-chat-fab-pulse{pointer-events:none;border:2px solid #c77dff73;border-radius:50%;animation:2.2s ease-in-out infinite fab-pulse;position:absolute;inset:-4px}@keyframes fab-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.18)}}.orbi-chat-panel{z-index:299;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a051ef5;border:1px solid #c77dff40;border-radius:24px;flex-direction:column;width:min(340px,100vw - 2rem);max-height:55vh;font-family:Nunito,sans-serif;animation:.3s cubic-bezier(.34,1.56,.64,1) panel-in;display:flex;position:fixed;bottom:5.8rem;right:1.4rem;overflow:hidden;box-shadow:0 20px 60px #0009,0 0 0 1px #c77dff1a}@keyframes panel-in{0%{opacity:0;transform:translateY(24px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.ocp-header{background:#c77dff0f;border-bottom:1px solid #ffffff12;flex-shrink:0;align-items:center;gap:.7rem;padding:.9rem 1rem;display:flex}.ocp-title-wrap{flex-direction:column;flex:1;gap:.1rem;display:flex}.ocp-header-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;transition:filter .3s}.ocp-header-avatar.thinking{animation:.9s ease-in-out infinite alternate avatar-think}@keyframes avatar-think{0%{filter:brightness()drop-shadow(0 0 4px #ffd60a4d)}to{filter:brightness(1.15)drop-shadow(0 0 12px #ffd60ab3)}}.ocp-bubble-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;margin-top:2px}.ocp-title{color:#fff;font-size:.95rem;font-weight:900}.ocp-status{color:#c77dffb3;font-size:.72rem;font-weight:700}.ocp-status.thinking-pulse{color:#ffd60a;animation:1s ease-in-out infinite alternate thinking-blink}@keyframes thinking-blink{0%{opacity:.6}to{opacity:1}}.ocp-close{color:#ffffff80;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;transition:background .2s;display:flex}.ocp-close:hover{color:#fff;background:#ffffff26}.ocp-messages{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;flex-direction:column;flex:1;gap:.6rem;padding:.8rem;display:flex;overflow-y:auto}.ocp-bubble{border-radius:18px;max-width:82%;padding:.55rem .85rem;animation:.25s cubic-bezier(.34,1.56,.64,1) bubble-in;position:relative}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.ocp-bubble.user{background:#4cc9f02e;border:1px solid #4cc9f04d;border-bottom-right-radius:4px;align-self:flex-end}.ocp-bubble.orbi{background:#c77dff1f;border:1px solid #c77dff40;border-bottom-left-radius:4px;align-self:flex-start;align-items:flex-start;gap:.4rem;display:flex}.ocp-text{color:#ffffffe6;flex:1;margin:0;font-size:.88rem;line-height:1.5}.ocp-speak-btn{cursor:pointer;color:#c77dff99;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;margin-top:2px;padding:2px;transition:color .2s;display:flex}.ocp-speak-btn:hover{color:#c77dff}.ocp-speak-btn.playing{color:#ffd60a}.ocp-thinking-bubble{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ocp-thinking-label{color:#ffffffbf;font-size:.83rem;font-weight:700}.ocp-typing{align-items:center;gap:5px;padding:4px 2px;display:flex}.ocp-typing span{background:#c77dff;border-radius:50%;width:7px;height:7px;animation:.8s ease-in-out infinite alternate dot-bounce}.ocp-typing span:nth-child(2){background:#4cc9f0;animation-delay:.18s}.ocp-typing span:nth-child(3){background:#06d6a0;animation-delay:.36s}.ocp-waves{align-items:center;gap:3px;height:28px;padding:2px 4px;display:flex}.ocp-wave-bar{width:4px;height:calc(var(--h) * 4px);animation:.5s ease-in-out infinite alternate wave-dance;animation-delay:calc(var(--i) * 70ms);background:linear-gradient(#4cc9f0,#c77dff);border-radius:2px}@keyframes wave-dance{0%{opacity:.5;transform:scaleY(.3)}to{opacity:1;transform:scaleY(1)}}.ocp-bubble.speaking-indicator{background:#c77dff14;border-color:#c77dff4d;padding:.5rem .85rem}.ocp-input-row{border-top:1px solid #ffffff12;flex-shrink:0;padding:.9rem}.ocp-mic-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#c77dff 0%,#f72585 100%);border:none;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;width:100%;min-height:64px;padding:.85rem 1.2rem;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:900;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex;position:relative;overflow:visible;box-shadow:0 6px 22px #c77dff73}.ocp-mic-btn:hover:not(:disabled){transform:scale(1.03);box-shadow:0 8px 30px #c77dff99}.ocp-mic-btn:active:not(:disabled){transform:scale(.97)}.ocp-mic-btn.active{background:linear-gradient(135deg,#f72585 0%,#ff6b6b 100%);box-shadow:0 6px 24px #f725858c}.ocp-mic-btn.busy{cursor:not-allowed;box-shadow:none;opacity:.85;background:#3c3c50d9}.ocp-spinner{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:28px;height:28px;animation:.75s linear infinite ocp-spin}@keyframes ocp-spin{to{transform:rotate(360deg)}}.ocp-mic-label{letter-spacing:.2px;font-size:.82rem;font-weight:900}.ocp-mic-ripple{pointer-events:none;border:2px solid #f725858c;border-radius:26px;animation:1.1s ease-out infinite mic-ripple;position:absolute;inset:-10px}.ocp-mic-ripple:before{content:"";border:2px solid #f7258547;border-radius:32px;animation:1.1s ease-out .35s infinite mic-ripple;position:absolute;inset:-12px}@keyframes mic-ripple{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}@media (width<=480px){.orbi-chat-fab{width:58px;height:58px;bottom:1rem;right:1rem}.orbi-chat-panel{max-height:60vh;bottom:5rem;right:1rem}}*{box-sizing:border-box;margin:0;padding:0}body{background:#05050f;font-family:Nunito,sans-serif;overflow-x:hidden}.game-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:1rem;display:flex}.btn-back{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:50px;padding:.5rem 1.1rem;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:700;transition:background .2s,transform .15s}.btn-back:hover{background:#ffffff26;transform:translate(-2px)}.btn-back:active{transform:scale(.95)}.unlock-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:999;background:#000000b3;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.unlock-card{text-align:center;background:linear-gradient(145deg,#1a0533,#0d0d2b);border:2px solid #ffd60a66;border-radius:32px;width:90%;max-width:320px;padding:2.5rem 2rem;animation:.4s cubic-bezier(.34,1.56,.64,1) unlock-pop;box-shadow:0 0 80px #ffd60a33,0 30px 60px #00000080}@keyframes unlock-pop{0%{opacity:0;transform:scale(.5)rotate(-5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.unlock-orbi{filter:drop-shadow(0 0 18px #c77dff99);margin-bottom:.5rem;animation:.6s cubic-bezier(.34,1.56,.64,1) orbi-bounce}@keyframes orbi-bounce{0%{opacity:0;transform:scale(.3)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.unlock-title{color:#ffd60a;text-shadow:0 0 20px #ffd60a80;margin-bottom:.8rem;font-size:1.6rem;font-weight:900}.unlock-planet{color:#fff;margin:.3rem 0;font-size:1.25rem;font-weight:700}.unlock-btn{color:#1a1a2e;cursor:pointer;background:linear-gradient(135deg,#ffd60a,#f77f00);border:none;border-radius:50px;margin-top:1.5rem;padding:.9rem 2.5rem;font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:900;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;box-shadow:0 6px 25px #ffd60a66}.unlock-btn:hover{transform:scale(1.07);box-shadow:0 8px 35px #ffd60a99}.unlock-btn:active{transform:scale(.95)}.confetti-piece{z-index:998;pointer-events:none;animation-name:confetti-fall;animation-duration:var(--dur,3s);animation-delay:var(--delay,0s);border-radius:2px;animation-timing-function:linear;animation-fill-mode:forwards;position:fixed}.confetti-piece.circle{border-radius:50%}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)scaleX(1)}80%{opacity:1}to{opacity:0;transform:translateY(100vh)rotate(720deg)scaleX(.5)}}.tip-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:600;background:#0000008c;justify-content:center;align-items:center;padding:1.5rem;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.tip-card{background:#0a0523f7;border:1px solid #c77dff4d;border-radius:28px;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:340px;padding:2rem 1.8rem;font-family:Nunito,sans-serif;animation:.35s cubic-bezier(.34,1.56,.64,1) slideUp;display:flex;box-shadow:0 20px 60px #0009,0 0 40px #c77dff26}.tip-text{color:#ffffffe6;text-align:center;font-size:1rem;font-style:italic;line-height:1.65}.tip-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c77dff,#7b2dcc);border:none;border-radius:50px;padding:.7rem 2rem;font-family:Nunito,sans-serif;font-size:1rem;font-weight:900;transition:transform .2s;box-shadow:0 4px 20px #c77dff66}.tip-btn:hover{transform:scale(1.06)}