@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@600;700;800;900&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;font-family:Nunito,system-ui,sans-serif}body{min-width:320px;min-height:100vh;margin:0}button:focus-visible{outline-offset:3px;outline:4px solid #f4bd3f}*{box-sizing:border-box}button{font:inherit}.intro-screen,.game-screen{min-height:100svh;font-family:Nunito,sans-serif}.intro-screen{background:#130b45 url(/fabrica-monstruos.png) 50% 36%/cover no-repeat;place-items:center;height:100svh;padding:clamp(8px,1.7vh,18px);display:grid;position:relative;overflow:hidden}.intro-overlay{-webkit-backdrop-filter:saturate(1.12);backdrop-filter:saturate(1.12);background:linear-gradient(#0e07392e,#0a052870 55%,#08041db8);position:absolute;inset:0}.intro-content{z-index:1;flex-direction:column;justify-content:center;align-items:center;width:min(710px,100%);height:min(880px,100%);display:flex;position:relative}.factory-lamp{background:#117d9e;border:5px solid #17466f;border-radius:50% 50% 20% 20%;flex:none;width:105px;height:29px;margin-bottom:-6px;position:relative;box-shadow:0 8px 35px #fff5a9}.factory-lamp span{background:#ff8fe6;border:4px solid #7c277e;border-radius:50%;width:30px;height:30px;margin:-20px auto 0;display:block;box-shadow:0 0 25px #ff5bd5}.intro-sign{text-align:center;color:#fff7dc;background:linear-gradient(#354669,#1d294b);border:6px solid #14284c;border-radius:27px;flex:0 auto;width:100%;padding:clamp(10px,1.8vh,18px) 27px clamp(9px,1.5vh,15px);box-shadow:inset 0 0 0 3px #60769c,0 9px #101731,0 18px 35px #080421}.intro-sign:before,.intro-sign:after{content:"●";color:#8191ad;text-shadow:0 2px #0c152b;position:absolute}.intro-sign:before{margin-left:-45%}.intro-sign:after{margin-top:-40px;margin-left:43%}.intro-kicker{letter-spacing:5px;color:#ffe9bd;font:900 clamp(11px,1.8vh,15px) Nunito}.intro-sign h1{text-shadow:0 5px #101633,0 8px #090c20;margin:2px 0;font:800 clamp(36px,8vh,68px)/.87 "Baloo 2"}.intro-sign h1 span{color:#fff8e6;font-size:.64em;display:block}.intro-sign h1 strong{letter-spacing:-2px;color:#f6c321;background:linear-gradient(90deg,#e745d8,#92d719,#ffc61c,#06c9cf,#ff7920,#c448d4,#99d919);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px #101633);-webkit-background-clip:text;background-clip:text;display:block}.intro-sign p{background:#512a9d;border:3px solid #ac6de1;border-radius:16px;max-width:560px;margin:clamp(6px,1.3vh,11px) auto 0;padding:clamp(4px,.8vh,7px) 14px;font:800 clamp(12px,2.4vh,18px) "Baloo 2";box-shadow:0 4px #28125e}.intro-sign p b{color:#ffd331}.story-card{color:#3d2841;background:linear-gradient(135deg,#ffe8a6,#ffd987);border:6px solid #b87536;border-radius:24px;flex:0 auto;width:88%;margin-top:clamp(13px,2.3vh,20px);padding:clamp(18px,2.7vh,26px) 31px clamp(7px,1.5vh,14px);position:relative;box-shadow:inset 0 0 0 3px #fff0be,0 8px #513062,0 12px 24px #080421}.story-label{color:#fff;background:#7139ac;border:4px solid #3b1c70;border-radius:13px;padding:4px 27px;font:900 clamp(13px,2.1vh,17px) "Baloo 2";position:absolute;top:-21px;left:50%;transform:translate(-50%);box-shadow:0 4px #2a1554}.story-card div{align-items:center;gap:15px;margin:clamp(4px,1.2vh,9px) 0;display:flex}.story-card div span{font-size:clamp(25px,4.3vh,34px)}.story-card p{margin:0;font:800 clamp(11px,1.85vh,14px)/1.2 Nunito}.story-card b{color:#7139ac}.start-button{color:#fff9df;text-shadow:0 4px #47770d;cursor:pointer;background:linear-gradient(#aeea16,#62b800);border:6px solid #315319;border-radius:23px;flex:none;margin-top:clamp(10px,1.8vh,17px);padding:clamp(7px,1.2vh,11px) 28px;font:900 clamp(24px,4.5vh,36px) "Baloo 2";transition:all .18s;box-shadow:inset 0 0 0 3px #d5ff4c,0 7px #213b20,0 12px 20px #090421}.start-button:hover{filter:brightness(1.1);transform:translateY(-4px)}.start-button span{color:#ffd32a;font-size:.65em}.game-screen{color:#fff;background:radial-gradient(circle at 50% 0,#34318b 0,#171247 43%,#0b092b 100%);position:relative;overflow:hidden}.game-screen:before{content:"";pointer-events:none;opacity:.22;background-image:radial-gradient(#7d66d7 1px,#0000 1px),linear-gradient(90deg,#0000 49%,#593f9d 50%,#0000 51%);background-size:35px 35px,160px 100%;position:fixed;inset:0}.factory-pipe{z-index:0;opacity:.8;background:linear-gradient(90deg,#173a69,#2693a2 48%,#16305d 52%,#0e1939);border:7px solid #14234a;width:48px;height:72vh;position:fixed;top:75px}.factory-pipe:after{content:"";background:#275b7a;border:6px solid #131d40;border-radius:10px;height:35px;position:absolute;top:20%;left:-14px;right:-14px}.pipe-left{left:2%}.pipe-right{right:2%}.game-screen header{z-index:2;background:#101334d9;border-bottom:5px solid #354579;justify-content:space-between;align-items:center;height:82px;padding:0 max(24px,50vw - 620px);display:flex;position:relative;box-shadow:0 7px #080a20}.brand{align-items:center;gap:13px;display:flex}.brand-mark{color:#fff;background:#a842d0;border:4px solid #da7cf2;border-radius:17px;place-items:center;width:51px;height:51px;font:800 30px "Baloo 2";display:grid;transform:rotate(-7deg);box-shadow:0 5px #4d1e72}.brand p,.panel-title p,.challenge-heading p{letter-spacing:2px;color:#ffb72f;margin:0;font:900 10px Nunito}.brand h1{color:#fff7dc;text-shadow:0 3px #07091d;margin:0;font:800 24px/1 "Baloo 2"}.header-actions{gap:8px;display:flex}.speaker,.home-button,.sound-button,.close-button{cursor:pointer;color:#fff;background:#312662;border:3px solid #7660bb;border-radius:50%;width:45px;height:45px;font-size:20px;box-shadow:0 4px #11102d}.hero-copy{z-index:1;justify-content:space-between;align-items:flex-end;max-width:1240px;margin:0 auto;padding:31px 20px 22px;display:flex;position:relative}.eyebrow,.aside-title span{letter-spacing:2px;color:#54e3e5;font:900 11px Nunito}.hero-copy h2{color:#fff7df;text-shadow:0 4px #09091f;margin:5px 0 0;font:800 35px/1.05 "Baloo 2"}.hero-copy em{color:#ffd326;font-style:normal}.progress-card{background:#25234f;border:3px solid #58669c;border-radius:18px;align-items:center;gap:14px;padding:11px 18px;display:flex;box-shadow:inset 0 0 0 2px #151735,0 6px #090a20}.progress-card>span{color:#ffd32a;font:800 30px "Baloo 2"}.progress-card small{color:#aaa4ca;font-size:16px}.progress-card b{font:800 11px Nunito}.progress-bar{background:#0e102b;border:1px solid #575079;border-radius:8px;width:130px;height:9px;margin-top:6px;overflow:hidden}.progress-bar i{background:linear-gradient(90deg,#74cc0b,#d0f02e);border-radius:8px;height:100%;transition:all .3s;display:block}.workspace{z-index:1;grid-template-columns:minmax(420px,1.25fr) minmax(350px,.75fr);gap:27px;max-width:1240px;margin:auto;padding:0 20px 28px;display:grid;position:relative}.workshop{background:linear-gradient(#31486c,#172746);border:7px solid #10172f;border-radius:28px;padding:14px;box-shadow:inset 0 0 0 3px #71809e,0 10px #080a20}.panel-title{text-align:center;justify-content:center;align-items:center;gap:14px;height:59px;display:flex}.panel-title span{color:#e99522;font-size:22px}.panel-title h2{color:#fff5d6;margin:-2px 0 0;font:800 23px "Baloo 2"}.monster-board{touch-action:none;background:radial-gradient(circle,#56319a,#221c5c 68%,#111039);border:5px solid #11152f;border-radius:20px;height:440px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #7860b3,inset 0 0 45px #0b0926}.board-grid{opacity:.3;background-image:radial-gradient(#b5a8df 1.5px,#0000 1.5px);background-size:24px 24px;position:absolute;inset:0}.empty-message{color:#ccc0ff;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.empty-message b{color:#fff7dd;font:800 23px "Baloo 2"}.empty-message span{font:700 13px Nunito}.empty-monster{background:#34266d;border:5px dashed #9d82e7;border-radius:45%;place-items:center;width:140px;height:125px;margin-bottom:14px;font:800 48px "Baloo 2";display:grid}.drag-tip{white-space:nowrap;color:#fff;background:#17143c;border:2px solid #7565af;border-radius:20px;padding:6px 13px;font:800 11px Nunito;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.draggable-piece{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;filter:drop-shadow(0 8px 3px #090820);z-index:2;position:absolute}.draggable-piece:active{cursor:grabbing}.head-shape{background:#78d46f;border:6px solid #397a4c;border-radius:48% 48% 42% 42%;width:160px;height:150px;position:relative}.ear{background:#78d46f;border:6px solid #397a4c;border-radius:60%;width:42px;height:62px;position:absolute;top:-28px}.ear.left{left:15px;transform:rotate(-25deg)}.ear.right{right:15px;transform:rotate(25deg)}.eyes-shape{gap:12px;width:110px;height:48px;display:flex}.eyes-shape span{color:#253149;background:#fff;border:5px solid #39435b;border-radius:50%;place-items:center;width:48px;height:48px;font-size:20px;display:grid}.nose-shape{color:#9f4c4d;text-align:center;background:#ff846b;border:5px solid #9f4c4d;border-radius:48%;width:38px;height:32px;font-size:11px}.reward-status .head-shape,.reward-piece .head-shape{transform-origin:0 0;transform:scale(.34)}.reward-status .eyes-shape,.reward-piece .eyes-shape{transform-origin:0 0;transform:scale(.46)}.reward-status .nose-shape,.reward-piece .nose-shape{transform-origin:0 0;transform:scale(.8)}.aside-title{padding:4px 4px 14px}.aside-title h2{color:#fff7dd;text-shadow:0 3px #09091f;margin:2px 0;font:800 25px "Baloo 2"}.challenge-list{flex-direction:column;gap:15px;display:flex}.challenge-card{border:5px solid #101630;border-left:11px solid var(--challenge);cursor:pointer;text-align:left;background:linear-gradient(135deg,#344b70,#202d51);border-radius:20px;align-items:center;width:100%;min-height:96px;padding:12px 14px 12px 19px;transition:all .18s;display:flex;position:relative;box-shadow:inset 0 0 0 2px #6a7794,0 7px #080a20}.challenge-card:hover{filter:brightness(1.18);transform:translateY(-3px)}.number{background:var(--challenge);color:#fff;border:4px solid #151834;border-radius:50%;place-items:center;width:34px;height:34px;font:900 13px Nunito;display:grid;position:absolute;top:-17px;left:-19px}.card-icon{filter:drop-shadow(0 3px #11142c);width:58px;font-size:37px}.card-copy{flex-direction:column;flex:1;display:flex}.card-copy b{color:#fff6d9;font:800 21px "Baloo 2"}.card-copy small{color:#bebbd3;font:800 11px Nunito}.reward-status{color:#fff;background:#19173d;border:2px dashed #9387b5;border-radius:14px;width:52px;height:52px;position:relative;overflow:hidden}.reward-status.done{background:#67bc13;border:3px solid #a5e83b;place-items:center;font-size:23px;display:grid}.play{color:#fff;background:var(--challenge);border-radius:50%;place-items:center;width:31px;height:31px;margin-left:10px;font-size:15px;display:grid}.helper{background:#4a2a77;border:3px solid #8a5bb5;border-radius:18px;align-items:center;gap:12px;margin-top:20px;padding:12px 15px;display:flex;box-shadow:0 5px #15112e}.helper span{font-size:24px}.helper p{color:#efe5ff;margin:0;font:700 11px/1.45 Nunito}.game-screen footer{text-align:center;color:#aea9c8;background:#101334;border-top:4px solid #354579;padding:18px;font:800 11px Nunito}.game-screen footer span{color:#f5b33f;margin:0 7px}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#08051ed1;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.challenge-modal{color:#fff;border:7px solid #10162f;border-top-color:var(--challenge);background:linear-gradient(#34496e,#1a294b);border-radius:30px;width:min(720px,100%);min-height:500px;padding:28px;position:relative;box-shadow:inset 0 0 0 3px #70809d,0 12px #080a20}.close-button{color:#fff;z-index:2;font-size:30px;position:absolute;top:16px;right:16px}.challenge-heading{align-items:center;gap:12px;display:flex}.challenge-heading>span{font-size:38px}.challenge-heading h2{color:#fff4d2;margin:-3px 0 0;font:800 28px "Baloo 2"}.instruction-row{justify-content:center;align-items:center;gap:12px;margin:22px 0 14px;display:flex}.instruction-row h3{text-align:center;max-width:560px;margin:0;font:800 21px "Baloo 2"}.sound-button{flex:none;width:40px;height:40px;font-size:16px}.sequence{justify-content:center;gap:7px;margin:22px 0;display:flex}.sequence span{width:61px;height:64px}.sequence span,.logic-grid span{background:#fff5dc;border:4px solid #111831;border-radius:16px;place-items:center;font-size:32px;display:grid;box-shadow:inset 0 0 0 2px #d0ba91,0 4px #0c1026}.sequence .question,.logic-grid .question{color:var(--challenge);border-style:dashed;font:800 35px "Baloo 2"}.logic-grid{grid-template-columns:repeat(3,62px);gap:7px;width:max-content;margin:14px auto;display:grid}.logic-grid span{width:62px;height:62px}.sort-bubble{text-align:center;color:#fff;background:#21234b;border:2px solid #7772aa;border-radius:30px;margin:24px auto 18px;padding:10px;font:800 13px Nunito}.choices{flex-wrap:wrap;justify-content:center;gap:11px;display:flex}.choices button{cursor:pointer;background:#fff5dc;border:4px solid #111831;border-radius:18px;width:78px;height:72px;font-size:36px;transition:all .15s;box-shadow:inset 0 0 0 2px #d0ba91,0 5px #0b1027}.choices button:hover{border-color:var(--challenge);transform:translateY(-3px)}.try-again{text-align:center;color:#ffb24f;margin-top:20px;font:900 13px Nunito}.hint{text-align:center;background:#573b76;border:3px solid #aa76cf;border-radius:15px;max-width:520px;margin:20px auto 0;padding:12px 16px;font:700 13px Nunito}.win-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:440px;display:flex}.stars{color:#ffc342;letter-spacing:8px;font-size:28px}.win-panel h2{color:#fff4d2;margin:8px 0 0;font:800 34px "Baloo 2"}.win-panel p{font:700 14px Nunito}.reward-piece{place-items:center;width:140px;height:120px;margin:22px auto 0;display:grid}.reward-piece .head-shape{transform-origin:50%;transform:scale(.7)}.reward-piece .eyes-shape{transform-origin:50%;transform:scale(1)}.reward-piece .nose-shape{transform-origin:50%;transform:scale(1.6)}.win-panel strong{letter-spacing:2px;color:#ffd32a;font:900 12px Nunito}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(#aeea16,#62b800);border:5px solid #315319;border-radius:16px;margin-top:22px;padding:10px 25px;font:800 17px "Baloo 2";box-shadow:inset 0 0 0 2px #d5ff4c,0 6px #132a14}@media (width<=850px){.story-card{width:96%}.game-screen header{height:74px}.brand h1{font-size:18px}.brand-mark{width:43px;height:43px}.hero-copy{padding-top:20px}.hero-copy h2{font-size:27px}.workspace{grid-template-columns:1fr}.monster-board{height:380px}.workshop{order:2}aside{order:1}.challenge-list{grid-template-columns:repeat(3,1fr);display:grid}.challenge-card{text-align:center;min-height:140px;padding:15px 6px;display:block}.card-icon{width:auto;display:block}.card-copy b{font-size:16px}.reward-status,.play,.helper,.factory-pipe{display:none}}@media (height<=720px) and (width>=561px){.factory-lamp{display:none}.intro-content{width:min(650px,100%)}.intro-sign h1{font-size:48px}.intro-sign{padding:8px 22px}.intro-sign p{margin-top:5px;padding:3px 12px;font-size:13px}.story-card{margin-top:12px;padding:18px 25px 5px}.story-card div{margin:3px 0}.story-card div span{font-size:25px}.story-card p{font-size:11px}.start-button{margin-top:9px;padding:5px 25px;font-size:27px}}@media (width<=560px){.intro-screen{background-position:50%;padding:6px}.intro-content{justify-content:center}.factory-lamp{display:none}.intro-sign{border-width:4px;border-radius:20px;padding:7px 7px 8px}.intro-sign h1{font-size:clamp(31px,7.4vh,42px)}.intro-kicker{font-size:10px}.intro-sign p{margin-top:4px;padding:2px 7px;font-size:clamp(10px,1.8vh,12px)}.story-card{border-width:4px;border-radius:19px;margin-top:10px;padding:16px 10px 4px}.story-card div{gap:8px;margin:clamp(2px,.7vh,5px) 0}.story-card div span{font-size:clamp(21px,3.4vh,26px)}.story-card p{font-size:clamp(9px,1.55vh,11px)}.story-label{padding:2px 18px;font-size:11px;top:-17px}.start-button{border-width:4px;border-radius:18px;margin-top:7px;padding:4px 19px;font-size:clamp(22px,4vh,27px)}.brand p{display:none}.brand h1{font-size:16px}.hero-copy{align-items:flex-start}.hero-copy h2{font-size:22px}.progress-card{padding:7px 10px}.progress-card b,.progress-bar{display:none}.workspace{gap:16px;padding:0 10px 20px}.challenge-list{gap:7px}.challenge-card{border-width:4px;min-height:114px}.card-icon{font-size:28px}.card-copy small{font-size:9px}.monster-board{height:340px}.head-shape{width:130px;height:120px}.sequence{justify-content:flex-start;gap:3px;padding:3px;overflow-x:auto}.sequence span{width:39px;min-width:39px;height:50px;font-size:23px}.challenge-modal{border-width:5px;padding:18px 10px}.instruction-row{margin-top:18px}.instruction-row h3{font-size:16px}.choices{gap:8px}.choices button{width:60px;height:58px;font-size:28px}.logic-grid{grid-template-columns:repeat(3,54px)}.logic-grid span{width:54px;height:54px;font-size:27px}}.intro-screen{isolation:isolate;background:#b87942;padding:0;position:relative;overflow:hidden}.cover-art{aspect-ratio:4/3;filter:drop-shadow(0 0 22px #502a147a);max-width:100vw;height:100svh;margin:auto;position:relative}.cover-art img{object-fit:contain;width:100%;height:100%;display:block}.cover-play{color:#0000;cursor:pointer;background:0 0;border:0;border-radius:18%;width:17%;height:15%;position:absolute;top:59.5%;left:13%}.cover-play span{color:#0000}.cover-play:hover,.cover-play:focus-visible{outline-offset:3px;background:#ffffff1f;outline:5px solid #ffffffe6}.game-screen{color:#49321f;background:#d69a59 url(/portada-taller.png) 50%/cover fixed}.game-screen:before{opacity:.86;background:linear-gradient(#ffe7bde6,#e0ae6feb)}.factory-pipe{display:none}.game-screen header{background:#fff3d8e8;border-bottom:6px solid #1599b4;box-shadow:0 7px #93602f}.brand-mark{background:#ef675f;border-color:#ff9b8e;box-shadow:0 5px #a33b3d}.brand p,.panel-title p,.challenge-heading p{color:#e55359}.brand h1{color:#633980;text-shadow:none}.speaker,.home-button,.sound-button,.close-button{color:#fff;background:#22aace;border-color:#167e9c;box-shadow:0 4px #12617b}.eyebrow,.aside-title span{color:#077e9e}.hero-copy h2,.aside-title h2{color:#533426;text-shadow:0 2px #fff0d0}.hero-copy em{color:#ed5f58}.progress-card{background:#fff3d8;border:4px solid #c88949;box-shadow:inset 0 0 0 2px #ffe7b7,0 6px #8f5c30}.progress-card>span{color:#ee6459}.progress-card small{color:#95745c}.progress-bar{background:#e5c69a;border-color:#be8950}.progress-bar i{background:linear-gradient(90deg,#64b622,#a6db2b)}.workshop{background:linear-gradient(#26a5be,#16829f);border-color:#12637b;box-shadow:inset 0 0 0 3px #64c7d7,0 9px #8c5830}.panel-title h2{color:#fff8e6;text-shadow:0 2px #15718a}.panel-title span{color:#ffd04a}.monster-board{background:#fff5dc;border-color:#b87941;box-shadow:inset 0 0 0 3px #e1b87d,inset 0 0 35px #e5c593}.board-grid{opacity:.32;background-image:linear-gradient(#d9b786 1px,#0000 1px),linear-gradient(90deg,#d9b786 1px,#0000 1px);background-size:28px 28px}.empty-message{color:#947252}.empty-message b{color:#6c3f31}.empty-monster{color:#9a6b46;background:#f7dfb8;border-color:#c59b63}.drag-tip{color:#fff;background:#704191;border-color:#9a68b3}.challenge-card{border-color:#a76d38;border-left-color:var(--challenge);background:linear-gradient(135deg,#fff4db,#f3d7a8);box-shadow:inset 0 0 0 2px #fff9e8,0 7px #996235}.challenge-card:hover{filter:brightness(1.04)}.number{border-color:#fff0d1}.card-copy b{color:#513629}.card-copy small{color:#95745c}.card-icon{filter:drop-shadow(0 2px #fff)}.reward-status{background:#edcf9e;border-color:#b98b59}.play{border:3px solid #fff1d4}.helper{background:#744493;border-color:#9d69b5;box-shadow:0 5px #4a2c61}.game-screen footer{color:#70523b;background:#f8dfb6;border-top-color:#1599b4}.modal-backdrop{background:#502d18b3}.challenge-modal{color:#49321f;border-color:#a76b37;border-top-color:var(--challenge);background:linear-gradient(#fff7e5,#f6dcb3);box-shadow:inset 0 0 0 3px #fff9ed,0 12px #704724}.sequence span,.logic-grid span,.choices button{background:#fffaf0;border-color:#bb8249;box-shadow:inset 0 0 0 2px #f1d4a8,0 4px #8d5c31}.sort-bubble{color:#fff;background:#744493;border-color:#9d69b5}.hint{color:#654626;background:#fff0b8;border-color:#e1b047}.win-panel strong{color:#e35459}.primary-button{background:linear-gradient(#a7dd31,#61b321);border-color:#347619;box-shadow:inset 0 0 0 2px #d9ff62,0 6px #386a22}@media (width<=850px){.intro-screen:before{filter:blur(10px)saturate(.94);inset:-18px}.cover-art{width:100vw;height:75vw;max-height:none}.cover-art img{object-fit:contain;height:100%}}@media (aspect-ratio>=16/9){.cover-art{width:auto;height:100svh}.intro-screen:before{background-position:50% 48%;background-size:cover}}@media (aspect-ratio<=3/4){.cover-art{width:100vw;height:75vw}.intro-screen:before{filter:blur(12px)brightness(.86);background-position:50%;background-size:auto 100%}}.intro-screen{isolation:isolate;background:#d49a5c url(/portada-taller.png) 50%/cover no-repeat}.intro-screen:before{content:"";z-index:-2;filter:none;background:linear-gradient(#ffdca42e,#63371b33);position:absolute;inset:0;transform:none}.intro-screen:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#512d1524,#0000 24% 76%,#512d1524);position:absolute;inset:0}.responsive-cover{grid-template-rows:1fr auto;grid-template-columns:1fr 1.05fr .72fr;align-items:center;gap:clamp(18px,2.8vw,42px);width:min(1440px,100%);height:100svh;margin:auto;padding:clamp(18px,3vh,38px) clamp(20px,4vw,70px);display:grid;position:relative}.cover-title-card,.cover-story-card{background:#fff5dded;border:8px solid #1999b4;border-radius:38px;box-shadow:inset 0 0 0 3px #7fd3df,0 10px #956037,0 17px 30px #4a29144d}.cover-title-card{text-align:center;padding:clamp(17px,3vh,35px) clamp(15px,2.5vw,35px);position:relative}.cover-bulb{filter:drop-shadow(0 0 15px #ffda50);font-size:50px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.cover-title-card h1{text-shadow:0 3px #d3b78d;margin:0;font:800 clamp(36px,5vw,72px)/.9 "Baloo 2"}.cover-title-card h1 small{color:#71419a;font-size:.55em;display:block}.cover-title-card h1 strong{letter-spacing:-3px;background:linear-gradient(90deg,#12a5c2,#ef711d,#7dbb29,#7b4cad,#e95c50,#f2aa18,#169bb7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.cover-title-card p{color:#fff;background:#71419a;border:5px solid #4d2872;border-radius:25px;margin:22px -3px -3px;padding:13px 10px;font:800 clamp(16px,2vw,25px)/1.35 "Baloo 2";box-shadow:inset 0 0 0 2px #a878c1}.cover-story-card{border-color:#b77a3f;padding:clamp(28px,4vh,48px) clamp(18px,2.5vw,38px) clamp(13px,2vh,25px);position:relative}.cover-story-card h2{color:#fff;background:#ed625e;border:5px solid #b33c43;border-radius:13px;margin:0;padding:6px 40px;font:900 clamp(18px,2.4vw,30px) "Baloo 2";position:absolute;top:-33px;left:50%;transform:translate(-50%);box-shadow:0 4px #87353c}.cover-story-card div{border-bottom:2px dashed #dabd92;align-items:center;gap:18px;padding:clamp(8px,1.4vh,15px) 0;display:flex}.cover-story-card div:last-child{border:0}.cover-story-card p{color:#452e22;margin:0;font:800 clamp(13px,1.45vw,19px)/1.32 Nunito}.cover-story-card b{color:#087f9f}.cover-monster{aspect-ratio:.78;background:radial-gradient(circle at 38% 35%,#ffc829,#f0a10b 70%);border:7px solid #b56d0b;border-radius:46% 46% 38% 38%;justify-self:center;width:clamp(165px,18vw,265px);position:relative;box-shadow:inset 15px 12px #fff3,0 12px #8b552a,0 20px 30px #4a291452}.monster-horn{background:repeating-linear-gradient(135deg,#7b3ea3 0 16px,#ffc329 16px 30px);border:5px solid #6d3971;border-radius:70% 30% 50% 20%;width:43px;height:70px;position:absolute;top:-32px}.monster-horn.left{left:18px;transform:rotate(-25deg)}.monster-horn.right{right:18px;transform:scaleX(-1)rotate(-25deg)}.monster-eye{aspect-ratio:1;color:#3b261b;background:#fff;border:7px solid #6c431c;border-radius:50%;place-items:center;width:46%;font-size:35px;display:grid;position:absolute;top:24%;left:50%;transform:translate(-50%)}.monster-mouth{color:#6e321f;font:900 70px/1 "Baloo 2";position:absolute;top:57%;left:50%;transform:translate(-50%)}.monster-arm{font-size:40px;position:absolute;top:45%}.monster-arm.left{left:-37px;transform:rotate(-25deg)}.monster-arm.right{right:-37px;transform:scaleX(-1)rotate(-25deg)}.cover-actions{grid-column:1/-1;justify-content:center;gap:clamp(10px,2vw,24px);display:flex}.cover-action{border:6px solid color-mix(in srgb,var(--button-color),#5b351e 35%);background:var(--button-color);color:#fff;text-shadow:0 2px #502d1873;min-width:clamp(170px,20vw,270px);box-shadow:inset 0 0 0 3px #ffffff4d,0 8px 0 color-mix(in srgb,var(--button-color),#4b2d1b 48%);cursor:pointer;border-radius:24px;padding:13px 20px;font:900 clamp(16px,1.7vw,23px) "Baloo 2";transition:all .16s}.cover-action:hover{filter:brightness(1.08);transform:translateY(-4px)}.cover-action span{margin-right:8px;font-size:1.15em}.play-action{--button-color:#6fbd28}.pink-action{--button-color:#e95683}.orange-action{--button-color:#f6a416}@media (width<=950px){.responsive-cover{grid-template-rows:1fr auto auto;grid-template-columns:1fr 1fr;padding:28px 24px 18px}.cover-monster{display:none}.cover-actions{flex-wrap:wrap}.cover-action{min-width:200px}.cover-title-card h1{font-size:clamp(35px,6vw,54px)}}@media (width<=650px){.intro-screen{background-position:66%;overflow:auto}.responsive-cover{flex-direction:column;justify-content:center;gap:25px;height:auto;min-height:100svh;padding:35px 12px 22px;display:flex}.cover-title-card,.cover-story-card{border-width:5px;border-radius:25px;width:100%}.cover-title-card{padding:14px 10px 10px}.cover-bulb{display:none}.cover-title-card h1{font-size:39px}.cover-title-card p{margin-top:10px;padding:7px;font-size:14px}.cover-story-card{padding:25px 14px 8px}.cover-story-card h2{border-width:4px;padding:3px 27px;font-size:17px;top:-23px}.cover-story-card div{gap:9px;padding:6px 0}.cover-story-card span{font-size:27px}.cover-story-card p{font-size:11px}.cover-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.cover-action{border-width:4px;border-radius:16px;min-width:0;padding:9px 4px;font-size:13px}.play-action{grid-column:1/-1}.cover-action span{margin-right:3px}.cover-monster{display:none}}.intro-screen{background:#c68342;overflow:hidden}.intro-screen:before,.intro-screen:after{display:none}.responsive-cover{background:url(/cover-desktop.png) 50%/cover no-repeat;width:100vw;max-width:none;height:100svh;margin:0;padding:0;display:block;position:relative}.cover-title-card,.cover-story-card{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;position:absolute}.cover-title-card{flex-direction:column;justify-content:center;width:32%;height:38%;display:flex;top:20%;left:8.5%}.cover-bulb{display:none}.cover-title-card h1{text-shadow:0 3px #d3b78d;margin:0;font-size:clamp(35px,4.1vw,76px);line-height:.88}.cover-title-card p{box-shadow:none;color:#70419a;background:0 0;border:0;border-radius:0;margin:clamp(10px,2vh,22px) 2% 0;padding:0;font-size:clamp(15px,1.55vw,29px);line-height:1.25}.cover-title-card p b{color:#e36028}.cover-story-card{flex-direction:column;justify-content:center;width:25.5%;height:43%;padding:2.5% 1.5% 1%;display:flex;top:19%;left:45.2%}.cover-story-card h2{padding:3px 25px;font-size:clamp(16px,1.7vw,30px);top:-7%}.cover-story-card div{border-bottom:2px dashed #dabd92;gap:10px;padding:clamp(4px,.7vh,10px) 0}.cover-story-card span{font-size:clamp(22px,2.3vw,42px)}.cover-story-card p{font-size:clamp(10px,1vw,18px);line-height:1.25}.cover-actions{justify-content:center;gap:1.4%;display:flex;position:absolute;bottom:8.5%;left:19%;right:19%}.cover-action{white-space:nowrap;border-width:clamp(3px,.35vw,6px);border-radius:clamp(13px,1.5vw,25px);flex:1;min-width:0;padding:clamp(7px,1.2vh,14px) 6px;font-size:clamp(12px,1.3vw,23px)}@media (aspect-ratio<=1.45){.responsive-cover{background-image:url(/cover-tablet.png)}.cover-title-card{width:35%;height:36%;top:18%;left:7%}.cover-title-card h1{font-size:clamp(30px,5vw,55px)}.cover-title-card p{font-size:clamp(13px,2vw,21px)}.cover-story-card{width:31%;height:43%;padding:3% 2% 1%;top:17%;left:47%}.cover-story-card p{font-size:clamp(10px,1.3vw,15px)}.cover-actions{flex-wrap:wrap;bottom:15%;left:20%;right:20%}.cover-action{flex:0 29%;font-size:clamp(11px,1.6vw,17px)}}@media (width<=650px),(aspect-ratio<=.72){.intro-screen{overflow:hidden}.responsive-cover{background-image:url(/cover-mobile.png);background-position:50%;background-size:cover}.cover-title-card{width:72%;height:20%;top:10%;left:14%}.cover-title-card h1{font-size:clamp(27px,10vw,43px)}.cover-title-card p{margin-top:6px;font-size:clamp(11px,3.5vw,15px);line-height:1.15}.cover-story-card{justify-content:center;width:64%;height:25%;padding:2%;top:35%;left:12%}.cover-story-card h2{border-width:3px;padding:2px 19px;font-size:13px;top:-12%}.cover-story-card div{gap:5px;padding:2px 0}.cover-story-card span{font-size:21px}.cover-story-card p{font-size:clamp(8px,2.3vw,10px);line-height:1.15}.cover-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid;bottom:23%;left:12%;right:12%}.cover-action{border-width:3px;width:100%;padding:7px 2px;font-size:11px}.play-action{grid-column:1/-1}.cover-action span{margin-right:2px}}.teacher-access{z-index:5;color:#fff;cursor:pointer;background:#1fa7c4;border:3px solid #146f88;border-radius:15px;padding:8px 14px;font:800 13px Nunito;position:fixed;top:16px;right:18px;box-shadow:0 4px #78502e}.student-login{z-index:4;background:#fff4dceb;border:5px solid #1a9db7;border-radius:20px;width:min(300px,28vw);padding:14px;position:absolute;bottom:3%;right:3%;box-shadow:inset 0 0 0 2px #7bd0dc,0 7px #89572e}.student-login h2{color:#643b82;margin:0;font:800 21px "Baloo 2"}.student-login p{margin:0 0 7px;font:700 10px Nunito}.student-login input,.student-login select{background:#fffaf0;border:2px solid #d09b61;border-radius:9px;width:100%;margin:3px 0;padding:7px 9px;font:700 12px Nunito}.student-login small{color:#bd3e46;font:800 10px Nunito;display:block}.student-login button{color:#fff;cursor:pointer;background:#75bd2c;border:3px solid #478119;border-radius:11px;width:100%;margin-top:5px;padding:6px;font:900 14px "Baloo 2"}.teacher-auth{color:#263c43;background:#eef4f5;place-items:center;min-height:100svh;font-family:Nunito,sans-serif;display:grid}.teacher-back{cursor:pointer;background:#fff;border:0;border-radius:10px;padding:9px 15px;position:fixed;top:20px;left:20px}.teacher-auth-card{text-align:center;background:#fff;border-radius:20px;flex-direction:column;gap:10px;width:min(410px,100% - 30px);padding:30px;display:flex;box-shadow:0 15px 50px #b9c9cc}.teacher-icon{font-size:38px}.teacher-auth-card h1{margin:0 0 8px;font:800 28px "Baloo 2"}.teacher-auth-card input,.teacher-sidebar input,.add-student input{border:2px solid #d8e1e2;border-radius:10px;padding:11px;font:700 13px Nunito}.teacher-primary,.teacher-link,.teacher-sidebar form button,.add-student button,.invite-box button{color:#fff;cursor:pointer;background:#178da4;border:0;border-radius:10px;padding:10px;font:800 13px Nunito}.teacher-link{color:#178da4;background:0 0}.form-error{color:#b63e48;font:800 12px Nunito}.teacher-panel{color:#263c43;background:#f1f5f5;min-height:100svh;font-family:Nunito,sans-serif}.teacher-panel>header{background:#fff;border-bottom:1px solid #d9e3e4;justify-content:space-between;align-items:center;height:74px;padding:0 25px;display:flex}.teacher-panel header small{color:#168da5;letter-spacing:2px;font:900 10px Nunito}.teacher-panel header h1{margin:0;font:800 23px "Baloo 2"}.teacher-panel header button{cursor:pointer;background:#fff;border:1px solid #d8e2e3;border-radius:9px;margin-left:7px;padding:8px 12px}.teacher-layout{grid-template-columns:260px 1fr;height:calc(100svh - 74px);display:grid;position:relative}.teacher-sidebar{background:#fff;border-right:1px solid #d9e3e4;padding:20px;overflow:auto}.teacher-sidebar h2,.teacher-content h2{margin:0 0 12px;font:800 23px "Baloo 2"}.teacher-sidebar form{gap:5px;display:flex}.teacher-sidebar form input{width:100%;min-width:0}.teacher-sidebar form button{padding:5px 11px;font-size:20px}.class-row{background:#f3f7f7;border-radius:10px;margin-top:8px;display:flex}.class-row.active{background:#dff2f5}.class-row>button:first-child{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:9px}.class-row b,.class-row small{display:block}.class-row small{color:#778a8f;font-size:9px}.delete-small{color:#b54a50;cursor:pointer;background:0 0;border:0;font-size:18px}.invite-box{border-top:1px solid #e1e8e9;margin-top:25px;padding-top:15px}.invite-box h3{font-size:12px}.invite-box button{width:100%}.invite-box code{color:#68458c;background:#f0ebf7;border-radius:7px;margin-top:6px;padding:7px;font-weight:700;display:block}.teacher-content{padding:25px;overflow:auto}.teacher-empty{text-align:center;color:#76888d;place-content:center;height:100%;display:grid}.teacher-empty span{font-size:50px}.class-heading{justify-content:space-between;align-items:center;display:flex}.class-heading small{color:#168da5;letter-spacing:2px;font:900 10px Nunito}.class-heading label{font-size:12px;font-weight:700}.add-student{background:#fff;border-radius:13px;gap:8px;margin:12px 0;padding:12px;display:flex}.add-student input{flex:1}.student-table{background:#fff;border-radius:13px;overflow:hidden}.table-head,.student-row{grid-template-columns:1.4fr .6fr .5fr .6fr 1fr .6fr;align-items:center;gap:8px;padding:11px 14px;display:grid}.table-head{text-transform:uppercase;background:#e8f1f2;font-size:10px}.student-row{cursor:pointer;border-top:1px solid #edf1f2;font-size:12px}.student-row:hover{background:#f5fafb}.student-row code{color:#68458c;font-size:15px;font-weight:700}.student-row button{color:#ae4149;cursor:pointer;background:#fff0f0;border:0;border-radius:7px;padding:6px}.student-detail{background:#fff;border-left:1px solid #dbe4e5;width:340px;height:100%;padding:25px;position:absolute;top:0;right:0;overflow:auto;box-shadow:-10px 0 30px #cdd8da}.detail-close{float:right;cursor:pointer;background:#eef3f4;border:0;border-radius:50%;width:30px;height:30px}.student-detail h2{margin:8px 0 0;font:800 25px "Baloo 2"}.student-detail p{color:#75868a;font-size:11px}.student-detail h3{margin-top:25px;font-size:12px}.attempt-card{background:#f0f6f6;border-radius:9px;grid-template-columns:1fr auto;gap:3px;margin-top:7px;padding:10px;font-size:10px;display:grid}.attempt-card b{color:#168da5;text-transform:capitalize}.attempt-card span:last-child{grid-column:1/-1}@media (width<=950px){.student-login{width:260px;bottom:2%;right:2%}.teacher-layout{grid-template-columns:210px 1fr}.table-head,.student-row{grid-template-columns:1.2fr .5fr .5fr .6fr}.table-head b:nth-child(5),.student-row span:nth-child(5){display:none}}@media (width<=650px){.teacher-access{padding:6px 8px;font-size:10px;top:7px;right:7px}.student-login{width:auto;padding:8px;position:absolute;bottom:4%;left:7%;right:7%}.student-login h2{font-size:16px}.student-login p{display:none}.student-login input,.student-login select{padding:5px;font-size:10px}.cover-actions{bottom:33%}.teacher-panel>header{padding:0 10px}.teacher-panel header h1{font-size:17px}.teacher-layout{height:auto;display:block}.teacher-sidebar{border-right:0}.teacher-content{padding:12px}.class-heading{display:block}.student-table{overflow-x:auto}.table-head,.student-row{min-width:600px}.student-detail{z-index:20;width:100%;height:calc(100% - 74px);position:fixed;top:74px}}.game-screen{color:#4b3022;background:#ca8849 url(/cover-desktop.png) 50%/cover fixed;min-height:100svh;overflow-x:hidden}.game-screen:before{content:"";opacity:1;pointer-events:none;background:linear-gradient(#ffebc7cc,#d08e4ad1);position:fixed;inset:0}.game-screen header{background:#fff4dceb;border:6px solid #178ca7;border-top:0;border-radius:0 0 25px 25px;height:78px;box-shadow:inset 0 0 0 2px #7bd0dd,0 8px #86552d}.hero-copy{padding-top:22px}.hero-copy h2{color:#673d2d;text-shadow:0 2px #fff0cf}.workspace{gap:22px}.workshop{background:linear-gradient(#24a6c0,#16829c);border:7px solid #12637a;border-radius:32px;box-shadow:inset 0 0 0 3px #70d0dc,0 9px #87562e}.monster-board{background:#fff4d8;border:7px solid #b7793c;border-radius:23px;box-shadow:inset 0 0 0 3px #f2d5a3,inset 0 0 35px #dfbd85}.panel-title{background:#714293;border:5px solid #4c2b68;border-radius:18px;margin-bottom:10px;box-shadow:inset 0 0 0 2px #a978bd,0 5px #116176}.panel-title h2{color:#fff}.panel-title p{color:#ffd246}.challenge-card{border:6px solid color-mix(in srgb,var(--challenge),#6d452b 35%);background:linear-gradient(145deg,#fff8e8,#f3d6a4);border-left-width:6px;border-radius:22px;box-shadow:inset 0 0 0 2px #fffdf3,0 7px #8d5b31}.challenge-card:first-child{--challenge:#77489e!important}.challenge-card:nth-child(2){--challenge:#70b92b!important}.challenge-card:nth-child(3){--challenge:#ef6b57!important}.challenge-card .play{background:var(--challenge);border:3px solid #fff0cb}.helper{color:#654523;background:#fff0bd;border-color:#dda946;box-shadow:0 5px #8b5a30}.helper p{color:#654523}.helper b{color:#8b4c1f}.game-screen footer{background:#fff1d2e8;border-top:5px solid #178ca7;position:relative}.challenge-modal{border:7px solid #b7783b;border-top-color:var(--challenge);background:#fff4d9;box-shadow:inset 0 0 0 3px #f7dba9,0 12px #704724}.challenge-heading h2,.win-panel h2{color:#60382a}.challenge-heading p{color:#e25e59}@media (width<=900px){.game-screen{background-image:url(/cover-tablet.png)}.workspace{grid-template-columns:1fr;padding:0 14px 24px}.workshop{order:1}.workspace aside{order:2}.challenge-list{grid-template-columns:repeat(3,1fr)}.challenge-card{min-height:125px}.monster-board{height:410px}}@media (width<=650px){.game-screen{background-image:url(/cover-mobile.png);background-attachment:fixed}.game-screen header{border-width:4px;height:62px;padding:0 8px}.brand-mark{width:39px;height:39px;font-size:23px}.brand h1{font-size:14px}.header-actions button{width:38px;height:38px}.hero-copy{padding:13px 10px 10px}.hero-copy h2{font-size:19px}.workspace{gap:12px;padding:0 7px 18px}.workshop{border-width:5px;border-radius:22px;padding:7px}.panel-title{border-width:4px;height:48px;margin-bottom:6px}.panel-title h2{font-size:18px}.monster-board{border-width:5px;height:340px}.workspace aside{background:#fff2d5e8;border:5px solid #b7793d;border-radius:20px;padding:9px}.aside-title{padding-bottom:7px}.aside-title h2{font-size:18px}.challenge-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.challenge-card{border-width:4px;border-radius:15px;width:100%;min-height:95px;padding:7px 2px;box-shadow:0 4px #8d5b31}.challenge-card .number{display:none}.card-copy b{font-size:13px}.card-copy small{font-size:8px}.card-icon{font-size:24px}.game-screen footer{padding:10px}.challenge-modal{max-height:94svh;overflow:auto}}@media (width<=650px),(aspect-ratio<=.72){.cover-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:auto;display:grid;bottom:32%;left:4%;right:4%}.cover-action,.play-action{border-width:3px;border-radius:12px;grid-column:auto;width:100%;min-width:0;padding:6px 1px;font-size:clamp(7px,2.25vw,10px);overflow:hidden}.cover-action span{margin:0;font-size:14px;line-height:1;display:block}.student-login{width:auto;bottom:3%;left:5%;right:5%}}