:root{--bg:#eef5ff;--blue:#4f88ff;--blue-dark:#1f4288;--cyan:#39d5d1;--text:#214277;--white:#fff;--panel:#f8fbff;--line:#dbe8ff;--shadow:0 12px 34px #4878c424}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--text);background:linear-gradient(#f3f8ff 0%,#eaf4ff 100%);margin:0;font-family:Inter,ui-rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit}button:disabled{opacity:.55;cursor:not-allowed}.app{flex-direction:column;min-height:100%;display:flex}main{flex:1;padding:16px 18px 24px}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:5;background:#ffffffeb;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex;position:sticky;top:0}.brand{color:#20418a;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;font-size:2rem;font-weight:900;display:flex}.brand-icon{color:#fff;width:54px;height:54px;box-shadow:var(--shadow);background:linear-gradient(135deg,#32d7ff,#5d81ff);border-radius:16px;place-items:center;font-size:1.6rem;display:grid}.brand-accent{color:#5a94ff}.topstats{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stat-pill,.ghost-pill{border:1px solid var(--line);box-shadow:var(--shadow);color:#31518d;background:#fff;border-radius:999px;padding:10px 16px;font-weight:800}.ghost-pill{cursor:pointer}.footer{color:#6f89b4;text-align:center;padding:12px 18px 18px;font-size:.95rem}.home-screen{min-height:calc(100vh - 142px);box-shadow:var(--shadow);background:linear-gradient(#54befb 0%,#8ce6ff 44%,#97ec82 45%,#7ad369 100%);border-radius:34px;grid-template-columns:minmax(450px,1fr) minmax(360px,520px);align-items:center;gap:36px;padding:48px 44px;display:grid;position:relative;overflow:hidden}.home-bg{pointer-events:none;position:absolute;inset:0}.sun{background:radial-gradient(circle,#ffe772 0%,#f7da57 70%,#ffe77273 100%);border-radius:50%;width:96px;height:96px;animation:6s ease-in-out infinite floatSun;position:absolute;top:46px;right:92px;box-shadow:0 0 36px #ffe66f8c}.cloud{opacity:.95;background:#fff;border-radius:50px;display:block;position:absolute;box-shadow:0 10px 25px #ffffff26}.cloud:before,.cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.cloud:before{width:54px;height:54px;top:-22px;left:12px}.cloud:after{width:72px;height:72px;top:-30px;right:20px}.c1{width:180px;height:52px;animation:16s linear infinite cloudMove1;top:58px;left:40px}.c2{width:130px;height:42px;animation:12s linear infinite cloudMove2;top:134px;right:100px}.c3{width:110px;height:38px;animation:15s linear infinite cloudMove3;top:168px;left:52%}.mini-island{clip-path:polygon(12% 18%,86% 18%,100% 40%,88% 100%,15% 100%,0 42%);filter:drop-shadow(0 10px 14px #29477d2e);background:linear-gradient(#8eea68 0 38%,#768092 39% 100%);width:92px;height:58px;animation:5s ease-in-out infinite floatIsland;position:absolute}.i1{animation-delay:.2s;bottom:186px;left:34px}.i2{animation-delay:1s;top:230px;right:164px;transform:scale(.85)}.i3{animation-delay:1.4s;bottom:132px;left:57%;transform:scale(.72)}.home-left,.home-right{z-index:1;position:relative}.logo-plaque{max-width:800px;box-shadow:0 18px 0 #12233e38,var(--shadow);background:linear-gradient(#2e4668,#1e314b);border:4px solid #314a74;border-radius:28px;padding:34px 34px 24px;position:relative}.logo-code{color:#fff;width:78px;height:78px;box-shadow:var(--shadow);background:linear-gradient(#3da0ff,#2857ff);border:4px solid #133d9e;border-radius:20px;place-items:center;font-size:1.75rem;font-weight:900;display:grid;position:absolute;top:-18px;right:18px}.logo-plaque h1{letter-spacing:-.05em;color:#fff;text-shadow:0 6px #16283f,0 8px 18px #00000040;margin:0;font-size:clamp(3rem,7vw,6rem);font-weight:1000;line-height:.95}.logo-plaque h1 span{color:#49a7ff}.logo-plaque p{color:#fff;text-shadow:0 3px #1928448c;margin:12px 0 0;font-size:clamp(1.2rem,2.5vw,2rem);font-weight:900}.feature-row{flex-wrap:wrap;gap:14px;margin-top:20px;display:flex}.feature-chip{color:#25488d;box-shadow:var(--shadow);text-align:center;background:#fff;border:3px solid #d4e6ff;border-radius:18px;min-width:145px;padding:14px 18px;font-weight:900}.play-button{cursor:pointer;color:#102659;box-shadow:0 10px 0 #d99700,var(--shadow);background:linear-gradient(#ffe867,#ffbe16);border:0;border-radius:26px;align-items:center;gap:26px;margin-top:22px;padding:16px 28px;font-size:clamp(2rem,5vw,4rem);font-weight:1000;display:flex}.play-button.small{box-shadow:0 6px 0 #d99700,var(--shadow);gap:14px;padding:10px 18px;font-size:1.35rem}.play-disc{color:#12376e;background:linear-gradient(#fff,#e3f1ff);border:5px solid #d28a00;border-radius:50%;place-items:center;width:78px;height:78px;font-size:2.1rem;display:grid;box-shadow:inset 0 -6px #11356c14}.play-button.small .play-disc{border-width:3px;width:48px;height:48px;font-size:1.3rem}.home-actions-row{flex-wrap:wrap;gap:16px;margin-top:20px;display:flex}.secondary-card{color:#22467f;box-shadow:var(--shadow);cursor:pointer;background:#f8fbff;border:3px solid #2d87ff;border-radius:20px;padding:18px 22px;font-weight:900}.home-right{flex-direction:column;align-items:center;gap:22px;display:flex}.hero-island{aspect-ratio:1.05;background:0 0;place-items:center;width:min(100%,430px);display:grid;position:relative}.hero-island:before{content:"";clip-path:polygon(11% 20%,89% 20%,100% 45%,85% 100%,14% 100%,0 45%);filter:drop-shadow(0 16px 20px #203c6f33);background:linear-gradient(#95eb5f 0 30%,#89dd5b 31% 40%,#707a89 41% 100%);position:absolute;inset:18% 10% 6%}.robbi-big{z-index:1;width:210px;height:280px;animation:3.4s ease-in-out infinite robbiFloat;position:relative}.robbi-big .ant{background:#303f62;border-radius:10px;width:9px;height:28px;position:absolute;top:5px;left:98px}.robbi-big .ant:after{content:"";background:#3fa4ff;border-radius:7px;width:22px;height:22px;position:absolute;top:-10px;left:-6px}.robbi-big .head{width:140px;height:104px;box-shadow:inset 0 -6px 0 #11356c14,var(--shadow);background:#fff;border-radius:16px;position:absolute;top:28px;left:35px}.robbi-big .visor{background:#121f31;border-radius:10px;grid-template-columns:repeat(2,1fr);place-items:center;display:grid;position:absolute;inset:18px 17px}.robbi-big .visor span{border-top:6px solid #1fe1ff;border-radius:50% 50% 60% 60%;width:20px;height:22px}.robbi-big .visor b{border-bottom:6px solid #1fe1ff;border-radius:0 0 40px 40px;width:38px;height:8px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.robbi-big .body{width:102px;height:92px;box-shadow:inset 0 -6px 0 #11356c14,var(--shadow);background:#fff;border-radius:16px;position:absolute;top:136px;left:55px}.robbi-big .body i{background:#75dbff;border-radius:6px;width:34px;height:34px;position:absolute;top:28px;left:50%;transform:translate(-50%)}.robbi-big .arm,.robbi-big .leg,.robbi-big .foot{background:#2d87ff;border-radius:12px;position:absolute}.robbi-big .arm{width:28px;height:88px;top:148px}.robbi-big .arm.left{left:20px;transform:rotate(20deg)}.robbi-big .arm.right{transform-origin:top;animation:2s ease-in-out infinite waveArm;right:16px;transform:rotate(-42deg)}.robbi-big .leg{background:#4b556d;width:20px;height:72px;top:220px}.robbi-big .leg.left{left:70px}.robbi-big .leg.right{left:118px}.robbi-big .foot{width:42px;height:22px;top:283px}.robbi-big .foot.left{left:52px}.robbi-big .foot.right{left:112px}.callout-grid{gap:14px;width:min(100%,430px);display:grid}.callout-card{box-shadow:var(--shadow);color:#23447e;background:#ffffffeb;border:3px solid #d8e8ff;border-radius:20px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.callout-card strong{font-size:1.05rem}.callout-card span{color:#5f7daa}.page,.game-screen{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffb3;border-radius:28px;padding:24px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.kicker{letter-spacing:.18em;color:#6890cf;font-size:.82rem;font-weight:900}.section-head h2{color:#244581;margin:.15rem 0;font-size:2rem}.section-head p{color:#6886b2;margin:0}.worldgrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;display:grid}.worldcard{border:2px solid var(--line);box-shadow:var(--shadow);cursor:pointer;text-align:left;color:inherit;background:linear-gradient(#fff,#f6fbff);border-radius:24px;align-items:center;gap:18px;padding:18px;display:flex}.worldicon{color:#fff;width:88px;height:88px;box-shadow:var(--shadow);border-radius:26px;place-items:center;font-size:2rem;display:grid}.worldbody p{color:#6480ab;margin:0 0 10px}.worldbody span{color:#6480ab;font-size:.92rem;font-weight:700}.meter{background:#e8f1ff;border-radius:999px;height:10px;margin-bottom:8px;overflow:hidden}.meter div{height:100%}.levelgrid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.levelcard{border:2px solid var(--line);box-shadow:var(--shadow);cursor:pointer;text-align:left;color:inherit;background:#fff;border-radius:22px;gap:10px;padding:16px;display:grid}.levelcard.complete{background:linear-gradient(#fff7d2,#fff)}.levelnum{color:#fff;background:linear-gradient(135deg,#5f97ff,#3ed6ce);border-radius:15px;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.levelname{color:#244581;font-weight:900}.levelstars{color:#e7a822;font-weight:900}.game-screen{gap:22px;display:grid}.game-top{grid-template-columns:auto 1.2fr minmax(280px,.8fr);align-items:center;gap:16px;display:grid}.back-round{width:58px;height:58px;box-shadow:var(--shadow);color:#3b74e7;cursor:pointer;background:#fff;border:0;border-radius:20px;font-size:1.7rem}.game-title small{color:#5e84c3;font-weight:900}.game-title small span{opacity:.4}.game-title h2{color:#233f7c;margin:6px 0 2px;font-size:2.2rem}.game-title p{color:#6382b0;margin:0}.objective-box{box-shadow:var(--shadow);background:#eef7ff;border:2px solid #dbeaff;border-radius:24px;align-items:center;gap:14px;padding:18px;display:flex}.objective-icon{font-size:2rem}.objective-box small{color:#79a1d8;font-weight:800;display:block}.objective-box strong{color:#2d4f8c}.game-grid{grid-template-columns:minmax(480px,1.45fr) minmax(300px,.8fr);gap:20px;display:grid}.board-card,.controls-card{box-shadow:var(--shadow);background:linear-gradient(#f9fcff,#f2f8ff);border:2px solid #deebff;border-radius:28px;padding:18px}.board-toolbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.toolbar-right{gap:10px;display:flex}.icon-chip{width:52px;height:52px;box-shadow:var(--shadow);color:#3f77e4;cursor:pointer;background:#fff;border:0;border-radius:18px;font-size:1.3rem}.board3d-wrap{position:relative}.board3d{aspect-ratio:1.4;cursor:grab;background:linear-gradient(#8fd8ff,#dff6ff);border-radius:26px;width:100%;overflow:hidden;box-shadow:inset 0 0 0 3px #ffffff80}.board-hud{z-index:2;box-shadow:var(--shadow);color:#4167a4;background:#ffffffeb;border:2px solid #dbe8ff;border-radius:999px;padding:10px 14px;font-size:.92rem;font-weight:900;position:absolute}.hud-rotate{top:12px;right:12px}.hud-guide{bottom:12px;left:12px}.speech-box{box-shadow:var(--shadow);color:#2f568f;background:#fff;border-radius:20px;align-items:center;gap:12px;margin-top:16px;padding:14px 18px;display:flex}.mini-robbi{color:#fff;background:linear-gradient(135deg,#3bd6ff,#5c88ff);border-radius:16px;place-items:center;width:48px;height:48px;font-size:1.4rem;display:grid}.hint-strip{color:#89712c;background:#fffef7;border:2px solid #ffefbb;border-radius:18px;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;display:flex}.hint-strip p{color:#927a34;margin:0}.toggle-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.toggle{color:#6989b6;background:#e9eff8;border:0;border-radius:18px;padding:16px;font-weight:900}.toggle.active{color:#fff;box-shadow:var(--shadow);background:linear-gradient(#5f97ff,#3d82ff)}.direction-panel{grid-template-columns:1fr 1fr;gap:14px;display:grid}.dir{color:#fff;cursor:pointer;min-height:102px;box-shadow:var(--shadow);border:0;border-radius:24px;place-items:center;gap:6px;font-size:2.1rem;font-weight:1000;display:grid}.dir span{font-size:1.2rem}.dir-up{background:linear-gradient(#5fa9ff,#4c89ff)}.dir-left{background:linear-gradient(#aa79ff,#8a61ff)}.dir-right{background:linear-gradient(#f76eca,#f05aa7)}.dir-down{background:linear-gradient(#ffbf57,#ff9a2e)}.program-block{margin-top:18px}.program-head{color:#355792;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.program-dropzone{color:#95afd7;background:#f8fbff;border:2px dashed #cfe2ff;border-radius:20px;flex-wrap:wrap;align-content:flex-start;gap:10px;min-height:116px;padding:14px;display:flex}.program-dropzone button{width:50px;height:50px;box-shadow:var(--shadow);color:#355792;cursor:pointer;background:#fff;border:0;border-radius:16px;font-size:1.5rem;font-weight:900}.run-row{grid-template-columns:1fr auto;gap:12px;margin-top:18px;display:grid}.run-btn,.clean-btn,.help-btn{cursor:pointer;box-shadow:var(--shadow);border:0;border-radius:20px;font-weight:1000}.run-btn{color:#fff;background:linear-gradient(#46dbcf,#2ec4b7);padding:18px 22px;font-size:1.6rem}.clean-btn{color:#4780e8;background:#fff;padding:16px 18px}.help-btn{color:#4a7be1;background:#fff;padding:12px 16px}.feedback{color:#355d9d;background:#eef7ff;border:1px solid #d7e7ff;border-radius:18px;align-items:center;min-height:72px;margin-top:14px;padding:14px 16px;font-weight:700;display:flex}.feedback.negative{color:#b85a5a;background:#fff0f0;border-color:#ffd9d9}.support-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.extra-hint{color:#7f6b29;background:#fffef3;border:2px solid #ffefbb;border-radius:18px;margin-top:12px;padding:14px 16px}.ending-page{text-align:center;justify-items:center;gap:14px;padding-block:44px;display:grid}.ending-badge{width:98px;height:98px;box-shadow:var(--shadow);background:linear-gradient(#ffe867,#ffbf18);border-radius:28px;place-items:center;font-size:3rem;display:grid}.modalback{z-index:30;background:#111c356b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{text-align:center;background:#fff;border-radius:28px;width:min(94vw,520px);padding:28px;box-shadow:0 22px 60px #0d1d3b40}.modal h3{color:#22467f;margin:8px 0 10px;font-size:2rem}.modal p{color:#6987b2}.modal-icon{font-size:4rem}.modalstars{color:#f1b122;font-size:2rem;font-weight:900}.modalbuttons{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:18px;display:flex}@keyframes cloudMove1{0%{transform:translate(0)}50%{transform:translate(34px)}to{transform:translate(0)}}@keyframes cloudMove2{0%{transform:translate(0)}50%{transform:translate(-30px)}to{transform:translate(0)}}@keyframes cloudMove3{0%{transform:translate(0)}50%{transform:translate(20px)}to{transform:translate(0)}}@keyframes floatIsland{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatSun{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes robbiFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes waveArm{0%,to{transform:rotate(-38deg)}50%{transform:rotate(-16deg)}}@media (width<=1180px){.home-screen{grid-template-columns:1fr;justify-items:center;padding:38px 26px 44px}.home-left,.home-right{width:100%;max-width:760px}.game-top,.game-grid{grid-template-columns:1fr}}@media (width<=740px){main{padding:10px}.topbar{padding:12px}.brand{font-size:1.5rem}.brand-icon{width:46px;height:46px}.home-screen{border-radius:24px;padding:24px 18px}.logo-plaque{padding:26px 18px 18px}.logo-code{width:62px;height:62px;font-size:1.2rem}.feature-chip{min-width:initial;flex:140px}.play-button{gap:16px;padding:14px 20px;font-size:2rem}.play-disc{width:58px;height:58px;font-size:1.5rem}.home-actions-row{flex-direction:column}.secondary-card,.callout-grid{width:100%}.page,.game-screen{border-radius:22px;padding:16px}.controls-card,.board-card{padding:14px}.board-hud{padding:8px 10px;font-size:.8rem}.direction-panel{grid-template-columns:1fr 1fr}.dir{min-height:86px;font-size:1.6rem}.dir span{font-size:1rem}.run-btn{font-size:1.25rem}}.home-hidden-header{display:none}.app:has(.home-reference) main{background:#75d5e6;justify-content:center;align-items:flex-start;padding:0;display:flex}.home-reference{aspect-ratio:1769/889;background:#69cef4;width:100%;max-width:1920px;display:block;position:relative;overflow:hidden}.reference-art{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.image-hotspot{cursor:pointer;outline-offset:4px;background:0 0;border:0;position:absolute}.image-hotspot:hover{background:#ffffff13;border-radius:20px}.image-hotspot:focus-visible{border-radius:20px;outline:5px solid #1643a2}.hotspot-play{width:37.6%;height:17.5%;top:55.5%;left:11.5%}.hotspot-help{width:16.4%;height:10.5%;top:73.1%;left:13.4%}.home-progress{color:#fff;text-shadow:0 1px 2px #123;background:#164081a3;border-radius:18px;padding:6px 12px;font-weight:850;position:absolute;bottom:1.5%;right:2.2%}.home-worlds-access{color:#174c91;cursor:pointer;background:#f9fdff;border:3px solid #fff;border-radius:18px;padding:10px 18px;font-size:1.1rem;font-weight:950;position:absolute;top:2%;right:2.2%;box-shadow:0 5px #1384df}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.guide-modal{text-align:left}.guide-modal h3,.guide-modal .modal-icon{text-align:center}.guide-modal p{color:#365d95;font-size:1.1rem;line-height:1.5}.board3d{aspect-ratio:1.8;touch-action:pan-y;cursor:grab}.board3d-wrap{max-height:none}.game-screen{overflow:visible}@media (width<=760px){.home-reference{min-height:0}.home-progress{padding:3px 6px;font-size:.58rem}.home-worlds-access{border-width:1px;border-radius:8px;padding:5px 8px;font-size:.7rem;box-shadow:0 2px #1384df}.board3d{aspect-ratio:1.45}}.app:has(.home-screen) main.home-main{background:0 0;padding:0;display:block}.app:has(.home-screen) .topbar{display:none}.home-screen{min-height:calc(100vh - 55px);box-shadow:none;isolation:isolate;border-radius:0}.home-screen:after{content:"";opacity:.95;z-index:0;background:repeating-linear-gradient(90deg,#465466 0 36px,#5b6372 36px 74px);border-top:18px solid #7ade53;height:50px;position:absolute;inset:auto 0 0}.logo-plaque{transition:transform .3s}.logo-plaque:hover{transform:translateY(-4px)}.feature-chip{transition:transform .2s,box-shadow .2s}.feature-chip:hover{transform:translateY(-4px);box-shadow:0 15px 28px #365ea33b}.play-button{transition:filter .2s,transform .2s}.play-button:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-4px)}.play-button:active:not(:disabled){transform:translateY(5px)}.secondary-card{transition:transform .2s,filter .2s}.secondary-card:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-3px)}.hero-island{animation:5s ease-in-out infinite islandWobble}@keyframes islandWobble{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.callout-card{transition:transform .25s}.callout-card:hover{transform:translate(7px)}.board3d{touch-action:pan-y;aspect-ratio:1.95;cursor:default!important}.board3d.dragging{cursor:default!important}.hud-rotate{font-size:.78rem}@media (width<=740px){.home-screen{min-height:calc(100vh - 40px)}.board3d{aspect-ratio:1.42}}@media (prefers-reduced-motion:reduce){.home-screen *,.home-screen :before,.home-screen :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:is(.app:has(.wonder-menu) .topbar,.app:has(.wonder-menu) .footer){display:none}.app:has(.wonder-menu) main.wonder-main-container{background:#6bcaff;padding:0;display:block}.wonder-menu{--deep:#15365a;isolation:isolate;min-height:100svh;color:var(--deep);background:linear-gradient(#36b6fa 0%,#8de8ff 66%,#86df84 67%,#67c765 100%);justify-content:center;align-items:center;font-family:ui-rounded,Trebuchet MS,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.wonder-sky{pointer-events:none;position:absolute;inset:0;overflow:hidden}.wonder-sun{aspect-ratio:1;background:linear-gradient(135deg,#fffbaa,#ffdc49);border-radius:25%;width:clamp(65px,9vw,122px);animation:8s ease-in-out infinite alternate w-sun;position:absolute;top:7%;right:9%;transform:rotate(10deg);box-shadow:0 0 0 12px #fff48645,0 0 75px #ffeb7099}.wonder-cloud{background:#f8fdff;border-radius:9px;width:164px;height:36px;animation:19s ease-in-out infinite alternate w-cloud;position:absolute;top:11%;left:4%;box-shadow:0 9px #d2f3ff}.wonder-cloud:before,.wonder-cloud:after{content:"";background:inherit;border-radius:9px;position:absolute;bottom:25px}.wonder-cloud:before{width:65px;height:40px;left:30px}.wonder-cloud:after{width:62px;height:57px;right:24px}.wonder-cloud.cloud-two{animation-duration:23s;animation-delay:-5s;top:22%;left:55%;transform:scale(.62)}.wonder-cloud.cloud-three{animation-duration:15s;animation-delay:-9s;top:39%;left:80%;transform:scale(.49)}.wonder-farland{clip-path:polygon(12% 0,89% 0,100% 20%,78% 100%,25% 100%,0 20%);filter:drop-shadow(0 8px 10px #1759a73b);background:linear-gradient(#71e65d 0 24%,#777c84 24% 70%,#4d5367 70%);width:120px;height:76px;animation:6s ease-in-out infinite alternate w-float;position:absolute}.wonder-farland span{font-size:30px;position:absolute;top:0;left:39%}.far-one{top:10%;left:47%;transform:scale(.75)}.far-two{animation-delay:-2s;top:68%;left:2%;transform:scale(.7)}.far-three{animation-delay:-3s;top:60%;right:4%;transform:scale(.54)}.wonder-spark{color:#fff8a9;text-shadow:0 0 16px #fff86e;font-size:30px;animation:2.5s ease-in-out infinite alternate w-spark;position:absolute}.s1{top:19%;left:49%}.s2{animation-delay:-1s;top:33%;right:11%}.s3{animation-delay:-2s;top:47%;left:5%}.wonder-main{z-index:1;grid-template-columns:minmax(0,1.13fr) minmax(340px,.87fr);align-items:center;gap:clamp(20px,4vw,60px);width:min(1600px,100%);padding:42px clamp(25px,5vw,82px) 100px;display:grid;position:relative}.wonder-copy{z-index:3;min-width:0;position:relative}.wonder-title-sign{text-align:center;background:linear-gradient(145deg,#37516b,#1c3048 67%,#274562);border:8px solid #315576;border-radius:23px;max-width:760px;padding:35px 22px 25px;position:relative;transform:rotate(-1deg);box-shadow:0 15px #14293e,0 25px 25px #163c5c6a,inset 0 4px #6f8ca3}.wonder-title-sign h1{white-space:nowrap;letter-spacing:-.065em;color:#fff;text-shadow:4px 5px #102439,0 9px #101f31,-3px -2px #a9e1ff;margin:0;font-size:clamp(3.35rem,5.8vw,6.5rem);font-weight:1000;line-height:1.01}.wonder-title-sign h1 em{color:#38adff;text-shadow:4px 5px #113456,0 9px #0d2138,-2px -2px #a9e1ff;font-style:normal}.wonder-title-sign p{letter-spacing:.01em;color:#fff;text-shadow:0 3px #0e2440;margin:14px 0 0;font-size:clamp(1rem,1.7vw,1.65rem);font-weight:950}.wonder-code-icon{z-index:2;color:#fff;background:linear-gradient(145deg,#4fc7ff,#0666d7);border:5px solid #123e83;border-radius:15px;padding:10px 14px;font-size:1.6rem;font-weight:1000;position:absolute;top:-36px;right:25px;box-shadow:0 7px #0c3877}.wonder-badges{flex-wrap:wrap;justify-content:center;gap:12px;margin:35px auto 22px;display:flex}.wonder-badges span{color:#fff;letter-spacing:.01em;background:linear-gradient(#2675cb,#14478a);border:3px solid #d7f4ff;border-radius:13px;padding:12px 15px;font-size:clamp(.8rem,1.12vw,1.1rem);font-weight:1000;box-shadow:0 6px #0d4a8a,0 12px 18px #2e659050}.wonder-start{cursor:pointer;color:#15315b;letter-spacing:-.03em;background:linear-gradient(#ffed67 0%,#ffd12b 59%,#ffa919 100%);border:6px solid #ffdd5f;border-radius:25px;justify-content:center;align-items:center;gap:clamp(20px,3vw,45px);width:94%;min-height:112px;margin:0 auto;font-size:clamp(1.8rem,4vw,3.5rem);font-weight:1000;transition:transform .2s,filter .2s;display:flex;box-shadow:inset 0 6px #fff5a0,0 12px #cc7600,0 17px 20px #755f3357}.wonder-start:hover{filter:brightness(1.07);transform:translateY(-5px)}.wonder-start:active{transform:translateY(8px);box-shadow:0 4px #cc7600}.wonder-playicon{color:#12325c;background:#fff;border:5px solid #b7670e;border-radius:50%;flex:none;place-items:center;width:70px;height:70px;font-size:1.65rem;display:grid;box-shadow:inset 0 -6px #d7e8fa}.wonder-buttons{justify-content:center;gap:16px;margin-top:25px;display:flex}.wonder-buttons button{color:#17457d;cursor:pointer;background:linear-gradient(#fff,#dff2ff);border:4px solid #2585df;border-radius:18px;flex:1;min-width:0;min-height:74px;font-size:clamp(.85rem,1.25vw,1.12rem);font-weight:1000;transition:transform .2s;box-shadow:0 8px #0e59a5,0 14px 18px #1c669346}.wonder-buttons button:hover{filter:brightness(1.04);transform:translateY(-4px)}.wonder-buttons button:active{transform:translateY(5px)}.wonder-buttons button span{margin-right:6px;font-size:1.35rem}.wonder-progress{text-align:center;color:#fff;text-shadow:0 2px 4px #256093;margin-top:25px;font-weight:900}.wonder-stage{justify-content:center;align-items:center;width:100%;height:570px;display:flex;position:relative;overflow:visible}.wonder-platform{width:min(100%,470px);height:295px;position:absolute;bottom:34px;left:50%;overflow:visible;transform:translate(-50%)}.wonder-platform:before{content:"";z-index:1;clip-path:polygon(12% 0,88% 0,100% 35%,90% 64%,50% 95%,10% 64%,0 35%);filter:drop-shadow(0 10px 4px #3579354b);background:linear-gradient(#95eb54 0 24%,#64c447 25% 38%,#4ca53b 39%);width:100%;height:140px;position:absolute;top:85px;left:0}.wonder-dirt{clip-path:polygon(0 0,100% 0,82% 72%,55% 100%,26% 79%);filter:drop-shadow(0 12px 18px #275a7d76);background:linear-gradient(135deg,#85828b,#465267 58%,#363d50);width:80%;height:165px;position:absolute;top:155px;left:10%}.wonder-flower{z-index:3;color:#fff;text-shadow:0 0 #fff,0 3px #dfb33d;font-size:33px;position:absolute;top:120px}.flower-one{left:17%}.flower-two{font-size:24px;right:17%}.wonder-grass{z-index:3;background:#3fae39;border-radius:4px;width:21px;height:35px;position:absolute;top:110px}.tuft-one{left:23%}.tuft-two{right:23%}.wonder-robbi{--scale:1.16;z-index:5;width:210px;height:330px;transform:translateX(-50%) scale(var(--scale));transform-origin:bottom;filter:drop-shadow(0 11px 6px #25588960);animation:3s ease-in-out infinite w-robot;position:absolute;bottom:175px;left:50%}.wonder-robbi>div{position:absolute}.r-antenna{background:#35506e;border-radius:5px;width:9px;height:34px;top:-5px;left:101px}.r-antenna:before{content:"";background:#168cfa;border-radius:8px;width:27px;height:27px;position:absolute;top:-10px;left:-9px;box-shadow:inset -5px -3px #0b5cb6}.r-head{z-index:5;background:linear-gradient(135deg,#fff,#dce8f6);border:9px solid #dbe7f3;border-radius:20px;width:160px;height:122px;top:25px;left:25px;box-shadow:inset -5px -5px #a2b5cd,0 7px #819bb4}.r-screen{background:#142236;border-radius:9px;position:absolute;inset:16px 13px 19px;box-shadow:inset 0 5px 10px #081222}.r-eye{filter:drop-shadow(0 0 6px #00d7ff80);border:8px solid #00dcfa;border-bottom:0;border-radius:50% 50% 0 0;width:26px;height:22px;position:absolute;top:21px}.eye-left{left:20px}.eye-right{right:20px}.r-smile{border-bottom:5px solid #00dffa;border-radius:50%;width:27px;height:11px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.r-ear{z-index:3;background:#2a97fa;border:5px solid #0870d0;border-radius:9px;width:27px;height:55px;top:58px}.r-ear-left{left:4px}.r-ear-right{right:4px}.r-neck{background:#506582;width:20px;height:16px;top:144px;left:96px}.r-body{z-index:4;background:linear-gradient(135deg,#fff,#dde8f6);border:8px solid #dae8f2;border-radius:15px;width:110px;height:94px;top:155px;left:50px;box-shadow:inset -5px -5px #a6c1d9}.r-heart{color:#fff;background:#38bdff;border:4px solid #1282df;border-radius:7px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:21px;left:31px}.r-arm{z-index:2;background:linear-gradient(#fff 0 55%,#168df0 56% 100%);border:4px solid #1f7bc7;border-radius:12px;width:31px;height:86px;top:163px}.r-arm-left{left:20px;transform:rotate(24deg)}.r-arm-right{transform-origin:0 0;animation:2.3s ease-in-out infinite w-wave;right:12px;transform:rotate(-58deg)}.r-arm-right span{background:#1488f7;border-radius:8px;width:37px;height:26px;position:absolute;bottom:-10px}.r-leg{z-index:2;background:#45576e;border-radius:8px;width:24px;height:48px;top:239px}.r-leg-left{left:70px}.r-leg-right{right:70px}.r-foot{z-index:3;background:linear-gradient(#fff 0 55%,#1c8ef7 56%);border:5px solid #1362bc;border-radius:8px;width:55px;height:29px;top:277px}.r-foot-left{left:43px}.r-foot-right{right:43px}.wonder-greeting{z-index:7;color:#2572c6;background:#fff;border:4px solid #b0eaff;border-radius:24px;padding:13px 20px;font-size:clamp(1rem,1.5vw,1.5rem);font-weight:1000;animation:3.8s ease-in-out infinite w-bubble;position:absolute;top:16px;right:1%;box-shadow:0 9px #6ac2ef}.wonder-greeting span{color:#174a81}.wonder-greeting i{background:#fff;width:18px;height:18px;position:absolute;bottom:-17px;left:28%;transform:rotate(45deg)}.wonder-stage-star{z-index:5;font-size:35px;animation:2s ease-in-out infinite alternate w-spark;position:absolute}.star-left{top:110px;left:3%}.star-right{animation-delay:-1s;top:175px;right:7%}.wonder-ground{z-index:1;background:linear-gradient(#76d450 0 32%,#4baa43 33% 42%,#5f6170 43%);border-top:7px solid #a2f273;width:100%;height:58px;position:absolute;bottom:0;left:0;box-shadow:0 -3px #3f982b}.wonder-ground span{background:#454f60;width:50px;height:25px;position:absolute;bottom:0}.wonder-ground span:first-child{left:8%}.wonder-ground span:nth-child(2){left:34%}.wonder-ground span:nth-child(3){left:66%}.wonder-ground span:nth-child(4){left:90%}@keyframes w-float{to{translate:0 -13px}}@keyframes w-cloud{to{translate:36px}}@keyframes w-sun{to{transform:rotate(-5deg)scale(1.07)}}@keyframes w-spark{to{opacity:.45;transform:scale(.72)}}@keyframes w-robot{0%,to{translate:0}50%{translate:0 -13px}}@keyframes w-wave{0%,to{transform:rotate(-58deg)}50%{transform:rotate(-31deg)}}@keyframes w-bubble{50%{translate:0 -8px}}@media (width<=1100px){.wonder-menu{min-height:100svh}.wonder-main{grid-template-columns:1fr;gap:5px;max-width:730px;padding:52px 28px 90px}.wonder-copy{max-width:100%}.wonder-stage{height:480px}.wonder-title-sign h1{font-size:clamp(3rem,8.8vw,6rem)}.wonder-platform{bottom:10px}}@media (width<=600px){.wonder-main{padding:45px 14px 85px}.wonder-title-sign{border-width:5px;padding:22px 8px 18px}.wonder-title-sign h1{font-size:clamp(2.5rem,11vw,4.1rem)}.wonder-title-sign p{font-size:.9rem}.wonder-code-icon{padding:5px 9px;font-size:1.1rem;top:-25px;right:10px}.wonder-badges{gap:7px;margin-top:22px}.wonder-badges span{border-width:2px;padding:9px;font-size:.72rem}.wonder-start{border-width:4px;min-height:81px;font-size:1.9rem}.wonder-playicon{border-width:3px;width:52px;height:52px;font-size:1.3rem}.wonder-buttons{gap:10px}.wonder-buttons button{border-width:3px;min-height:66px;padding:9px;font-size:.78rem}.wonder-buttons button span{display:block}.wonder-stage{height:410px}.wonder-platform{width:350px;bottom:8px}.wonder-robbi{--scale:.93}.wonder-greeting{padding:10px 13px;font-size:.9rem;top:2%;right:2%}.wonder-cloud{opacity:.7}.wonder-sun{top:4%;right:5%}}@media (prefers-reduced-motion:reduce){.wonder-menu *,.wonder-menu :before,.wonder-menu :after{transition:none!important;animation:none!important}}.game-screen{background:linear-gradient(155deg,#d9f4ff 0%,#ecf6ff 56%,#f5faff 100%);border:0;gap:14px;padding:16px 20px 26px;position:relative;overflow:visible}.game-screen:before{content:"";pointer-events:none;opacity:.62;background:radial-gradient(circle at 20% 8%,#ffffff80 0 45px,#0000 46px),radial-gradient(circle at 70% 17%,#ffffffa6 0 29px,#0000 30px);position:absolute;inset:0}.game-top,.game-grid{z-index:1;position:relative}.game-top{grid-template-columns:auto 1fr minmax(250px,.6fr);gap:18px}.game-title{background:#ffffffdf;border:3px solid #deecff;border-radius:24px;padding:12px 20px;box-shadow:0 8px 22px #72b7ea30}.game-title small{color:#5d9ef5}.game-title h2{color:#183c84;font-size:clamp(1.5rem,2.3vw,2.35rem)}.game-title p{color:#487bbb}.objective-box{background:#ffffffdb;border:3px solid #d5eaff;min-height:94px}.game-grid{grid-template-columns:minmax(450px,1.55fr) minmax(335px,.82fr);gap:18px}.board-card{background:linear-gradient(#94d9ff 0%,#c8efff 100%);border:4px solid #c9edff;border-radius:28px;padding:14px;position:relative;box-shadow:0 16px 32px #3699d32c}.board-toolbar{margin-bottom:8px}.scene-label{color:#1759a1;background:#fffd;border:2px solid #d9f0ff;border-radius:18px;padding:10px 16px;font-size:1.2rem;font-weight:1000;box-shadow:0 5px 12px #4092cf25}.board3d{cursor:default;touch-action:pan-y;border:3px solid #b4e7ff;border-radius:22px;min-height:345px;aspect-ratio:1.72!important}.board-hud{font-size:.79rem;box-shadow:0 5px 10px #3f9cd828}.hud-rotate{color:#176399;background:#fff9d9;border-color:#e4f0b0}.hud-guide{background:#fffffff2}.controls-card{background:linear-gradient(#ffffffed,#f7fbffed);border:3px solid #e0eeff;padding:16px;box-shadow:0 16px 32px #4b8ed32a}.mission-headline{color:#2e64b3;text-align:center;margin:2px 0 14px;font-size:1.45rem;font-weight:1000}.toggle-row{margin-bottom:14px}.toggle{border-radius:18px}.toggle.active{box-shadow:inset 0 4px #9bc5ff,0 6px #3375dc}.dir{border:3px solid #fff8;border-radius:23px;min-height:100px;transition:transform .17s,filter .17s;position:relative;box-shadow:inset 0 5px #ffffff50,0 8px #4564b655,0 13px 15px #427bb43a}.dir:hover:not(:disabled){filter:saturate(1.12);transform:translateY(-4px)}.dir:active:not(:disabled){transform:translateY(4px)}.program-dropzone{background:#f2f9ff;min-height:98px}.run-btn{background:linear-gradient(#48dcd0,#11b8ad);box-shadow:inset 0 4px #b8fff9,0 6px #138f91,0 10px 14px #408fa642}.speech-box{background:#fff;border:2px solid #c8e8ff;margin-top:12px;padding:11px 14px}.mini-robbi{flex-shrink:0}.hint-strip{color:#397cc6;background:#ffffffc9;border:2px solid #deecff;margin-top:12px}.hint-strip p{color:#5288c5}@media (width<=1140px){.game-grid{grid-template-columns:1fr}.game-top{grid-template-columns:auto 1fr}.objective-box{grid-column:2}}@media (width<=730px){.game-screen{padding:10px}.game-title{padding:10px 13px}.game-grid{grid-template-columns:minmax(0,1fr)}.board3d{min-height:240px;aspect-ratio:1.25!important}.game-title h2{font-size:1.45rem}.objective-box{grid-column:1/-1}.board-hud{font-size:.67rem}.scene-label{font-size:1rem}}.board-card .board3d-wrap{width:96%;margin-inline:auto}.board-card .board-toolbar{justify-content:space-between;gap:12px}.sound-toggle{color:#2764a7;cursor:pointer;background:#fff;border:2px solid #cfe6ff;border-radius:999px;padding:9px 15px;font-size:.94rem;font-weight:900;box-shadow:0 4px 12px #519add29}.sound-toggle:hover{background:#f2faff}@media (width<=740px){.board-card .board3d-wrap{width:100%}.sound-toggle{padding:7px 11px;font-size:.78rem}}.game-grid .board-card{flex-direction:column;align-items:stretch;display:flex}.game-grid .board-card .board3d-wrap{align-self:center;width:100%;max-width:960px;margin-inline:auto}.game-grid .board-card .board3d{width:100%;margin-inline:auto}.game-grid{grid-template-columns:minmax(0,1.55fr) minmax(345px,.83fr)}.cycle-panel{background:linear-gradient(135deg,#f5efff,#f2faff);border:3px solid #b9a3ff;border-radius:22px;margin-top:16px;padding:15px;box-shadow:0 6px 16px #7973cf20}.cycle-panel-heading{color:#5e3fac;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:1.12rem;display:flex}.cycle-panel-heading small{color:#755ab7;font-size:.78rem}.cycle-panel p{color:#6b5b98;margin:8px 0 12px;font-size:.9rem;font-weight:700}.cycle-controls{flex-wrap:wrap;align-items:end;gap:9px;display:flex}.cycle-controls label{color:#5d4b8f;flex:110px;gap:5px;font-size:.83rem;font-weight:900;display:grid}.cycle-controls select{color:#514099;background:#fff;border:2px solid #c1b3fa;border-radius:12px;min-height:43px;padding:10px 7px;font-weight:900}.cycle-count{color:#5d4b8f;gap:5px;font-size:.83rem;font-weight:900;display:grid}.cycle-count>div{background:#fff;border:2px solid #d2c5fa;border-radius:12px;align-items:center;gap:8px;padding:4px;display:flex}.cycle-count button{color:#5540a6;cursor:pointer;background:#e4daff;border:0;border-radius:9px;width:35px;height:35px;font-size:1.4rem;font-weight:1000}.cycle-count strong{text-align:center;min-width:18px;font-size:1.3rem}.cycle-add,.cycle-start{color:#fff;cursor:pointer;background:linear-gradient(#9967f7,#7548db);border:0;border-radius:14px;padding:14px 16px;font-weight:1000;box-shadow:0 4px #5530a6}.cycle-add:disabled{opacity:.55;cursor:not-allowed}.program-dropzone button.repeat-block{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#ae84ff,#7554dd);width:auto;min-width:98px;padding:0 10px;font-size:1.1rem}.cycle-example{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:16px 0;font-size:1.3rem;display:flex}.cycle-example span{color:#6d45c6;background:#f4efff;border:2px solid #d5c3ff;border-radius:14px;padding:12px;font-weight:900}.cycle-intro .cycle-start{min-width:170px;margin:10px auto}@media (width<=1140px){.game-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=740px){.cycle-controls{align-items:stretch}.cycle-add{flex:100%}}.game-grid .board-card .board3d-wrap{align-self:center;width:100%;max-width:960px;margin:0 auto}.game-grid .board-card .board3d{width:100%;min-height:320px;display:block;aspect-ratio:1.72!important}.worlds-page{background:linear-gradient(145deg,#e7f7ff,#f2edff 58%,#fcfcff)}.worlds-page .section-head h2{font-size:clamp(1.7rem,3vw,2.7rem)}.worldgrid{grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:20px}.worldcard{background:#fff;border:3px solid #fff;border-radius:26px;flex-direction:column;align-items:stretch;padding:10px 10px 18px;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 12px 28px #487fbd2b}.worldcard:hover:not(.locked){transform:translateY(-5px);box-shadow:0 18px 32px #487fbd40}.worldcard:focus-visible{outline-offset:3px;outline:4px solid #f7b82a}.worldcard.locked{opacity:1}.worldbody{padding:3px 12px 0}.worldbody small{color:#3a7ac5;letter-spacing:.07em;font-weight:1000}.worldbody h3{margin:7px 0;font-size:1.34rem}.worldbody p{min-height:32px;font-size:.92rem}.worldbody .meter{height:11px;margin-top:14px}.world-scene{isolation:isolate;--costume:#3788ff;background:linear-gradient(#83d9ff,#baf3ff 69%,#6aca65 70%);border-radius:21px;height:216px;display:block;position:relative;overflow:hidden}.scene-despegue{--costume:#327aff;background:linear-gradient(#65bbff,#c4f5ff 72%,#77d8a3 73%)}.scene-jardin{--costume:#45ba78;background:linear-gradient(#99efbc,#d8ffe9 72%,#7cdd6e 73%)}.scene-bosque{--costume:#268c77;background:linear-gradient(#72d2bd,#c1f6d6 72%,#57ac75 73%)}.scene-laboratorio{--costume:#8d70eb;background:linear-gradient(#a6a0ff,#e4d7ff 72%,#a9b5ff 73%)}.scene-estrellas{--costume:#ffad43;background:linear-gradient(#2c388d,#8688e9 72%,#797ddb 73%)}.world-scene-locked .world-mini-robbi{filter:grayscale(.35);opacity:.9}.world-scene-sun{background:#ffeb81;border-radius:50%;width:42px;height:42px;position:absolute;top:18px;right:28px;box-shadow:0 0 26px #ffe682a1}.scene-estrellas .world-scene-sun{background:#f6f8ff;box-shadow:0 0 24px #fff}.world-scene-decoration{z-index:1;font-size:33px;animation:3s ease-in-out infinite alternate world-spark;display:block;position:absolute}.deco-one{top:32px;left:22px}.deco-two{color:#ffe57e;animation-delay:1s;top:100px;right:24px}.world-scene-floor{background:#84dc74;border:9px solid #64b75d;border-radius:50%;height:58px;position:absolute;bottom:12px;left:16%;right:16%;box-shadow:0 9px #6b7698}.scene-estrellas .world-scene-floor{background:#97b5ff;border-color:#6178ca}.world-mini-robbi{z-index:2;filter:drop-shadow(0 8px 9px #3264a350);width:110px;height:140px;animation:2.6s ease-in-out infinite world-robbi-bounce;position:absolute;bottom:41px;left:50%;transform:translate(-50%)}.world-mini-robbi>div{box-sizing:border-box;position:absolute}.mini-ant{background:#385b99;border-radius:5px;width:8px;height:22px;top:0;left:51px}.mini-ant:before{content:"";background:var(--costume);border-radius:5px;width:16px;height:13px;position:absolute;top:-5px;left:-4px}.mini-head{background:#fff;border-radius:15px;width:82px;height:62px;top:16px;left:14px;box-shadow:inset 0 -5px #c6dcf5,0 4px #6c9ccf}.mini-screen{background:#183454;border-radius:8px;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:10px 10px 13px}.mini-eye{background:#36e3f8;border-radius:50%;width:10px;height:10px}.mini-mouth{border-bottom:3px solid #35e2f8;border-radius:50%;width:17px;height:7px;position:absolute;bottom:5px;left:24px}.mini-ear{background:var(--costume);border-radius:6px;width:14px;height:28px;top:34px}.mini-ear-left{left:4px}.mini-ear-right{right:4px}.mini-torso{background:#fff;border-radius:9px;width:50px;height:37px;top:83px;left:30px;box-shadow:inset 0 -4px #d0dcf2}.mini-torso span{place-items:center;height:100%;font-size:19px;display:grid}.mini-arm{background:var(--costume);border:3px solid #f4faff;border-radius:9px;width:14px;height:38px;top:88px}.mini-arm-left{left:14px;transform:rotate(16deg)}.mini-arm-right{transform-origin:top;animation:2.5s ease-in-out infinite world-wave;right:14px;transform:rotate(-30deg)}.mini-leg{background:#405670;border-radius:4px;width:13px;height:22px;top:114px}.mini-leg-left{left:38px}.mini-leg-right{right:38px}.mini-boot{background:var(--costume);border:3px solid #fff;border-radius:5px;width:26px;height:13px;top:128px}.mini-boot-left{left:27px}.mini-boot-right{right:27px}.world-mini-robbi .mini-costume{z-index:4;text-shadow:0 1px #fff;font-size:21px;position:absolute}.mini-leaf{top:96px;left:84px}.mini-hat{top:-3px;left:19px;transform:rotate(-25deg)}.mini-glasses{color:#7a40dd;top:13px;right:0}.mini-star{color:#fff0a0;font-size:27px;top:19px;right:-7px}.world-scene-caption{z-index:3;color:#24538d;background:#ffffffec;border-radius:13px;padding:6px 10px;font-size:.78rem;font-weight:1000;position:absolute;bottom:10px;right:12px;box-shadow:0 3px 12px #3983bf36}@keyframes world-robbi-bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-7px)}}@keyframes world-wave{0%,to{transform:rotate(-30deg)}50%{transform:rotate(-52deg)}}@keyframes world-spark{0%{transform:scale(.91)rotate(-9deg)}to{transform:scale(1.13)rotate(9deg)}}@media (width<=740px){.game-grid .board-card .board3d{min-height:250px;aspect-ratio:1.35!important}.worldgrid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr))}}@media (prefers-reduced-motion:reduce){.world-mini-robbi,.world-scene-decoration,.mini-arm-right{animation:none}}.modes-page{text-align:center;background:linear-gradient(150deg,#effaff,#fff 65%,#f4f0ff);max-width:1150px;margin:18px auto 38px;padding:36px 24px 42px}.modes-page h2{color:#17488c;margin:12px 0 6px;font-size:clamp(2rem,4vw,3.25rem)}.modes-page>p{color:#567bb5;font-size:1.12rem}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:32px 0 18px;display:grid}.mode-card{cursor:pointer;text-align:center;color:#173d7a;border:4px solid #fff;border-radius:36px;flex-direction:column;align-items:center;gap:13px;min-height:320px;padding:29px 20px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;box-shadow:0 12px 28px #2c5da02e,inset 0 -6px #2d55a014}.mode-card:hover,.mode-card:focus-visible{transform:translateY(-7px);box-shadow:0 20px 35px #2c5da038}.mode-card.adventure{background:linear-gradient(145deg,#bbecff,#76c1ff 72%,#77ddf6)}.mode-card.free{background:linear-gradient(145deg,#fff0bc,#f9c5fd 58%,#d5c2ff)}.mode-emoji{font-size:4.2rem;animation:3.2s ease-in-out infinite robbiFloat}.mode-card strong{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:1000}.mode-card>span:not(.mode-emoji):not(.mode-progress):not(.mode-cta){max-width:300px;font-size:1.04rem;font-weight:750}.mode-progress{color:#27518c;background:#ffffffc2;border-radius:30px;padding:9px 15px;font-weight:850}.mode-cta{color:#1e63bd;background:#fff;border-radius:18px;margin-top:auto;padding:12px 18px;font-weight:950;box-shadow:0 5px #2e66b238}.mode-note{color:#5578a8!important;font-size:.94rem!important}.mode-pill{color:#2960ae;background:#e2f5ff;border-radius:999px;padding:10px 14px;font-weight:900}@media (width<=700px){.mode-grid{grid-template-columns:1fr}.mode-card{min-height:290px}.modes-page{padding:26px 14px}}.program-dropzone button.block-active{z-index:2;animation:.65s ease-in-out infinite alternate blockPulse;transform:translateY(-4px)scale(1.08);color:#153467!important;background:#ffec78!important;box-shadow:0 0 0 5px #ffb900,0 0 22px #ffd450!important}.program-dropzone button.block-error{animation:none;transform:scale(1.07);color:#fff!important;background:#ff6c74!important;box-shadow:0 0 0 5px #d52f44,0 0 20px #ff6979!important}@keyframes blockPulse{0%{filter:brightness();box-shadow:0 0 0 3px #ffc933,0 0 10px #ffc933}to{filter:brightness(1.08);box-shadow:0 0 0 6px #ffb800,0 0 30px #ffb800}}.collect-guide{color:#72511c;background:linear-gradient(135deg,#fff7ce,#fffaf0);border:2px solid #f5d777;border-radius:18px;margin:16px 0;padding:14px 16px}.collect-guide div{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.collect-guide span{font-size:.86rem;font-weight:800}.collect-guide p{margin:8px 0;font-size:.93rem}.collect-add{color:#624014;cursor:pointer;background:linear-gradient(#ffd65c,#eea928);border:0;border-radius:13px;padding:12px 16px;font-weight:900;box-shadow:0 4px #cc9124}.program-dropzone button.collect-block{color:#5b3c0b;background:linear-gradient(135deg,#ffd968,#e9a629);width:auto;min-width:108px;padding:0 12px;font-size:1rem}.ending-page{background:linear-gradient(#fffdfa,#e7f7ff);border:3px solid #f5df9c;gap:22px;max-width:840px;margin:0 auto}.ending-page h2{color:#1e519a;font-size:clamp(2rem,4vw,3rem)}.ending-page p{color:#315389;max-width:700px;margin:0;font-size:1.2rem;line-height:1.6}.cycle-explain-btn{color:#5e3fac;cursor:pointer;background:#fff;border:2px solid #b5a2ed;border-radius:12px;justify-content:center;align-items:center;margin:0 0 12px;padding:10px 14px;font-weight:900;display:inline-flex}.cycle-explain-btn:hover{background:#f5f0ff}.program-dropzone button.block-active,.program-dropzone button.block-active:disabled{opacity:1!important;color:#153467!important;background:#ffec78!important;box-shadow:0 0 0 5px #ffb900,0 0 22px #ffd450!important}.program-dropzone button.block-error,.program-dropzone button.block-error:disabled{opacity:1!important;color:#fff!important;background:#ff6c74!important;animation:none!important;box-shadow:0 0 0 5px #d52f44,0 0 20px #ff6979!important}.mode-emoji{letter-spacing:.04em;font-weight:1000;font-size:2.1rem!important}html{scroll-behavior:smooth;overflow-x:hidden}body,#root,.app{min-width:0;max-width:100%;overflow-x:clip}button,select{touch-action:manipulation}button:focus-visible,select:focus-visible{outline-offset:3px;outline:4px solid #ffbd3d}main,.game-grid,.game-grid>*{min-width:0}.board3d canvas{display:block;width:100%!important;height:100%!important}@media (width>=1200px){.game-screen{max-width:1760px;margin-inline:auto}.game-grid{grid-template-columns:minmax(0,1.45fr) minmax(330px,.85fr);align-items:start}.game-grid .board-card .board3d-wrap{width:min(100%,900px);margin-inline:auto}.game-grid .board-card .board3d{height:auto;min-height:300px;aspect-ratio:1.62!important}.controls-card{min-width:0}.wonder-main{max-width:1500px}}@media (width>=768px) and (width<=1199px){main{padding:14px 18px 26px}.topbar{flex-wrap:wrap;gap:12px}.game-screen{max-width:1100px;margin-inline:auto;padding:18px}.game-grid{gap:18px;display:grid;grid-template-columns:minmax(0,1fr)!important}.game-grid .board-card .board3d-wrap{width:min(100%,830px);margin-inline:auto}.game-grid .board-card .board3d{aspect-ratio:1.68!important;min-height:0!important}.controls-card{justify-self:center;width:100%;max-width:830px}.direction-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dir{min-height:88px}.worldgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.levelgrid{grid-template-columns:repeat(4,minmax(0,1fr))}.wonder-main{gap:8px;max-width:1140px;padding:30px 24px 60px;grid-template-columns:1fr 1fr!important}.wonder-copy{max-width:none}.wonder-title-sign{padding:25px 12px 18px}.wonder-title-sign h1{font-size:clamp(2.8rem,5vw,4.6rem)}.wonder-badges{gap:7px;margin:22px auto 16px}.wonder-badges span{padding:9px;font-size:.75rem}.wonder-start{min-height:88px;font-size:clamp(1.55rem,3vw,2.4rem)}.wonder-playicon{width:52px;height:52px}.wonder-buttons button{min-height:64px;padding:8px;font-size:.85rem}.wonder-stage{height:450px}.wonder-platform{width:360px;bottom:12px}.wonder-robbi{--scale:.98}.mode-grid{gap:16px}}@media (width>=600px) and (width<=899px) and (orientation:portrait){.wonder-main{gap:0;max-width:700px;padding:28px 32px 65px;grid-template-columns:1fr!important}.wonder-title-sign h1{font-size:clamp(3rem,9vw,5rem)}.wonder-stage{height:420px}.wonder-platform{bottom:0}.wonder-robbi{--scale:1}.game-top{grid-template-columns:auto minmax(0,1fr)!important}.objective-box{grid-column:1/-1!important}.game-grid{grid-template-columns:minmax(0,1fr)!important}.game-grid .board-card .board3d{aspect-ratio:1.48!important;min-height:0!important}.direction-panel,.worldgrid,.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-card{min-height:280px}}@media (width<=767px){main{padding:10px 10px 22px}.topbar{flex-wrap:wrap;padding:10px 12px;position:relative}.topstats{justify-content:center;gap:7px;width:100%}.stat-pill,.ghost-pill{padding:9px 11px;font-size:.79rem}.game-screen{gap:12px;padding:10px}.game-top{gap:9px;grid-template-columns:auto minmax(0,1fr)!important}.game-title{min-width:0}.game-title h2{overflow-wrap:anywhere;font-size:clamp(1.3rem,4vw,1.8rem)}.objective-box{padding:12px;grid-column:1/-1!important}.game-grid{gap:12px;grid-template-columns:minmax(0,1fr)!important}.board-card,.controls-card{border-radius:20px;padding:10px}.game-grid .board-card .board3d-wrap{width:100%;max-width:100%;margin-inline:auto}.game-grid .board-card .board3d{border-radius:17px;height:auto;aspect-ratio:1.3!important;min-height:0!important}.board-hud{max-width:90%;padding:6px 9px;font-size:clamp(.58rem,1.9vw,.78rem)}.hud-guide{bottom:8px;left:8px}.board-toolbar{flex-wrap:wrap}.icon-chip{min-width:46px;min-height:46px}.direction-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dir{min-height:90px;font-size:1.65rem}.dir span{font-size:1.04rem}.program-dropzone{min-height:92px}.program-dropzone button{min-width:49px;min-height:49px}.run-row{grid-template-columns:minmax(0,1fr) auto;gap:9px}.run-btn,.clean-btn,.help-btn,.collect-add,.cycle-add,.cycle-start,.cycle-controls select,.cycle-count button{min-height:48px}.cycle-controls{gap:10px}.cycle-controls label{min-width:0}.worldgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.worldcard{min-width:0}.world-scene{height:170px}.worldbody{padding:3px 6px}.worldbody h3{font-size:1rem}.levelgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mode-grid{grid-template-columns:1fr;gap:14px}.mode-card{min-height:250px}.wonder-menu{height:auto;min-height:100svh;overflow:hidden}.wonder-main{gap:0;max-width:610px;padding:25px 14px 52px;grid-template-columns:minmax(0,1fr)!important}.wonder-title-sign h1{font-size:clamp(2.3rem,10vw,4.2rem)}.wonder-stage{min-width:0;height:390px}.wonder-platform{width:min(100%,365px);bottom:4px}.wonder-robbi{--scale:.93}.wonder-greeting{top:3%;right:1%}.wonder-badges{gap:7px}.wonder-buttons{flex-wrap:wrap;gap:9px}.wonder-buttons button{min-width:135px}.modal{max-height:90dvh;overflow-y:auto}}@media (width<=420px){.worldgrid{grid-template-columns:minmax(0,1fr)}.world-scene{height:190px}.wonder-main{padding-inline:10px}.wonder-title-sign h1{font-size:clamp(2.05rem,10vw,2.8rem)}.wonder-stage{height:350px}.wonder-platform{width:315px}.wonder-robbi{--scale:.81}.wonder-buttons{flex-direction:column}.wonder-buttons button{width:100%}.board-hud.hud-guide{letter-spacing:-.02em;font-size:.55rem}.game-grid .board-card .board3d{aspect-ratio:1.17!important}}@media (hover:none) and (pointer:coarse){button{-webkit-tap-highlight-color:transparent}.worldcard:hover:not(.locked),.mode-card:hover,.dir:hover:not(:disabled),.wonder-start:hover{transform:none}button:active:not(:disabled){filter:brightness(.94)}.board3d{touch-action:pan-y!important}}