:root{--utc-primary-dark:#344fc4;--utc-ink:#202b4c;--utc-muted:#52617a;--utc-radius:24px;--utc-accent:#ba246b;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--ease:180ms ease;--blue:#3555c7;--green:#14734f;--pink:#a72b63;--teal:#066f80}
[hidden]{display:none!important}body.utc-page{overflow-x:visible;background:#f8faff;font-size:1rem}a{color:var(--blue)}button,input,select,textarea{font:inherit}button,input,select{min-height:44px}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #202b4c!important;outline-offset:4px!important;box-shadow:0 0 0 6px #ffdf72!important}.utc-header__inner{max-width:1240px;gap:1rem;flex-wrap:wrap}.utc-brand{font-weight:900;font-size:1.2rem;white-space:nowrap}.utc-nav{gap:.15rem}.utc-nav a{color:#34415d;font-size:.94rem;min-height:44px;display:flex;align-items:center}.utc-nav a[aria-current]{color:#2344b0;background:#e9eeff}.level-picker{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700}.level-picker select{border:1px solid #bbc7df;border-radius:12px;color:#293d6c;background:white;padding:.2rem .5rem}.world-main{width:min(calc(100% - 40px),1180px);margin:auto;padding:1.5rem 0 3rem}.crumbs{font-size:.875rem;color:#52617a;display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 1.5rem}.world-main h1{font-weight:850;font-size:clamp(2rem,4vw,3.5rem);line-height:1.12;letter-spacing:-.04em;margin:.5rem 0 1rem;color:#202b4c}.world-main h2{font-size:clamp(1.3rem,2vw,1.65rem);line-height:1.3;letter-spacing:-.02em}.world-main h3{margin:.4rem 0;font-size:1.25rem}.world-main p{line-height:1.6}.lead{font-size:1.125rem;color:#52617a;max-width:780px}.eyebrow{font-size:.8rem;font-weight:800;letter-spacing:.13em;color:#4058a5}.home-intro{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:3rem;padding:1.5rem 0 2.5rem}.home-intro h1{font-size:clamp(2.5rem,4.6vw,4rem)}.accent-dot{color:#c93076}.action,.secondary,.button-row button,.controls button,.choice,.tab-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;border:1px solid #bbc7df;border-radius:14px;padding:.7rem 1rem;font-weight:750;text-decoration:none;color:#273b70;background:#fff;transition:background var(--ease),transform var(--ease)}.action,.button-row button.action{background:#3555c7;color:white;border-color:#3555c7}.action:hover{background:#293f9b}.secondary:hover,.controls button:hover,.choice:hover{background:#edf2ff}.quiet{display:block;margin-top:.6rem;color:#52617a;font-size:.875rem}.hero-mission{display:block;text-decoration:none;background:#edf1ff;border:1px solid #ced9ff;border-radius:30px;padding:1.5rem 2rem;color:#253a74;transform:rotate(1deg);box-shadow:6px 8px 0 #e2e9ff}.hero-mission h2{margin:.7rem 0 .25rem}.hero-mission p{margin:.3rem 0 .7rem}.pill{display:inline-block;border:1px solid #c7d2f4;color:#354f96;background:#fff;border-radius:30px;padding:.25rem .65rem;font-size:.75rem;letter-spacing:.05em;font-weight:800}.mini-grid{margin:1rem auto .5rem;max-width:300px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mini-grid>*{display:grid;place-items:center;aspect-ratio:1;min-width:0;font-style:normal;border-radius:12px;background:#fff;color:#3555c7;font-size:1.8rem}.mini-grid b{background:#dbe3fd}.mini-grid span{background:#ffdc71;color:#553900}.section-line{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:.5rem 0 1rem}.section-line h2{margin:0}.section-line>span{font-size:.875rem;color:#52617a}.world-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.three-grid,.two-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.two-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.world-card{display:flex;flex-direction:column;position:relative;gap:.6rem;padding:1.3rem;border:1px solid #d4def0;border-radius:24px;background:#fff;text-decoration:none;color:#202b4c;transition:transform var(--ease),box-shadow var(--ease)}.world-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #26365c12}.card-symbol,.world-symbol{font-family:system-ui,sans-serif;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#edf1ff;color:#3555c7;font-size:1.75rem;font-weight:800;flex-shrink:0}.world-card p{font-size:1rem;color:#52617a;margin:.35rem 0}.card-body small{font-size:.75rem;letter-spacing:.04em;font-weight:750;color:#52617a}.card-arrow{position:absolute;right:1.25rem;top:1.2rem;color:#52617a}.world-card.aprende{border-top:4px solid #5b7cfa}.world-card.piensa{border-top:4px solid #d55191}.world-card.descubre{border-top:4px solid #2b9aaf}.world-card.crea{border-top:4px solid #e0aa27}.piensa .card-symbol{background:#fce8f2;color:#a72b63}.descubre .card-symbol{background:#e3f6f8;color:#066f80}.crea .card-symbol{background:#fff2cb;color:#795006}.featured{margin:2.5rem 0}.family-strip{display:flex;align-items:center;gap:1.3rem;padding:1.2rem 1.5rem;border-radius:24px;background:#eef2fc}.family-strip h2{margin:0;font-size:1.25rem}.family-strip p{margin:.4rem 0}.family-strip a{font-weight:750;min-width:170px}.world-heading{display:flex;gap:1.4rem;align-items:center;padding:1rem 0 2rem}.world-symbol{width:90px;height:90px;border-radius:26px;font-size:3rem}.world-heading h1{margin:.3rem 0}.world-heading p{margin:.5rem 0}.note{padding:1.2rem 1.5rem;border-radius:24px;background:#edf2ff;margin:1.5rem 0}.note h2{margin:.25rem 0}.note p{margin:.5rem 0}.reading-page{max-width:800px;margin:auto}.reading-page h2{margin-top:2rem}.button-row,.controls,.filters{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin:1rem 0}.filters label{display:flex;gap:.7rem;align-items:center}.search-box{background:#fff;padding:1.5rem;border:1px solid #d4def0;border-radius:24px}.search-box input{flex:1;min-width:180px;border:1px solid #b3c1d9;border-radius:12px;padding:.8rem}.search-box select,select{padding:.6rem;border-radius:12px;border:1px solid #b3c1d9;background:white;color:#202b4c}.search-box>label{font-weight:750}.workbench{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:1.4rem;align-items:start}.panel{background:#fff;border:1px solid #d4def0;border-radius:24px;padding:1.4rem;min-width:0}.panel h2{margin:.2rem 0 1rem}.game-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.game-title h1{font-size:2.5rem;margin:.2rem 0}.game-title .lead{margin:.5rem 0 1rem}.feedback{border-left:4px solid #3555c7;background:#edf2ff;border-radius:0 14px 14px 0;padding:1rem;min-height:70px;margin:1rem 0;color:#243766}.feedback.success{border-color:#14734f;background:#eaf7ef;color:#155838}.feedback.retry{border-color:#986400;background:#fff5d8;color:#654500}.hint-box{background:#fff7dd;padding:.8rem 1rem;border-radius:14px}.choices{display:grid;gap:.65rem;margin:1rem 0}.choice{justify-content:flex-start;text-align:left;width:100%;font-weight:650}.choice[aria-pressed=true]{background:#e1e9ff;border:2px solid #3555c7}.tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.tabs button[aria-pressed=true]{background:#202b4c;color:white;border-color:#202b4c}.progress-track{height:10px;background:#e1e8fa;border-radius:12px;overflow:hidden}.progress-track span{display:block;height:100%;background:#3555c7}.step-meta{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;color:#52617a;margin:.7rem 0}.program-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:1rem 0}.program-cell{aspect-ratio:1;background:#eef2ff;border:1px solid #ced8f3;border-radius:10px;display:grid;place-items:center;position:relative;min-width:0;font-size:1.75rem}.program-cell.wall{background:#64739a;color:white;border-color:#64739a}.program-cell.goal{background:#ffdf7b;color:#614800}.program-cell.trail:after{content:"·";position:absolute;color:#3555c7;font-size:2rem}.program-cell.coco{outline:3px solid #3555c7;z-index:1;background:white}.program-cell.coco:after{display:none}.program-cell img{width:70%;height:70%;object-fit:contain}.program-cell .direction{position:absolute;right:1px;top:-3px;font-size:1.2rem;color:#202b4c;font-weight:900}.program-list{padding:0;list-style:none;min-height:80px;max-height:320px;overflow:auto}.program-list li{display:flex;align-items:center;gap:.5rem;background:#edf2ff;border-radius:10px;padding:.45rem .65rem;margin:.45rem 0}.program-list li>span{flex:1}.program-list button{min-height:36px;min-width:36px;border:1px solid #becbea;border-radius:8px;background:#fff}.program-list li.active{outline:3px solid #3555c7}.empty-message{color:#52617a}.code-view{overflow:auto;background:#202b4c;color:#f6f8ff;border-radius:14px;padding:1rem;font-size:.9rem}.lab-visual{width:100%;height:auto;min-height:240px;display:block;background:#f3f7ff;border-radius:18px}.range-control{display:grid;grid-template-columns:1fr auto;gap:.5rem;margin:1.2rem 0}.range-control input{grid-column:1/-1;width:100%;accent-color:#3555c7}.range-control label{font-weight:700}.readout{font-size:1.35rem;font-weight:800;color:#253c83}.observations{width:100%;border-collapse:collapse;font-size:.95rem}.observations th,.observations td{text-align:left;border-bottom:1px solid #dae3f4;padding:.7rem .4rem}.geo-map svg{display:block;width:100%;height:auto;max-height:520px}.geo-map [data-region]{cursor:pointer;fill:#dce7fa!important;stroke:#fff!important;stroke-width:1.4!important;transition:fill var(--ease)}.geo-map [data-region]:hover,.geo-map [data-region]:focus{fill:#92abf5!important}.geo-map [data-region].selected{fill:#3555c7!important;stroke:#202b4c!important;stroke-width:3!important}.geo-map [data-region].solved{fill:#6bbd91!important}.geo-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem;max-height:290px;overflow:auto;padding:5px}.geo-list button{font-size:.875rem;text-align:left;border-radius:10px;background:white;border:1px solid #b8c8e7;padding:.5rem;color:#283b66}.geo-list button[aria-pressed=true]{background:#dfe9ff;border:2px solid #3555c7}.source-note{font-size:.875rem;color:#52617a;margin-top:1.2rem}.source-note a{display:inline-block;margin-right:.6rem}.manipulative{display:flex;flex-wrap:wrap;gap:5px;min-height:100px;align-content:center;justify-content:center;margin:1rem 0}.block-unit{display:grid;place-items:center;width:30px;height:30px;background:#3555c7;color:white;border-radius:5px}.block-ten{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;padding:4px;border:1px solid #3555c7;border-radius:8px}.number-line{display:flex;overflow:auto;padding:1rem 4px;gap:0}.number-line button{min-width:48px;background:white;border:1px solid #aebedb;padding:.5rem}.number-line .selected{background:#3555c7;color:white}.fraction-parts{display:flex;height:130px;width:100%;border:3px solid #23386f;border-radius:16px;overflow:hidden}.fraction-parts button{flex:1;border:1px solid #23386f;border-radius:0;background:white;min-width:0;padding:0}.fraction-parts button.selected{background:#3555c7;color:white}.coordinate-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.coordinate-grid button{aspect-ratio:1;min-width:0;border:1px solid #b2c1dd;background:#edf2ff}.coordinate-grid button.selected{background:#3555c7;color:white}.world-main textarea{width:100%;min-height:180px;border:1px solid #b3c1d9;border-radius:12px;padding:.8rem}dialog{border:1px solid #b2c2e1;border-radius:24px;padding:1.5rem;max-width:min(520px,calc(100% - 28px));color:#202b4c}dialog::backdrop{background:#15204180}dialog button{padding:.6rem 1rem;border-radius:12px;border:1px solid #a3b5d8;background:#fff;margin:.5rem}.utc-coco{z-index:900}.utc-footer{margin-top:1rem}.world-page .utc-home-row{display:none}html[data-age="12-16"] .hero-mission{transform:none}html[data-age="12-16"] .utc-coco__button{width:44px;height:44px}html[data-age="12-16"] .world-symbol{width:65px;height:65px;font-size:2rem}html[data-age="12-16"] .world-card{border-radius:16px}html[data-age="12-16"] .world-main{--utc-radius:16px}html[data-age="6-9"] .program-cell{font-size:2rem}
@media(max-width:1050px){.utc-header__inner{justify-content:space-between}.utc-nav{order:3;width:100%;justify-content:center}.world-grid{grid-template-columns:repeat(2,1fr)}.home-intro{gap:1.5rem}.three-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.family-strip{flex-wrap:wrap}.workbench{grid-template-columns:minmax(0,1fr) minmax(260px,.9fr)}}
@media(max-width:700px){.world-main{width:calc(100% - 28px);padding-top:1rem}.home-intro{grid-template-columns:1fr;padding:.5rem 0 2rem}.home-intro h1{font-size:2.55rem}.hero-mission{transform:none;padding:1.2rem;display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem;box-shadow:none}.hero-mission .mini-grid{grid-column:2;grid-row:1/5;width:100%;margin:0;align-self:center}.hero-mission .pill{font-size:.65rem}.hero-mission h2{font-size:1.2rem}.hero-mission p{font-size:.9rem}.hero-mission strong{font-size:.875rem}.mini-grid>*{font-size:1.2rem}.three-grid,.two-grid,.workbench{grid-template-columns:1fr}.world-grid{gap:.7rem}.world-card{padding:1rem}.world-grid .card-body small{font-size:.7rem}.world-grid h3{font-size:1.2rem}.world-grid p{font-size:.92rem}.world-heading{gap:1rem;padding-top:.5rem}.world-symbol{width:65px;height:65px;font-size:2rem}.world-heading .eyebrow{font-size:.7rem}.world-heading h1{font-size:2.4rem}.panel{padding:1rem}.game-title h1{font-size:2.1rem}.family-strip{padding:1rem;gap:.7rem}.family-strip img{width:44px;height:44px}.family-strip a{min-width:0}.level-picker{font-size:.8rem}.utc-brand{font-size:1.05rem}.utc-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:0}.utc-nav a{padding:.35rem;font-size:.77rem;text-align:center;justify-content:center}.utc-coco{right:10px;bottom:10px}.geo-list{grid-template-columns:repeat(2,1fr)}.filters{align-items:stretch;flex-direction:column}.lab-visual{min-height:180px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.utc-header,.utc-footer,.utc-coco,.button-row,dialog,.crumbs{display:none!important}.world-main{width:100%}.panel,.note{break-inside:avoid;box-shadow:none;border:1px solid #777}}

.program-grid{max-width:420px;margin:1rem auto}#code-app .game-title>div{display:none}#code-app .game-title{justify-content:flex-start}.geo-map [data-region]{stroke:#627899!important;stroke-width:1.2!important}.block-ten .block-unit{width:20px;height:24px}.utc-nav a{font-weight:750}@media(max-width:700px){.utc-header__inner{display:grid!important;grid-template-columns:1fr auto;align-items:center}.utc-brand{grid-column:1}.level-picker{grid-column:2}.utc-nav{grid-column:1/-1;grid-template-columns:repeat(3,1fr);width:100%}.utc-nav a{font-size:.875rem}.program-grid{max-width:280px}.utc-coco{position:relative!important;right:auto!important;bottom:auto!important;margin:0 14px;display:flex;justify-content:flex-end}.utc-coco__button{width:48px;height:48px}.utc-coco__bubble{right:0;bottom:60px}.world-grid .card-body small{font-size:.8rem}.hero-mission .pill{font-size:.75rem}}
/* Contrasts and controls shared with preserved activities. */
.utc-header .level-picker{min-width:0;padding:0;margin:0;gap:.4rem}.utc-header #global-age{width:80px!important;min-width:0!important;max-width:80px;padding:.3rem .5rem}.utc-header__inner{min-width:0}.utc-coco__button{padding:6px!important;min-width:48px!important}.utc-coconut-icon--large{width:100%!important;height:100%!important;max-width:100%!important}.utc-coconut-icon--large svg{width:100%;height:100%}body.utc-page .subtitle,body.utc-page .hero__inner>p,body.utc-page .stat-label{color:#52617a!important}body.utc-page .level-links .primary,body.utc-page .times-feature>a,body.utc-page .daily-button--primary,body.utc-page #startBtn,body.utc-page #generateBtn,body.utc-page #checkBtn,body.utc-page #clearHistoryBtn,body.utc-section-curiosidades .btn{background:#3555c7!important;color:#fff!important}body.utc-section-aprende .badge{background:#3555c7!important;color:#fff!important}.checktile .bubble{color:#202b4c!important}.checktile .b1{background:#dce5ff!important}.checktile .b2{background:#ffe5ad!important}.checktile .b3{background:#d8f5ed!important}.checktile .b4{background:#fde0ee!important}.checktile .b5{background:#e4dcfa!important}.utc-section-cuentos .tag{background:#3555c7!important;color:#fff!important}.utc-section-cuentos .stars{color:#755600!important}.utc-section-cuentos .cta{color:#3555c7!important}@media(max-width:700px){.utc-header .utc-nav{min-width:0;width:100%;gap:0}.utc-header__inner{grid-template-columns:minmax(0,1fr) auto!important}.utc-coco__button{width:48px!important;height:48px!important}.utc-header .utc-brand{min-width:0}.utc-header .level-picker{font-size:.8rem}}
.utc-section-cuentos .cta{background:#3555c7!important;color:#fff!important}.world-main h1,.world-main h2,.world-main h3,.world-card,.family-strip{overflow-wrap:anywhere}.home-intro>*,.hero-mission>*,.world-grid>*,.filters>*,.game-title>*,.button-row>*{min-width:0;max-width:100%}.action,.secondary{max-width:100%;overflow-wrap:anywhere}.filters label{flex-wrap:wrap}.world-main select{min-width:0;max-width:100%}.observations{table-layout:fixed;overflow-wrap:anywhere}.utc-nav a{white-space:normal;overflow-wrap:anywhere;min-width:0}.world-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1050px){.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.home-intro,.hero-mission{grid-template-columns:minmax(0,1fr)}.hero-mission .mini-grid{grid-column:1;grid-row:auto;max-width:230px;margin:.5rem auto}.utc-header .utc-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.filters label{display:block}.filters select{display:block;width:100%}.game-title label{width:100%}#code-mission{width:100%}.world-main .button-row button{white-space:normal;overflow-wrap:anywhere}.world-main .panel{padding:1rem}.world-main .readout{overflow-wrap:anywhere}}

.mobile-only{display:none!important}@media(max-width:700px){.mobile-only{display:inline-flex!important}}#code-app,#lab-app,#geo-app,#daily-app{min-height:80vh}.geo-map{aspect-ratio:1.4;min-width:0}.world-page .world-heading{min-width:0}

.card-symbol{white-space:nowrap;line-height:1}
#daily-app{overflow-wrap:anywhere}
#daily-form select{white-space:normal}
@media(max-width:380px){
  .utc-header__inner{grid-template-columns:minmax(0,1fr)!important}
  .utc-header .utc-brand,.utc-header .level-picker{grid-column:1}
  .utc-header .level-picker{justify-self:start}
  .utc-header .utc-brand{white-space:normal;overflow-wrap:anywhere}
  .utc-header .utc-brand>span{min-width:0}
  .utc-header #global-age{width:auto!important;max-width:100%}
  .utc-header .utc-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}