@font-face{font-family:Fredoka;src:url('/juegos/laboratorio-de-los-adjetivos/v1/assets/fredoka.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Fredoka,'Trebuchet MS',sans-serif;background:#83e2f5 url('assets/garden.webp') center/cover;color:#074eb0}button,a,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,select{font:inherit}button{cursor:pointer;border:0;font-weight:800}button:focus-visible,a:focus-visible,select:focus-visible{outline:4px solid #7236b8;outline-offset:3px}button:active{transform:translateY(2px)}#app{height:100dvh;padding:2vh 2vw}.screen{position:relative;width:100%;height:100%;max-width:1500px;margin:auto;border:4px solid #ffffffbf;border-radius:40px;padding:2vh 3vw;background:#fafdffe8;box-shadow:0 10px 30px #167ca72a;overflow:hidden}.menu{background:linear-gradient(#b5eeff44,#ffffff00)}.menu header{text-align:center;height:35%;position:relative}.menu h1{font-size:clamp(44px,7vw,100px);margin:0;line-height:1.02;padding-top:1vh}.title{font-weight:1000;letter-spacing:-.04em;font-style:normal;filter:drop-shadow(0 5px 0 #c8e6f0);text-shadow:0 3px 0 #0060bc,-2px -2px 0 white,2px 2px 0 white,-4px 3px 0 white,4px -3px 0 white}.title>span{color:#008cf5}.title small{font-size:.65em;color:#ffcb2a;text-shadow:0 3px 0 #ed9e00,-2px -2px white,2px 2px white}.title em{color:#ff6c64;font-style:normal;text-shadow:0 3px 0 #df453f,-2px -2px white,2px 2px white}.menu header p{display:inline-block;background:white;border-radius:30px;margin:2vh auto 0;padding:8px 24px;font-size:clamp(18px,2vw,29px);font-weight:bold}.sun{position:absolute;left:2%;top:0;color:#ffdc36;font-size:clamp(55px,9vw,120px);text-shadow:0 4px #f2b400}.tools{position:absolute;right:2%;top:2%;display:flex;gap:8px;z-index:4}.tools button,.exit{width:48px;height:48px;border-radius:15px;background:linear-gradient(#38c5ff,#0784ee);color:white;box-shadow:inset 0 3px 2px #fff9,0 5px 0 #0070ca;text-align:center;font-size:29px}.exit{position:absolute;left:2%;top:2%;text-decoration:none;z-index:5;line-height:44px}.cards{height:53%;display:grid;grid-template-columns:repeat(3,1fr);gap:2vw;max-width:1080px;margin:0 auto}.card{min-height:0;border:4px solid white;border-radius:32px;display:flex;flex-direction:column;align-items:center;padding:1.5vh 1.4vw;box-shadow:0 6px 0 #8accc5,0 10px 20px #52721e22}.card0{background:linear-gradient(#fff1a6,#ffdf67)}.card1{background:linear-gradient(#b7edff,#89d8f5)}.card2{background:linear-gradient(#d7f8ab,#b6e97d)}h2{font-size:clamp(23px,3vw,42px);line-height:1.05;margin:0;text-align:center}.mini-dice{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;width:100%}.die{background:linear-gradient(140deg,white 55%,#ececec);box-shadow:inset 0 0 7px #0002,inset 0 -12px 10px #d4d4d46b,0 9px 8px #244e602b;border:1px solid #dfdfdf;border-radius:23%;aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:9%;padding:13%;width:100%;flex-shrink:0}.mini{width:36%;max-width:130px;padding:7%;gap:9%;transform:rotate(-9deg);border-radius:21%}.mini:nth-child(2){transform:rotate(10deg)}.mini:nth-child(3){width:29%;margin-left:-10%;transform:translateY(-25%) rotate(7deg)}.pip{display:block;border-radius:50%;width:100%;height:100%;min-width:0;min-height:0;padding:0;background:linear-gradient(140deg,#26c3ff,#0083ef);box-shadow:inset 0 2px 2px #fff8,0 2px 2px #0064b7}.color1 .pip{background:linear-gradient(140deg,#ff9b84,#ff5d57);box-shadow:inset 0 2px #ffbaaa,0 2px #cd4c49}.color2 .pip{background:linear-gradient(140deg,#53df4a,#0cba28);box-shadow:inset 0 2px #9bf18a,0 2px #16882d}.pip.counted{background:#ffcf30;box-shadow:inset 0 0 0 3px white,0 0 0 3px #e7a600}.pill{border-radius:24px;background:#ffffffc9;padding:5px 18px;font-size:clamp(14px,1.7vw,21px);font-weight:bold;margin-bottom:1vh}.blue,.green,.soft,.keypad button{border-radius:22px;padding:12px 20px;color:white;background:linear-gradient(#29bfff,#0085f5);box-shadow:inset 0 3px 2px #fff9,0 5px 0 #0571d6;font-size:clamp(20px,2.6vw,34px);font-weight:bold}.card .blue{width:100%}.green{background:linear-gradient(#57e641,#13b529);box-shadow:inset 0 3px 3px #bdfcab,0 5px #0c9a23}.soft{background:linear-gradient(white,#bfeaff);color:#0757a7;box-shadow:inset 0 2px white,0 4px #89c6e4;font-size:clamp(16px,1.8vw,24px)}footer{height:12%;display:flex;justify-content:center;align-items:center;gap:20px}select{border:0;background:transparent;color:#0757a7;font-weight:bold}.game>header{height:15%;display:flex;align-items:center;justify-content:center}.game h1{font-size:clamp(30px,4.5vw,64px);margin:0}.instruction{height:9%;display:flex;align-items:center;justify-content:center;gap:15px;font-size:clamp(16px,2.1vw,28px);font-weight:bold}.instruction>span{background:#ffe06b;border:2px solid #ffd13a;border-radius:50px;padding:10px 25px}.instruction b{background:#cff2ff;border-radius:20px;padding:8px 15px;font-size:.8em;white-space:nowrap}.equation{height:38%;display:flex;align-items:center;justify-content:center;gap:2vw;padding:1vh 0}.equation .die{width:min(23vw,29vh);padding:3.6%;gap:9%}.sign{font-size:clamp(38px,6vw,85px);font-weight:1000;color:#00a6f3}.answer{height:clamp(65px,18vh,160px);width:clamp(65px,12vw,150px);display:flex;align-items:center;justify-content:center;background:white;border:7px solid #0bb0fc;border-radius:25px;font-size:clamp(35px,6vw,75px);font-weight:bold}.lower{height:38%;display:grid;grid-template-columns:1fr 2fr 2.6fr;gap:2vw;max-width:1080px;margin:auto;align-items:center}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;height:100%;max-height:290px;padding:5px}.keypad button{padding:0;min-height:0;font-size:clamp(23px,4vw,44px);border-radius:17px}.keypad .erase{background:linear-gradient(#bccbd2,#8d9da9);box-shadow:inset 0 2px white,0 4px #728892}.keypad .choices{grid-column:1/-1;display:flex;flex-direction:column;gap:10px}.choices button{flex:1}.actions{display:flex;flex-direction:column;gap:1.5vh}.actions>button{min-height:48px}.feedback{margin:0;text-align:center;min-height:25px;font-size:clamp(14px,1.6vw,21px);font-weight:bold}.stars{display:flex;justify-content:center;gap:6px;font-size:clamp(27px,4vw,52px);color:#c4d7df;line-height:1}.won{color:#ffce20;text-shadow:0 2px #eca900}.tower{display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-start;height:85%;gap:2px;padding-bottom:8px}.tower i{display:block;width:70%;max-width:110px;height:17%;background:linear-gradient(120deg,#ffd64c,#ffb815);border-radius:8px;box-shadow:inset 0 3px #fff7,0 3px #dc9d00;transform:translateX(calc((var(--i) - 2)*3px))}.tower i:nth-child(even){background:linear-gradient(120deg,#2ac5ff,#078bea)}.tower i:nth-child(3){background:#60d631}.three .die{width:min(18vw,26vh);padding:2.6%}.three{gap:1.4vw}.three .sign{font-size:clamp(30px,4vw,65px)}.level-screen,.finish{text-align:center;display:flex;flex-direction:column;justify-content:center;gap:2vh}.level-screen h1{font-size:clamp(35px,5vw,65px);margin:0}.level-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;max-width:850px;margin:1vh auto}.level{display:flex;flex-direction:column;gap:8px;text-align:left}.level span{font-size:.7em}.finish h1{font-size:clamp(35px,5vw,65px);margin:0}.finish p{font-size:clamp(20px,3vw,30px);margin:0}.finish button{width:min(420px,90%);margin:0 auto}.finished-tower{font-size:65px}.confetti{font-size:65px;color:#ffca17;animation:float 1.4s infinite alternate}.success .die{animation:float .5s alternate 2}.retry{animation:shake .12s alternate 3}@keyframes float{to{transform:translateY(-9px)}}@keyframes shake{to{transform:translateX(6px)}}@media(max-width:650px) and (orientation:portrait){#app{padding:8px}.screen{border-radius:25px;padding:12px}.menu header{height:28%;padding-top:35px}.menu h1{font-size:43px}.sun{font-size:46px;left:0;top:30px}.tools{gap:5px}.tools button,.exit{width:36px;height:36px;font-size:23px;line-height:32px;border-radius:11px}.cards{gap:7px;height:56%}.card{padding:12px 6px;border-width:3px;border-radius:20px}.card h2{font-size:23px}.mini-dice{flex-wrap:wrap;gap:4px}.mini{width:60%;padding:11%}.mini:nth-child(3){display:none}.pill{font-size:12px;padding:6px}.card .blue{padding:12px 6px;font-size:23px}footer{gap:8px}footer .soft{padding:10px;font-size:13px}.game>header{height:13%;padding-top:25px}.game h1{font-size:32px}.instruction{height:12%;flex-direction:column;gap:5px;font-size:15px}.instruction>span{padding:9px 10px}.instruction b{padding:4px 12px}.equation{height:30%;gap:8px}.equation .die{width:29vw;padding:4%;border-radius:23%}.answer{width:15vw;height:17vw;border-width:4px;font-size:34px;border-radius:15px}.sign{font-size:32px}.three .die{width:22vw;padding:3%}.three{gap:5px;flex-wrap:wrap;align-content:center}.three .sign{font-size:25px}.three .answer{height:45px}.lower{height:43%;grid-template-columns:1.1fr 1fr;gap:12px}.tower{display:none}.keypad{gap:7px}.keypad button{font-size:30px}.actions{gap:13px}.actions>button{font-size:18px;padding:12px 7px;border-radius:17px}.feedback{font-size:14px}.stars{font-size:28px;gap:1px}.level-grid{gap:10px}.level{padding:15px 10px;font-size:18px}.finish{gap:20px}}@media(max-height:520px) and (orientation:landscape){#app{padding:5px}.screen{border-radius:22px;padding:5px 20px}.menu h1{font-size:48px}.menu header p{font-size:17px;margin:5px}.menu header{height:32%}.cards{height:55%}.card h2{font-size:23px}.card{padding:5px 12px}.pill{font-size:12px;margin:4px}.blue,.green,.soft{padding:6px 12px;font-size:20px;border-radius:15px}.tools button,.exit{width:34px;height:34px;font-size:22px;line-height:29px}.game h1{font-size:32px}.instruction{font-size:14px}.instruction>span{padding:5px 18px}.equation{height:38%}.lower{height:38%;grid-template-columns:1fr 2fr 3fr}.keypad{gap:4px}.keypad button{font-size:24px;border-radius:10px}.actions{gap:5px}.actions>button{min-height:30px}.feedback{font-size:12px;min-height:14px}.stars{font-size:29px}.level-grid{gap:7px}.level-screen{gap:5px}.level{font-size:17px;padding:7px}.finish{gap:5px}.finish h1{font-size:28px}.finish p{font-size:17px}.finished-tower{font-size:35px}.confetti{font-size:30px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}

.repeat{border:2px solid #8bd7f9;background:white;color:#087fd2;border-radius:50%;min-width:42px;min-height:42px;font-size:18px;flex-shrink:0}@media(max-width:650px) and (orientation:portrait){.instruction{position:relative}.repeat{position:absolute;right:0;bottom:0;min-width:32px;min-height:32px;font-size:14px}}

/* Countable faces: six outer points and, for eight, a close central pair. */
.die{position:relative;display:block;padding:0!important}.die>span:not(.pip){display:none}.die>.pip{position:absolute;width:18%;height:18%;transform:translate(-50%,-50%)}.die>.pip:nth-child(3n+1){left:25%}.die>.pip:nth-child(3n+2){left:50%}.die>.pip:nth-child(3n){left:75%}.die>.pip:nth-child(-n+3){top:25%}.die>.pip:nth-child(n+4):nth-child(-n+6){top:50%}.die>.pip:nth-child(n+7){top:75%}.die.face8>.pip:nth-child(2){top:40%}.die.face8>.pip:nth-child(8){top:60%}.die-stack{width:min(23vw,26vh);display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.equation .die-stack .die{width:100%}.die-value{font-size:clamp(26px,4.2vh,48px);line-height:1;color:#078be8;background:#fff;border:2px solid #a7def3;border-radius:16px;min-width:1.65em;text-align:center;box-shadow:0 3px 0 #b7dfe8}.die-stack:has(.color1) .die-value{color:#ed655a}.level-grid{grid-template-columns:1fr}.level{min-width:290px}
@media(max-width:650px) and (orientation:portrait){.die-stack{width:29vw;gap:5px}.die-value{font-size:27px;border-radius:12px}.equation{height:32%}.lower{height:41%}.card h2{font-size:24px}.level-grid{width:90%}.level{min-width:0}}@media(max-height:520px) and (orientation:landscape){.die-stack{width:min(23vw,26vh);gap:3px}.die-value{font-size:19px;border-radius:10px}}