*{box-sizing:border-box}body{margin:0;background:#f3f5fb;color:#17223b;font-family:Tahoma,Arial,sans-serif}.cr-tetris-wrap{max-width:1120px;margin:8px auto;padding:0 10px}.cr-tetris-card{background:#fff;border:1px solid #dce3f2;border-radius:20px;box-shadow:0 10px 30px rgba(32,56,100,.12);overflow:hidden}.cr-tetris-head{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:9px 16px;background:linear-gradient(135deg,#152b55,#315c98);color:#fff}.eyebrow{margin:0 0 5px;color:#f5d477;font-size:11px;letter-spacing:1.4px;font-weight:bold}.cr-tetris-head h1{margin:0;font-size:clamp(22px,3vw,30px)}.subtitulo{margin:3px 0 0;font-size:12px;color:#dce8ff}.cr-tetris-controls{display:flex;align-items:end;gap:8px;flex-wrap:wrap;min-width:275px}.cr-tetris-controls label{width:100%;font-size:12px;color:#dce8ff}.cr-tetris-controls select,.cr-tetris-controls button{border:0;border-radius:8px;padding:7px 9px;font-weight:bold}.cr-tetris-controls select{flex:1;background:#fff;color:#17223b}.cr-tetris-controls button{background:#e8b93f;color:#18223b;cursor:pointer}.cr-tetris-controls button#iniciar{background:#3bb273;color:#fff}.cr-tetris-controls button#iniciar:hover{background:#2d925d}.cr-tetris-controls button#nuevo{background:#dce8fa;color:#18325d}.estado{padding:6px 16px;background:#eef4ff;color:#385783;font-size:13px;font-weight:bold;text-align:center;border-bottom:1px solid #d7e3f5}.objetivo{margin:0 0 7px;padding:6px 9px;width:100%;background:#fff9df;border-left:5px solid #e8b93f;border-radius:10px}.objetivo span{display:block;font-size:12px;color:#80621b;text-transform:uppercase;font-weight:bold;letter-spacing:.5px}.objetivo strong{display:block;margin:2px 0;font-size:16px;color:#172b54}.objetivo small{display:block;color:#6d6142;line-height:1.45}.cr-tetris-layout{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(520px,1.35fr);gap:16px;padding:8px 16px 8px;align-items:start}.panel-instrucciones h2{margin:0 0 5px;font-size:20px;color:#172b54}.panel-instrucciones ol{margin:0;padding-left:20px;color:#52627c;line-height:1.2;font-size:11px}.feedback{min-height:35px;margin-top:8px;padding:6px;font-size:12px;border-radius:10px;font-size:12px;line-height:1.2}.feedback.ok{background:#e3f4e8;color:#17633a}.feedback.error{background:#fde8e8;color:#8a2525}.progreso{display:flex;justify-content:space-between;margin-top:8px;color:#64748b;font-weight:bold;font-size:13px}.zona-juego{display:flex;flex-direction:column;align-items:center}.marcador{display:flex;justify-content:space-between;width:100%;max-width:620px;color:#52627c;font-size:11px;margin-bottom:3px}.marcador strong{color:#172b54}.tablero{position:relative;width:min(100%,620px);height:clamp(300px,calc(100vh - 300px),450px);background-color:#132b53;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:10% 6.25%;border:7px solid #0c1c37;border-radius:10px;overflow:hidden;outline:3px solid transparent}.tablero:focus{outline-color:#e8b93f}.linea-meta{position:absolute;bottom:7%;left:0;width:100%;height:6.25%;border-top:3px dashed #f5d477;border-bottom:3px dashed #f5d477;background:rgba(232,185,63,.14);pointer-events:none}.linea-meta span{position:absolute;right:5px;top:-22px;color:#f5d477;font-size:11px;font-weight:bold}.pieza{position:absolute;height:6.25%;min-width:10%;padding:4px;border:2px solid #fff;border-radius:6px;background:linear-gradient(135deg,#7057d8,#a869df);color:#fff;text-align:center;margin:0 3px;width:calc(10% - 6px);font-size:13px;font-weight:bold;line-height:1.1;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(0,0,0,.35);transition:left .09s,top .09s}.pieza.fija{background:linear-gradient(135deg,#2d72b7,#57a8c8);position:absolute}.pieza.celebra{animation:celebra .5s ease-in-out 2}@keyframes celebra{50%{transform:scale(1.08);filter:brightness(1.4)}}.movil-controles{display:flex;gap:4px;margin-top:5px}.movil-controles button{border:0;border-radius:8px;background:#dce8fa;color:#18325d;padding:6px 9px;font-weight:bold;cursor:pointer}.destinos{position:relative;width:min(100%,620px);height:38px;margin-top:5px;padding:4px;background:#0c1c37;border:3px solid #0c1c37;border-radius:7px;overflow:hidden}.destino-bloque{position:absolute;top:4px;height:26px;display:flex;align-items:center;justify-content:center;padding:2px 6px;border:2px solid #6f84a8;border-radius:7px;background:#203b69;color:#b8c8e2;font-size:12px;font-weight:bold;white-space:nowrap;transition:left .09s}.destino-bloque.objetivo-activo{border-color:#fff3b0;background:linear-gradient(135deg,#e8b93f,#f5cf63);color:#172b54;box-shadow:0 0 9px rgba(232,185,63,.9)}.destino-bloque.relleno{border-color:#8fd3ad;background:linear-gradient(135deg,#2d72b7,#57a8c8);color:#fff}.destino-bloque.objetivo-activo::before{content:'↓';margin-right:5px;font-size:15px}.leyenda-destino{width:min(100%,620px);margin:5px 0 0;color:#64748b;font-size:11px;text-align:center}.leyenda-destino{width:min(100%,620px);margin:5px 0 0;color:#64748b;font-size:11px;text-align:center}.pieza-actual{width:min(100%,620px);margin:4px 0 0;color:#52627c;font-size:13px}.nota{border-top:1px solid #e2e8f3;margin:0;padding:5px 16px;color:#71809a;font-size:10px}.nota code{background:#f0f3f8;padding:2px 5px;border-radius:4px}@media(max-width:760px){.cr-tetris-head{display:block}.cr-tetris-controls{margin-top:12px}.cr-tetris-layout{grid-template-columns:1fr;padding:12px}.cr-tetris-head,.nota,.objetivo{margin-left:10px;margin-right:10px}.objetivo{margin-top:0}.tablero{height:300px}}

.objetivo #objetivo-frase{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;max-height:42px;overflow:hidden;font-size:12px;line-height:18px}.objetivo-chip{display:inline-flex;align-items:center;justify-content:center;min-height:18px;padding:1px 6px;border:1px solid #b7c8e4;border-radius:5px;background:#fff;color:#172b54;font-size:12px;line-height:16px;font-weight:700;white-space:nowrap;box-sizing:border-box}.records-panel{margin:7px 0 8px;padding:7px 9px;background:#f4f7fc;border:1px solid #d9e2f0;border-radius:9px}.records-panel label{display:block;margin-bottom:3px;color:#52627c;font-size:11px;font-weight:bold}.records-panel input{box-sizing:border-box;width:100%;border:1px solid #c6d3e5;border-radius:6px;padding:5px 7px;background:#fff;color:#172b54;font-size:12px}.records-panel button{margin-top:5px;border:0;border-radius:6px;padding:5px 8px;background:#18325d;color:#fff;font-size:11px;font-weight:bold;cursor:pointer}.records-panel button:hover{background:#28528d}.records-estado{min-height:14px;margin-top:4px;color:#64748b;font-size:10px}.ranking{margin:3px 0 0;padding-left:20px;color:#52627c;font-size:10px;line-height:1.35}.ranking:empty{display:none}.ranking li{padding:1px 0}.ranking strong{color:#172b54}@media(max-width:760px){.records-panel{margin-top:8px}}

.resumen-final{margin:5px 16px 0;padding:7px 12px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;background:#eaf4ff;border:2px solid #7aa9d8;border-radius:9px;color:#17325e;font-size:12px;text-align:center}.resumen-final[hidden]{display:none}.resumen-final strong{font-size:14px;color:#17325e}.resumen-final span{font-weight:bold}.resumen-final #resumen-guardado{color:#17633a}.resumen-final.guardando #resumen-guardado{color:#80621b}.resumen-final.error #resumen-guardado{color:#8a2525}
@media(max-width:760px){.resumen-final{margin-left:10px;margin-right:10px;gap:6px}}

.record-final{font-weight:bold;color:#17633a}