*{box-sizing:border-box}body{margin:0;background:#f3f5fb;color:#17223b;font-family:Tahoma,Arial,sans-serif}.cr-snake-wrap{max-width:1160px;margin:8px auto;padding:0 10px}.cr-snake-card{background:#fff;border:1px solid #dce3f2;border-radius:20px;box-shadow:0 10px 30px rgba(32,56,100,.12);overflow:hidden}.cr-snake-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-snake-head h1{margin:0;font-size:clamp(22px,3vw,30px)}.subtitulo{margin:3px 0 0;font-size:12px;color:#dce8ff}.cr-snake-controls{display:flex;align-items:end;gap:8px;flex-wrap:wrap;min-width:275px}.selector-fiche-label{font-size:10px;font-weight:800;color:#fff4c7;text-transform:uppercase;letter-spacing:.04em}.selector-fiche{max-width:235px;min-height:32px;padding:6px 26px 6px 9px;border:1px solid rgba(255,255,255,.6);border-radius:8px;background:#f8fbff;color:#17335f;font:700 11px Tahoma,Arial,sans-serif;cursor:pointer}.fiche-fija{padding:7px 9px;border-radius:8px;background:#fff;color:#17223b;font-weight:bold;font-size:12px}.cr-snake-controls button{border:0;border-radius:8px;padding:7px 9px;font-weight:bold;cursor:pointer}.button-primary{background:#3bb273;color:#fff}.button-primary:hover{background:#2d925d}.button-audio{background:#f5d477;color:#17325e}.button-audio:hover{background:#ffe39b}.button-audio.audio-activo{background:#49c7a0;color:#063b34;box-shadow:0 0 0 2px rgba(255,255,255,.45) inset}.button-secondary{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}.cr-snake-layout{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(480px,1.55fr) minmax(190px,.7fr);gap:12px;padding:8px 16px;align-items:start}.panel-datos,.panel-ayuda{min-width:0}.panel-ayuda{padding:0 2px}.panel-instrucciones h2,.panel-ayuda h2{margin:0 0 5px;font-size:20px;color:#172b54}.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}.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;margin-bottom:4px;background:#fff;color:#172b54;font-size:12px}.records-panel button{margin-top:2px;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}.instructions{margin:0;padding-left:20px;color:#52627c;line-height:1.35;font-size:11px}.feedback{min-height:35px;margin-top:8px;padding:6px;font-size:12px;border-radius:10px;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;min-width:0}.marcador{display:flex;justify-content:space-between;gap:10px;width:100%;max-width:620px;color:#52627c;font-size:11px;margin-bottom:3px}.marcador strong{color:#172b54}.tablero{position:relative;width:100%;height:clamp(320px,calc(100vh - 300px),450px);min-height:320px;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:5% 8.333%;border:7px solid #0c1c37;border-radius:10px;overflow:hidden;outline:3px solid transparent}.tablero:focus{outline-color:#e8b93f}.pregunta-tablero{position:absolute;top:9px;left:50%;transform:translateX(-50%);padding:6px 12px;background:rgba(12,28,55,.85);border:1px solid #6f84a8;border-radius:8px;color:#fff3b0;font-size:12px;font-weight:bold;white-space:nowrap;z-index:6}.serpiente{position:absolute;inset:0;z-index:3;pointer-events:none}.segmento{position:absolute;width:5%;height:8.333%;margin:0;border:2px solid #b4e9cf;border-radius:42%;background:linear-gradient(135deg,#238c61,#43bf86);box-shadow:0 3px 7px rgba(0,0,0,.35);transition:left .12s linear,top .12s linear;transform-origin:center}.segmento:not(.cabeza){width:4.7%;height:7.8%;background:linear-gradient(135deg,#258c78,#4cc7a0);border-color:#9fe0c4}.segmento:nth-child(3n){background:linear-gradient(135deg,#237d8b,#55c5b0)}.segmento.cabeza{width:6%;height:9%;z-index:4;border:2px solid #d7ffe9;background:linear-gradient(135deg,#2fc276,#8de2ae);border-radius:48% 48% 42% 42%;box-shadow:0 0 0 2px rgba(17,67,57,.5),0 4px 10px rgba(0,0,0,.4)}.segmento.cabeza::before{content:'';position:absolute;right:8%;top:23%;width:18%;height:18%;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #17325e}.segmento.cabeza::after{content:'';position:absolute;right:-18%;top:42%;width:25%;height:14%;border-radius:50%;background:#f38b7b;box-shadow:0 0 5px rgba(243,139,123,.8)}.serpiente[data-direction="left"] .cabeza::after{left:-18%;right:auto}.serpiente[data-direction="up"] .cabeza::after{top:-14%;left:43%;width:14%;height:25%}.serpiente[data-direction="down"] .cabeza::after{top:auto;bottom:-14%;left:43%;width:14%;height:25%}.serpiente[data-direction="left"] .cabeza::before{left:8%;right:auto}.serpiente[data-direction="up"] .cabeza::before{top:8%;right:23%}.serpiente[data-direction="down"] .cabeza::before{top:auto;bottom:8%;right:23%}.segmento.cola{width:3.6%;height:6.5%;border-radius:55% 55% 70% 70%;opacity:.9}.opciones{position:absolute;inset:0;z-index:2}.respuesta{position:absolute;z-index:2;min-width:82px;padding:8px 10px;border:2px solid #fff;border-radius:8px;background:linear-gradient(135deg,#7057d8,#a869df);color:#fff;font-size:14px;font-weight:bold;box-shadow:0 3px 8px rgba(0,0,0,.35);cursor:default;text-align:center}.respuesta.correcta-demo{border-color:#8fd3ad;background:linear-gradient(135deg,#2d72b7,#57a8c8)}.respuesta.consumida{filter:brightness(1.25);transform:scale(1.08)}.cuenta-atras{position:absolute;z-index:10;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(7,20,43,.7);color:#f5d477;font-size:clamp(60px,12vw,110px);font-weight:900;text-shadow:0 5px 0 #17325e,0 0 22px rgba(245,212,119,.8)}.cuenta-atras[hidden]{display:none}.movil-controles{display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:5px}.movil-controles button{min-width:42px;border:0;border-radius:8px;background:#dce8fa;color:#18325d;padding:6px 9px;font-weight:bold;cursor:pointer}.movil-controles div{display:flex;gap:4px}.leyenda-tablero{width:100%;margin:5px 0 0;color:#64748b;font-size:10px;text-align:center}.pieza-actual{width:100%;margin:4px 0 0;color:#52627c;font-size:13px;text-align:center}.audio-estado{width:100%;margin:3px 0 0;color:#71809a;font-size:10px;text-align:center;min-height:14px}.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}.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}@media(max-width:1020px){.selector-fiche{max-width:200px}.cr-snake-layout{grid-template-columns:minmax(220px,.72fr) minmax(460px,1.55fr)}.panel-ayuda{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.panel-ayuda h2{grid-column:1/-1;margin-bottom:-7px}.panel-ayuda .feedback{margin-top:0}}@media(max-width:760px){.cr-snake-head{display:block}.cr-snake-controls{margin-top:12px}.cr-snake-layout{grid-template-columns:1fr;padding:12px}.panel-ayuda{display:block}.panel-ayuda h2{margin-bottom:5px}.cr-snake-head,.nota{margin-left:10px;margin-right:10px}.tablero{min-height:300px;height:300px}.respuesta{min-width:70px;font-size:12px;padding:7px 8px}.pregunta-tablero{font-size:10px}.marcador{font-size:10px;gap:5px}.resumen-final{margin-left:10px;margin-right:10px;gap:6px}}