Juegos CIDC · Ciencia en acción :root{–ink:#effbf5;–lime:#c9ff63;–cyan:#75f7ec;–pink:#ff9cb7;–night:#030d13;–glass:rgba(3,19,26,.69)}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;background:var(–night);color:var(–ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,»Segoe UI»,sans-serif;overflow:hidden}button,a{font:inherit}.shell{min-height:100dvh}.top{position:fixed;z-index:10;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1.1rem clamp(1rem,4vw,3rem);pointer-events:none}.logo{font-size:.76rem;font-weight:950;letter-spacing:.12em}.logo i{display:inline-block;width:.56rem;height:.56rem;margin-right:.4rem;border-radius:50%;background:var(–lime);box-shadow:0 0 14px var(–lime)}.top a{pointer-events:auto;color:#d0eae3;font-size:.68rem;font-weight:850;letter-spacing:.08em;text-decoration:none}.landing{position:relative;z-index:1;min-height:100dvh;display:grid;place-items:center;padding:5.5rem 1.2rem 2rem;isolation:isolate}.landing::before{content:»»;position:absolute;inset:-8%;z-index:-2;background:linear-gradient(90deg,rgba(1,9,13,.93),rgba(1,9,13,.36) 58%,rgba(1,9,13,.78)),url(‘petri-real.png’) center/cover;filter:blur(2px);transform:scale(1.05)}.landing::after{content:»»;position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 65% 48%,transparent 0 18%,rgba(0,6,9,.22) 55%,rgba(0,5,7,.86) 100%)}.intro{width:min(660px,100%);padding-right:clamp(0rem,13vw,8rem)}.eyebrow{margin:0 0 .7rem;color:var(–cyan);font-size:.69rem;font-weight:950;letter-spacing:.19em;text-transform:uppercase}.intro h1{max-width:620px;margin:0;font-size:clamp(3.5rem,10vw,7.7rem);line-height:.81;letter-spacing:-.09em;text-shadow:0 8px 36px #000}.intro h1 span{display:block;color:var(–lime)}.intro>p:not(.eyebrow){max-width:430px;margin:1.45rem 0 1.8rem;color:#d7ebe6;font-size:clamp(1rem,2vw,1.18rem);line-height:1.5}.button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid rgba(255,255,255,.19);border-radius:999px;padding:.85rem 1.08rem;background:rgba(11,44,45,.65);color:#fff;font-size:.72rem;font-weight:950;letter-spacing:.08em;text-decoration:none;backdrop-filter:blur(10px);cursor:pointer;transition:transform .18s,box-shadow .18s}.button:hover,.button:focus-visible{outline:none;transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.35)}.primary{border-color:transparent;background:linear-gradient(110deg,var(–lime),#91d98c);color:#10231d}.note{display:block;margin-top:1.15rem;color:#a8c5bf;font-size:.7rem}.world{position:fixed;z-index:20;inset:0;display:none;background:#030d13}.world.show{display:block}.world canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.hud{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:1rem clamp(1rem,4vw,3rem);pointer-events:none}.hud-left,.hud-right{display:flex;gap:.5rem;align-items:center}.chip{padding:.52rem .72rem;border:1px solid rgba(206,255,212,.25);border-radius:999px;background:var(–glass);box-shadow:0 7px 25px rgba(0,0,0,.22);font-size:.66rem;font-weight:950;letter-spacing:.1em;backdrop-filter:blur(9px)}.chip strong{color:var(–lime)}.round{pointer-events:auto;width:2.3rem;height:2.3rem;border:1px solid rgba(210,255,230,.25);border-radius:50%;background:var(–glass);color:#fff;font-weight:900;backdrop-filter:blur(9px);cursor:pointer}.reticle{position:absolute;z-index:2;top:50%;left:50%;width:38px;height:38px;border:1px solid rgba(201,255,99,.8);border-radius:50%;box-shadow:0 0 20px rgba(201,255,99,.42);transform:translate(-50%,-50%);pointer-events:none}.reticle::before,.reticle::after{content:»»;position:absolute;background:rgba(201,255,99,.8)}.reticle::before{top:50%;left:7px;right:7px;height:1px}.reticle::after{left:50%;top:7px;bottom:7px;width:1px}.mission{position:absolute;z-index:3;bottom:max(1.25rem,env(safe-area-inset-bottom));left:50%;width:min(450px,calc(100% – 2rem));padding:.78rem 1rem;border:1px solid rgba(203,255,205,.22);border-radius:1rem;background:var(–glass);text-align:center;box-shadow:0 12px 36px rgba(0,0,0,.32);backdrop-filter:blur(11px);transform:translateX(-50%)}.mission strong{display:block;color:var(–lime);font-size:.7rem;letter-spacing:.14em}.mission span{display:block;margin-top:.28rem;color:#c8ded9;font-size:.68rem}.advance{position:absolute;z-index:4;bottom:max(6.2rem,calc(env(safe-area-inset-bottom) + 5rem));left:50%;transform:translateX(-50%);white-space:nowrap}.safe{position:absolute;z-index:3;bottom:.22rem;left:50%;color:rgba(229,248,242,.43);font-size:.55rem;letter-spacing:.06em;white-space:nowrap;transform:translateX(-50%)}.overlay{position:absolute;z-index:8;inset:0;display:none;place-items:center;padding:1.25rem;background:rgba(0,8,12,.7);backdrop-filter:blur(12px)}.overlay.show{display:grid}.card{width:min(530px,100%);max-height:calc(100dvh – 2.5rem);overflow:auto;padding:clamp(1.4rem,4vw,2.8rem);border:1px solid rgba(201,255,99,.42);border-radius:1.4rem;background:linear-gradient(145deg,rgba(17,51,49,.98),rgba(3,17,22,.98));text-align:center;box-shadow:0 28px 85px rgba(0,0,0,.55)}.card h2{margin:.3rem 0 .65rem;font-size:clamp(2rem,6vw,3.7rem);line-height:.92;letter-spacing:-.08em}.card p:not(.eyebrow){max-width:405px;margin:.75rem auto 1.1rem;color:#d7e9e5;line-height:1.48}.chem{margin:1rem 0 1.2rem;text-align:left}.chem h3{margin:0 0 .55rem;color:var(–lime);font-size:.72rem;letter-spacing:.12em}.chem ul{display:grid;gap:.42rem;margin:0;padding:0;list-style:none}.chem li{padding:.55rem .6rem;border:1px solid rgba(255,255,255,.12);border-radius:.55rem;background:rgba(255,255,255,.045);color:#d6ebe7;font-size:.75rem;line-height:1.4}.chem b{color:#fff}.micro-disclaimer{color:#9dbcb7!important;font-size:.65rem!important}.tags{display:flex;justify-content:center;flex-wrap:wrap;gap:.45rem;margin:1rem 0 1.35rem}.tag{padding:.44rem .6rem;border:1px solid rgba(255,255,255,.17);border-radius:.45rem;color:#cff4ee;font-size:.64rem;font-weight:850}.end-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.55rem}.facebook{border-color:transparent;background:#1877f2}.loader{position:absolute;z-index:40;inset:0;display:grid;place-items:center;background:#030d13;color:var(–lime);font-size:.74rem;font-weight:950;letter-spacing:.18em}@media(max-width:620px){.top{padding:.9rem 1rem}.intro{padding-right:0}.intro h1{font-size:clamp(4rem,21vw,6.5rem)}.intro>p:not(.eyebrow){max-width:320px}.hud{padding:.85rem}.hud-left{max-width:75vw;overflow:hidden}.advance{bottom:5.8rem}.safe{display:none}.mission{bottom:.9rem}.button{font-size:.67rem}.card{border-radius:1.15rem}.chem li{font-size:.7rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}} .top{z-index:30}.top-nav{display:flex;gap:.35rem;pointer-events:auto}.top-tab{border:1px solid rgba(214,255,233,.22);border-radius:999px;padding:.42rem .63rem;background:rgba(3,17,22,.58);color:#d7eee7;font-size:.62rem;font-weight:900;letter-spacing:.06em;backdrop-filter:blur(8px);cursor:pointer}.top-tab.active{border-color:transparent;background:var(–lime);color:#15251d}.memory{position:fixed;z-index:15;inset:0;display:none;overflow:auto;background:radial-gradient(circle at 75% 5%,rgba(113,247,236,.16),transparent 30%),radial-gradient(circle at 12% 95%,rgba(201,255,99,.16),transparent 35%),#05151b}.memory.show{display:block}.memory-main{width:min(1160px,100%);min-height:100dvh;margin:auto;padding:6.2rem clamp(1rem,4vw,3rem) 2rem}.memory-hero{text-align:center}.memory-hero h2{margin:.2rem 0 .65rem;font-size:clamp(2.5rem,7vw,5.8rem);line-height:.86;letter-spacing:-.08em}.memory-hero h2 span{color:var(–lime)}.memory-hero>p{max-width:530px;margin:.9rem auto 1.4rem;color:#cae0da;line-height:1.45}.memory-panel{width:min(620px,100%);margin:1.5rem auto;padding:clamp(1.1rem,4vw,2rem);border:1px solid rgba(202,255,214,.23);border-radius:1.25rem;background:rgba(5,27,33,.72);box-shadow:0 20px 55px rgba(0,0,0,.28);backdrop-filter:blur(13px)}.player-form{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;text-align:left}.player-form label{display:grid;gap:.38rem;color:var(–cyan);font-size:.67rem;font-weight:900;letter-spacing:.1em}.player-form input{min-width:0;border:1px solid rgba(220,255,240,.22);border-radius:.65rem;padding:.82rem;background:rgba(0,12,16,.55);color:#fff;outline:none}.player-form input:focus{border-color:var(–lime);box-shadow:0 0 0 3px rgba(201,255,99,.1)}.memory-error{min-height:1.2rem;margin:.7rem 0;color:#ffb3c3;font-size:.75rem}.memory-panel .button{width:100%}.memory-game{display:none}.memory-game.show{display:block}.memory-status{display:grid;grid-template-columns:1fr auto 1fr;gap:.8rem;align-items:center;margin:1rem 0 1.25rem}.player-score{padding:.75rem .85rem;border:1px solid rgba(220,255,240,.14);border-radius:.8rem;background:rgba(5,28,33,.65);color:#bcd5cf;font-size:.72rem}.player-score:last-child{text-align:right}.player-score strong{display:block;color:#fff;font-size:1.1rem}.player-score.active{border-color:var(–lime);box-shadow:0 0 22px rgba(201,255,99,.18)}.turn{text-align:center;color:var(–lime);font-size:.7rem;font-weight:950;letter-spacing:.1em}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.35rem,1.2vw,.8rem);width:min(800px,100%);margin:auto}.memory-card{position:relative;min-width:0;aspect-ratio:.77;border:0;border-radius:.85rem;background:transparent;cursor:pointer;perspective:800px}.memory-card:focus-visible{outline:3px solid var(–lime);outline-offset:2px}.memory-card-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .42s}.memory-card.open .memory-card-inner,.memory-card.match .memory-card-inner{transform:rotateY(180deg)}.memory-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;padding:.45rem;border:1px solid rgba(225,255,242,.2);border-radius:.85rem;backface-visibility:hidden}.memory-back{background:linear-gradient(145deg,#12424a,#071c28);box-shadow:inset 0 0 0 1px rgba(117,247,236,.1),0 9px 18px rgba(0,0,0,.22)}.memory-back i{width:42%;aspect-ratio:1;border:2px solid var(–cyan);border-radius:50%;box-shadow:0 0 18px rgba(117,247,236,.4)}.memory-back b{color:#c8f3ee;font-size:.58rem;letter-spacing:.12em}.memory-front{background:linear-gradient(155deg,#f3fff8,#cae8d9);color:#09201c;transform:rotateY(180deg);box-shadow:0 9px 18px rgba(0,0,0,.2)}.memory-card.match .memory-front{border-color:var(–lime);box-shadow:0 0 22px rgba(201,255,99,.35)}.memory-icon{font-size:clamp(1.55rem,5vw,3.2rem);line-height:1}.memory-label{font-size:clamp(.51rem,1.25vw,.73rem);font-weight:950;line-height:1.12;text-align:center}.fact{min-height:64px;width:min(800px,100%);margin:1rem auto 0;padding:.8rem 1rem;border:1px solid rgba(117,247,236,.2);border-radius:.85rem;background:rgba(5,28,33,.62);color:#c8ded9;text-align:center;font-size:.76rem;line-height:1.42}.fact strong{color:var(–lime)}.memory-result{position:fixed;z-index:40;inset:0;display:none;place-items:center;padding:1.2rem;background:rgba(1,10,14,.72);backdrop-filter:blur(12px)}.memory-result.show{display:grid}.memory-result .card{max-width:500px}.memory-result h2 span{color:var(–lime)}@media(max-width:620px){.top{gap:.45rem}.logo{display:none}.top-nav{gap:.22rem}.top-tab{padding:.4rem .5rem;font-size:.54rem}.top>a{font-size:.55rem}.memory-main{padding:5.1rem .75rem 1.1rem}.player-form{grid-template-columns:1fr}.memory-panel{margin:1rem auto}.memory-status{gap:.4rem}.player-score{padding:.55rem;font-size:.61rem}.player-score strong{font-size:.86rem}.turn{font-size:.55rem}.memory-grid{gap:.32rem}.memory-face{padding:.22rem;border-radius:.55rem}.memory-card,.memory-face{border-radius:.55rem}.memory-back b{font-size:.45rem}.memory-label{font-size:.49rem}.fact{min-height:54px;margin-top:.75rem;font-size:.68rem}} .dna{position:fixed;z-index:16;inset:0;display:none;overflow:auto;background:radial-gradient(circle at 82% 7%,rgba(255,124,192,.17),transparent 29%),radial-gradient(circle at 13% 88%,rgba(117,247,236,.15),transparent 32%),#07131e}.dna.show{display:block}.dna-main{width:min(1060px,100%);min-height:100dvh;margin:auto;padding:6.2rem clamp(1rem,4vw,3rem) 2rem}.dna-hero{text-align:center}.dna-hero h2{margin:.25rem 0 .65rem;font-size:clamp(2.45rem,7vw,5.7rem);line-height:.86;letter-spacing:-.08em}.dna-hero h2 span{color:#ff9cc4}.dna-hero>p{max-width:540px;margin:.9rem auto 1.35rem;color:#cce0ed;line-height:1.45}.dna-guide{display:flex;justify-content:center;gap:.6rem;align-items:center;flex-wrap:wrap;width:max-content;max-width:100%;margin:1rem auto;padding:.55rem .8rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(12,33,49,.66);font-size:.71rem;font-weight:850;letter-spacing:.04em}.dna-guide.hidden{display:none}.guide-pair{display:inline-flex;gap:.2rem;align-items:center}.guide-pair b{padding:.22rem .4rem;border-radius:.35rem;color:#081824}.guide-a,.base-choice.A{background:#ffb3ce}.guide-t,.base-choice.T{background:#77e7e2}.guide-c,.base-choice.C{background:#c9ff63}.guide-g,.base-choice.G{background:#c5b6ff}.dna-game{display:none}.dna-game.show{display:block}.dna-board{width:min(870px,100%);margin:1rem auto;padding:clamp(1rem,3vw,1.7rem);border:1px solid rgba(210,235,255,.2);border-radius:1.3rem;background:linear-gradient(145deg,rgba(15,44,63,.84),rgba(4,18,30,.88));box-shadow:0 25px 62px rgba(0,0,0,.28)}.dna-status{display:grid;grid-template-columns:1fr auto 1fr;gap:.7rem;align-items:center;margin-bottom:1rem}.dna-player{padding:.65rem .8rem;border:1px solid rgba(220,247,255,.14);border-radius:.75rem;background:rgba(3,16,28,.44);color:#b8d2df;font-size:.68rem}.dna-player:last-child{text-align:right}.dna-player strong{display:block;color:#fff;font-size:1rem}.dna-player.active{border-color:#ff9cc4;box-shadow:0 0 20px rgba(255,156,196,.2)}.dna-turn{text-align:center;color:#ffb3ce;font-size:.69rem;font-weight:950;letter-spacing:.09em}.dna-ladder{display:grid;grid-template-columns:repeat(var(–bases),minmax(0,1fr));gap:clamp(.2rem,.8vw,.55rem);margin:1.35rem auto .6rem}.dna-pair{display:grid;grid-template-rows:auto 18px auto;gap:.12rem;justify-items:center}.dna-cell{display:grid;place-items:center;width:clamp(28px,7vw,54px);aspect-ratio:1;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:#0b1e27;font-size:clamp(.78rem,2.6vw,1.2rem);font-weight:1000;box-shadow:0 5px 15px rgba(0,0,0,.2);transition:transform .32s,box-shadow .32s}.dna-bond{width:2px;height:100%;background:linear-gradient(#a7cadd,#f2d7e6,#a7cadd);opacity:.85}.dna-cell.A{background:#ffb3ce}.dna-cell.T{background:#77e7e2}.dna-cell.C{background:#c9ff63}.dna-cell.G{background:#c5b6ff}.dna-cell.blank{border-style:dashed;border-color:#ffb3ce;background:rgba(255,255,255,.07);color:#ffbed3;box-shadow:none}.dna-cell.target{transform:scale(1.12);box-shadow:0 0 0 4px rgba(255,156,196,.15),0 0 27px rgba(255,156,196,.55);animation:dnaPulse 1s ease-in-out infinite}.dna-cell.just-filled{animation:dnaJoin .6s ease both}.dna-caption{margin:.6rem 0 1rem;color:#c3d9e4;text-align:center;font-size:.75rem}.dna-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;width:min(540px,100%);margin:1rem auto .75rem}.base-choice{min-height:60px;border:0;border-radius:.85rem;color:#091925;font-size:1.45rem;font-weight:1000;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.22);transition:transform .18s,filter .18s}.base-choice:hover,.base-choice:focus-visible{outline:3px solid #fff;outline-offset:2px;transform:translateY(-4px);filter:brightness(1.07)}.dna-feedback{min-height:52px;margin:0 auto;color:#d3e6ed;text-align:center;font-size:.77rem;line-height:1.45}.dna-feedback strong{color:#ffb3ce}.dna-round-card{position:fixed;z-index:45;inset:0;display:none;place-items:center;padding:1.2rem;background:rgba(1,10,19,.7);backdrop-filter:blur(11px)}.dna-round-card.show{display:grid}.dna-round-card .card{max-width:480px}.dna-result{position:fixed;z-index:46;inset:0;display:none;place-items:center;padding:1.2rem;background:rgba(1,10,19,.76);backdrop-filter:blur(12px)}.dna-result.show{display:grid}.dna-result .card{max-width:520px}.dna-result h2 span{color:#ff9cc4}@keyframes dnaPulse{50%{transform:scale(1.18)}}@keyframes dnaJoin{0%{transform:scale(.2) rotate(-150deg);opacity:0}70%{transform:scale(1.18) rotate(8deg)}100%{transform:scale(1) rotate(0);opacity:1}}@media(max-width:620px){.top-nav{gap:.14rem}.top-tab{padding:.37rem .38rem;font-size:.47rem}.dna-main{padding:5.05rem .75rem 1rem}.dna-status{gap:.35rem}.dna-player{padding:.52rem;font-size:.57rem}.dna-player strong{font-size:.78rem}.dna-turn{font-size:.53rem}.dna-board{padding:.85rem .5rem}.dna-pair{grid-template-rows:auto 13px auto}.dna-ladder{gap:.13rem}.dna-cell{width:clamp(25px,10vw,40px)}.dna-controls{gap:.35rem}.base-choice{min-height:52px}.dna-caption{font-size:.66rem}.dna-feedback{font-size:.68rem}} .top-nav{flex:1;justify-content:center;min-width:0;overflow-x:auto;scrollbar-width:none}.top-nav::-webkit-scrollbar{display:none}.top-tab{flex:0 0 auto}.cell-game,.word-game{position:fixed;z-index:17;inset:0;display:none;overflow:auto;background:radial-gradient(circle at 84% 7%,rgba(255,190,104,.14),transparent 30%),radial-gradient(circle at 10% 90%,rgba(117,247,236,.14),transparent 34%),#061822}.cell-game.show,.word-game.show{display:block}.cell-main,.word-main{width:min(1130px,100%);min-height:100dvh;margin:auto;padding:6.2rem clamp(1rem,4vw,3rem) 2rem}.game-hero{text-align:center}.game-hero h2{margin:.2rem 0 .65rem;font-size:clamp(2.4rem,7vw,5.5rem);line-height:.86;letter-spacing:-.08em}.game-hero h2 span{color:#ffca72}.game-hero>p{max-width:560px;margin:.9rem auto 1.35rem;color:#cfe2e8;line-height:1.45}.cell-guide{display:flex;justify-content:center;flex-wrap:wrap;gap:.45rem;max-width:800px;margin:1rem auto;padding:.7rem;border:1px solid rgba(235,255,250,.16);border-radius:1rem;background:rgba(11,38,46,.58)}.cell-guide span{padding:.4rem .55rem;border-radius:.55rem;background:rgba(255,255,255,.06);font-size:.68rem}.cell-play,.word-play{display:none}.cell-play.show,.word-play.show{display:block}.cell-status,.word-status{display:grid;grid-template-columns:1fr auto 1fr;gap:.7rem;align-items:center;width:min(950px,100%);margin:1rem auto}.cell-player,.word-player{padding:.65rem .8rem;border:1px solid rgba(220,247,255,.14);border-radius:.75rem;background:rgba(3,16,28,.44);color:#bdd4de;font-size:.68rem}.cell-player:last-child,.word-player:last-child{text-align:right}.cell-player strong,.word-player strong{display:block;color:#fff;font-size:1rem}.cell-player.active,.word-player.active{border-color:#ffca72;box-shadow:0 0 20px rgba(255,202,114,.18)}.cell-turn,.word-turn{text-align:center;color:#ffca72;font-size:.69rem;font-weight:950;letter-spacing:.08em}.cell-board{display:grid;grid-template-columns:minmax(210px,1fr) minmax(260px,1.1fr);gap:clamp(.8rem,3vw,2rem);align-items:center;width:min(950px,100%);margin:auto;padding:clamp(.8rem,2.5vw,1.4rem);border:1px solid rgba(210,240,238,.18);border-radius:1.3rem;background:linear-gradient(145deg,rgba(13,48,60,.75),rgba(4,19,28,.88))}.cell-prompt{grid-column:1/-1;margin:0;color:#e4f4f2;text-align:center;font-size:clamp(.88rem,2vw,1rem);line-height:1.4}.cell-prompt strong{color:#ffca72}.cell-orb{position:relative;display:grid;place-items:center;width:min(340px,78vw);aspect-ratio:1;margin:auto;border:12px solid #78d9dd;border-radius:48% 52% 50% 46%;background:radial-gradient(circle at 36% 35%,#f5e6a6 0 8%,transparent 9%),radial-gradient(circle at 68% 68%,#ffb9c7 0 7%,transparent 8%),radial-gradient(circle at 70% 29%,#c7b8ff 0 6%,transparent 7%),linear-gradient(145deg,#76c9d2,#4d8aaf);box-shadow:inset 0 0 0 12px rgba(255,255,255,.15),0 17px 42px rgba(0,0,0,.25)}.cell-drop{display:grid;place-items:center;width:43%;aspect-ratio:1;border:3px dashed rgba(255,255,255,.74);border-radius:50%;background:rgba(7,28,48,.27);color:#fff;text-align:center;font-size:.7rem;font-weight:900;transition:.25s}.cell-drop.over{transform:scale(1.1);border-color:#ffca72;box-shadow:0 0 25px #ffca72}.cell-drop.placed{border-style:solid;border-color:#c9ff63;background:rgba(201,255,99,.22);animation:popPlace .55s ease}.cell-pieces{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem}.cell-piece{min-height:76px;border:1px solid rgba(255,255,255,.22);border-radius:.9rem;background:rgba(255,255,255,.08);color:#fff;cursor:grab;font-size:.72rem;font-weight:900}.cell-piece span{display:block;font-size:1.55rem}.cell-piece.selected{border-color:#ffca72;box-shadow:0 0 0 3px rgba(255,202,114,.16)}.cell-feedback{grid-column:1/-1;min-height:48px;margin:0;color:#cfe6e9;text-align:center;font-size:.76rem;line-height:1.4}.cell-feedback strong{color:#c9ff63}.cell-quiz{grid-column:1/-1;display:none;text-align:center}.cell-quiz.show{display:block}.cell-quiz p{margin:.3rem auto .65rem;color:#fff;font-size:.85rem}.cell-quiz-options{display:flex;justify-content:center;flex-wrap:wrap;gap:.45rem}.cell-quiz-options button{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:.6rem .75rem;background:rgba(3,18,28,.72);color:#fff;font-size:.7rem;cursor:pointer}.word-game{z-index:18;background:radial-gradient(circle at 80% 9%,rgba(201,255,99,.16),transparent 30%),radial-gradient(circle at 10% 88%,rgba(197,182,255,.17),transparent 35%),#07131d}.word-game .game-hero h2 span{color:#c9ff63}.word-board{display:grid;grid-template-columns:minmax(250px,1fr) minmax(185px,.65fr);gap:clamp(.8rem,3vw,1.8rem);align-items:start;width:min(1000px,100%);margin:auto}.word-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;padding:clamp(.45rem,1.2vw,.75rem);border:1px solid rgba(213,255,223,.2);border-radius:1rem;background:rgba(6,25,34,.77);user-select:none;touch-action:none}.word-cell{display:grid;place-items:center;aspect-ratio:1;border:0;border-radius:.32rem;background:rgba(255,255,255,.055);color:#effff9;font-size:clamp(.62rem,2vw,1rem);font-weight:950;cursor:pointer}.word-cell.selecting{background:rgba(201,255,99,.35);color:#10221c}.word-cell.found-one{background:#75f7ec;color:#10222a}.word-cell.found-two{background:#ffb3ce;color:#2b1320}.word-side{padding:1rem;border:1px solid rgba(213,255,223,.17);border-radius:1rem;background:rgba(5,28,34,.72)}.word-side h3{margin:.1rem 0 .7rem;color:#c9ff63;font-size:.75rem;letter-spacing:.1em}.word-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem;margin:0;padding:0;list-style:none}.word-list li{padding:.38rem .42rem;border-radius:.38rem;background:rgba(255,255,255,.06);color:#dbeee8;font-size:.67rem;font-weight:850}.word-list li.found{background:rgba(201,255,99,.23);color:#dfffb4;text-decoration:line-through}.word-clocks{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.7rem}.clock{padding:.45rem .55rem;border-radius:.6rem;background:rgba(255,255,255,.07);color:#dbeee8;font-size:.66rem;font-weight:900}.clock b{color:#c9ff63}.word-insight{display:none;margin-top:.75rem;padding:.75rem;border:1px solid rgba(117,247,236,.25);border-radius:.75rem;background:rgba(8,39,46,.8);color:#dcefeb;font-size:.74rem;line-height:1.4}.word-insight.show{display:block}.word-insight strong{color:#c9ff63}.word-bonus{display:flex;flex-wrap:wrap;gap:.38rem;margin-top:.55rem}.word-bonus button{border:0;border-radius:.45rem;padding:.42rem .48rem;background:#d8f6ec;color:#0b2527;font-size:.64rem;font-weight:850;cursor:pointer}.word-result{position:fixed;z-index:52;inset:0;display:none;place-items:center;padding:1.2rem;background:rgba(1,10,14,.77);backdrop-filter:blur(12px)}.word-result.show{display:grid}.word-result .card{max-width:520px}@keyframes popPlace{0%{transform:scale(.35);opacity:.1}65%{transform:scale(1.15)}100%{transform:scale(1);opacity:1}}@media(max-width:700px){.cell-main,.word-main{padding:5.1rem .75rem 1.2rem}.cell-board,.word-board{grid-template-columns:1fr}.cell-status,.word-status{gap:.35rem}.cell-player,.word-player{padding:.5rem;font-size:.57rem}.cell-player strong,.word-player strong{font-size:.78rem}.cell-turn,.word-turn{font-size:.51rem}.cell-orb{width:min(290px,75vw)}.word-side{padding:.7rem}.word-list{grid-template-columns:repeat(4,1fr)}.word-list li{text-align:center;font-size:.56rem}.top>a{font-size:.5rem}.top-nav{justify-content:flex-start}.top-tab{padding:.36rem .38rem;font-size:.45rem}} :root{–uaem-blue:#243d8f;–cidc-blue:#426ba8;–cidc-orange:#e58d38;–paper:#f8fbff;–ink-blue:#10234a}.shell{background:#071623}.top{z-index:80;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(.55rem,1.5vw,1.25rem);min-height:68px;padding:.55rem clamp(.8rem,3vw,2rem);background:linear-gradient(112deg,rgba(255,255,255,.98),rgba(238,246,255,.96));border-bottom:3px solid var(–cidc-orange);box-shadow:0 8px 28px rgba(0,0,0,.22);pointer-events:auto}.brandmarks{display:flex;align-items:center;gap:.38rem;min-width:0}.brandmarks img{display:block;height:35px;max-width:92px;padding:.2rem .32rem;object-fit:contain;border:1px solid rgba(36,61,143,.11);border-radius:.45rem;background:#fff;box-shadow:0 2px 8px rgba(23,52,89,.12)}.brandmarks .brand-cidc{width:78px}.brandmarks .brand-iicba{width:74px}.brandmarks .brand-uaem{width:58px}.top-nav{gap:.4rem;padding:.2rem;justify-content:center;border:1px solid rgba(36,61,143,.13);border-radius:999px;background:rgba(36,61,143,.06)}.top-tab{border-color:transparent;background:transparent;color:#234275;font-size:.58rem;letter-spacing:.045em}.top-tab:hover,.top-tab:focus-visible{background:rgba(66,107,168,.12);outline:none}.top-tab.active{background:linear-gradient(120deg,var(–uaem-blue),#3f67aa);color:#fff;box-shadow:0 3px 10px rgba(36,61,143,.24)}.top .lic-link{display:inline-flex;align-items:center;gap:.28rem;align-self:center;padding:.52rem .72rem;border-radius:999px;background:linear-gradient(120deg,var(–cidc-orange),#d87329);color:#fff;font-size:.59rem;letter-spacing:.06em;box-shadow:0 4px 13px rgba(204,105,34,.24)}.lic-link span{font-size:.85rem}.landing::after{background:radial-gradient(circle at 68% 45%,rgba(229,141,56,.13),transparent 23%),linear-gradient(90deg,rgba(3,15,23,.9),rgba(3,15,23,.3) 58%,rgba(3,15,23,.76))}.intro h1 span{color:var(–cidc-orange)}.eyebrow{color:#a8dcff}.button{border-color:rgba(255,255,255,.24);box-shadow:0 7px 20px rgba(0,0,0,.18)}.primary{background:linear-gradient(112deg,var(–cidc-orange),#d87529);color:#fff}.primary:hover,.primary:focus-visible{box-shadow:0 12px 25px rgba(211,111,35,.3)}.memory,.dna,.cell-game,.word-game{background-image:radial-gradient(circle at 87% 9%,rgba(229,141,56,.15),transparent 28%),radial-gradient(circle at 8% 90%,rgba(66,107,168,.22),transparent 34%)}.memory-panel,.card,.dna-board,.cell-board,.word-side,.word-grid{border-color:rgba(171,207,255,.24);box-shadow:0 21px 55px rgba(0,0,0,.28)}.memory-panel{background:linear-gradient(145deg,rgba(13,41,61,.84),rgba(5,21,34,.88))}.memory-hero h2 span,.dna-hero h2 span,.game-hero h2 span{color:var(–cidc-orange)}.memory-card.match .memory-front{border-color:var(–cidc-orange);box-shadow:0 0 22px rgba(229,141,56,.36)}.player-score.active,.dna-player.active,.cell-player.active,.word-player.active{border-color:var(–cidc-orange);box-shadow:0 0 22px rgba(229,141,56,.19)}.turn,.dna-turn,.cell-turn,.word-turn{color:#ffd08a}.fact strong,.dna-feedback strong,.cell-feedback strong,.word-insight strong{color:#ffd08a}.memory-result,.dna-result,.word-result,.dna-round-card{background:rgba(6,17,32,.78)}.facebook{background:#1877f2}.cell-guide{border-color:rgba(255,204,126,.24);background:linear-gradient(120deg,rgba(36,61,143,.32),rgba(229,141,56,.14))}.cell-guide span{background:rgba(255,255,255,.09)}.word-cell.found-one{background:#7cd7ef}.word-cell.found-two{background:#ffb56c}.word-list li.found{background:rgba(229,141,56,.28);color:#fff2dc}.word-insight{border-color:rgba(255,200,122,.34);background:rgba(21,51,75,.88)}@media(max-width:760px){.top{grid-template-columns:minmax(0,1fr) auto;gap:.28rem;padding:.42rem .5rem}.brandmarks{gap:.2rem}.brandmarks img{height:28px;padding:.12rem;max-width:72px}.brandmarks .brand-cidc{width:65px}.brandmarks .brand-iicba{width:60px}.brandmarks .brand-uaem{width:48px}.top-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;width:100%;border-radius:.7rem}.top .lic-link{padding:.43rem .5rem;font-size:.48rem}.memory-main,.dna-main,.cell-main,.word-main{padding-top:7.25rem}.landing{padding-top:7.2rem}.top-tab{font-size:.45rem}} .top{min-height:92px}.brandmarks{gap:.55rem}.brandmarks img{height:58px;max-width:145px;padding:.28rem .42rem;border-radius:.6rem}.brandmarks .brand-cidc{width:128px}.brandmarks .brand-iicba{width:118px}.brandmarks .brand-uaem{width:92px}.degree-lockup{display:grid;gap:.28rem;max-width:640px;margin:0 0 1.15rem;padding:.85rem 1rem;border-left:5px solid var(–cidc-orange);background:linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,.02));box-shadow:0 11px 30px rgba(0,0,0,.14)}.degree-lockup strong{color:#fff;font-size:clamp(1.25rem,3vw,2.15rem);letter-spacing:.025em;line-height:1}.degree-lockup span{color:#ffd49b;font-size:clamp(.7rem,1.55vw,.96rem);font-weight:900;letter-spacing:.09em;line-height:1.35}.intro h1{margin-top:.15rem}@media(max-width:920px){.top{grid-template-columns:auto minmax(0,1fr) auto;min-height:80px}.brandmarks{gap:.28rem}.brandmarks img{height:43px;max-width:100px}.brandmarks .brand-cidc{width:92px}.brandmarks .brand-iicba{width:84px}.brandmarks .brand-uaem{width:68px}}@media(max-width:760px){.top{min-height:100px}.brandmarks img{height:35px;max-width:78px}.brandmarks .brand-cidc{width:74px}.brandmarks .brand-iicba{width:68px}.brandmarks .brand-uaem{width:54px}.degree-lockup{margin-bottom:.85rem;padding:.68rem .75rem}.degree-lockup strong{font-size:1.08rem}.degree-lockup span{font-size:.62rem;letter-spacing:.055em}.landing{padding-top:8.2rem}.memory-main,.dna-main,.cell-main,.word-main{padding-top:7.6rem}} .landing{padding-top:7.2rem} https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js (()=>{ const landing=document.getElementById(‘landing’),world=document.getElementById(‘world’),top=document.getElementById(‘top’),loader=document.getElementById(‘loader’),chapter=document.getElementById(‘chapter’),mission=document.getElementById(‘mission’),advance=document.getElementById(‘advance’),finish=document.getElementById(‘finish’),scanResult=document.getElementById(‘scanResult’),foundEl=document.getElementById(‘found’); let scene,camera,renderer,root,clock,level=0,dragging=false,last={x:0,y:0},down={x:0,y:0},yaw=0,pitch=0,motionOn=false,ready=false,scanMode=false,lastScan=0; let targetPos,targetFocus,raycaster,scanTargets=[],beacons=[],scanned=new Set(); const palette=[0x9fc3bb,0xd4c3bd,0xb4c3aa,0xc2d5da,0xddd0b8]; const chapters=[