/* RETO DIARIO: selector de modo y modo "Siluetas" (silueta, intentos, historial de cercanía) */
button.y{background:var(--yel);border-color:var(--yel) var(--yel) #e5a800;color:#3c3c3c}
.modes.m2{grid-template-columns:1fr 1fr}
.a-sil{background:linear-gradient(135deg,#ffc800,#ff9600)}
.a-globe{background:linear-gradient(135deg,#1cb0f6,#58cc02)}
.art>svg{width:64%;height:64%}
.a-sil svg{width:80%;height:80%}
.a-sil path{fill:#fff;stroke:#fff;stroke-width:1;stroke-linejoin:round;filter:drop-shadow(0 3px 0 rgba(0,0,0,.18))}
.a-sil .q{position:absolute;right:9%;top:9%;width:36%;aspect-ratio:1;border-radius:50%;background:#fff;color:var(--org);display:grid;place-items:center;font-size:1.6rem;font-weight:900;box-shadow:0 6px 14px -4px rgba(0,0,0,.4)}
.a-globe svg{fill:none;stroke:#fff;stroke-width:3.5;stroke-linecap:round}
.mode:disabled{cursor:default}.mode:disabled .art{filter:saturate(.5)}
.dltitle{text-align:center;margin:4px 0}
.dlsil{margin:10px auto;width:min(100%,300px,34vh);aspect-ratio:1;border-radius:20px;border:2px solid var(--line);background:var(--bg);padding:4%;animation:dlpop .35s ease}
.dlsil svg{width:100%;height:100%;display:block}
/* Se puede pulsar: al pasar el ratón el cuadro se eleva un poco y se marca en azul; al pulsar, se hunde */
.dlsil{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
@media(hover:hover){.dlsil:hover{transform:translateY(-3px) scale(1.03);border-color:var(--blue);box-shadow:0 10px 22px -10px rgba(28,176,246,.55)}}
.dlsil:active{transform:scale(.98)}
/* Silueta en grande (al pulsarla): ventana más ancha, la silueta tan grande como quepa */
.mcard:has(.dlzoom){width:min(760px,100%);padding:20px}
.dlzoom{width:min(100%,80vh);aspect-ratio:1;margin:0 auto;cursor:pointer}
.dlzoom svg{width:100%;height:100%;display:block}
@keyframes dlpop{from{opacity:0;transform:scale(.92)}}
.dlfact{background:rgba(255,200,0,.16);border:2px solid var(--yel);border-radius:14px;padding:10px 14px;font-weight:800;margin-bottom:12px}
#dlres .emo{line-height:1;animation:drop .8s cubic-bezier(.3,1.6,.5,1)}#dlres .emo .ic{width:64px;height:64px}#daily li.lv0 em .ic{vertical-align:middle}
.dlfact .ic,#daily li.h .ic{margin-right:6px}   /* bombilla del dato y de la pista (icono dibujado, no emoji) */
.dlinfo{display:flex;align-items:center;gap:10px;font-weight:800;margin-bottom:8px}
.dlleft{margin-left:auto}
.dlhint{flex:none;width:40px;height:40px;padding:0;border-radius:12px;border-bottom-width:4px;display:grid;place-items:center}.dltries{display:flex;gap:6px}
.dltries i{width:16px;height:16px;border-radius:50%;border:3px solid var(--green);background:var(--green)}
.dltries i.u{background:transparent;border-color:var(--line)}
.dlac{position:relative}
.dlopts{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;list-style:none;margin:0;padding:6px;background:var(--card);border:2px solid var(--line);border-bottom-width:5px;border-radius:16px;max-height:290px;overflow-y:auto;box-shadow:0 12px 26px -10px rgba(0,0,0,.3);animation:dlpop .15s ease}
.dlopts[hidden]{display:none}
.dlopts li{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;font-weight:800;cursor:pointer}
.dlopts li:hover,.dlopts li.on{background:var(--sky1)}
.dlopts li.used{opacity:.45}
.dlopts .nflag{box-shadow:0 0 0 1.5px var(--line)}
.dlmsg{min-height:1.4em;text-align:center;color:var(--red);font-weight:800;margin-top:6px}
.dlhist{list-style:none;margin:6px 0 12px;padding:0;display:grid;gap:6px}
.dlhist li{display:flex;align-items:center;gap:10px;border:2px solid var(--line);border-radius:14px;padding:5px 12px;font-weight:800;animation:dlpop .3s ease}
#dlans{margin-top:0;padding:12px 14px;font-size:1.15rem}
.dlask{display:flex;gap:8px;align-items:stretch}
.dlask .dlac{flex:1;min-width:0}
.dlask button{flex:none;padding:0 14px;font-size:.85rem}
.dlhist li.h{color:var(--mute);justify-content:center}
.dlhist .fl{width:34px;height:24px;border-radius:5px;overflow:hidden;flex:none;display:block}.dlhist .fl svg{width:100%;height:100%;display:block}
.dlhist em{margin-left:auto;font-style:normal;font-size:.82rem;white-space:nowrap}
.dlhist .lv0{border-color:var(--green);background:rgba(88,204,2,.14)}
.dlhist .lv1{border-color:#ff9600;background:rgba(255,150,0,.16)}
.dlhist .lv2{border-color:#ffc800;background:rgba(255,200,0,.14)}
.dlhist .lv3{border-color:#58cc02;background:rgba(88,204,2,.08)}
.dlhist .lv4{border-color:#1cb0f6;background:rgba(28,176,246,.1)}
.dlhist .lv5{border-color:#8fd0f2;background:rgba(143,208,242,.2)}
.dlflag{width:120px;margin:8px auto}.dlflag svg{width:100%;display:block;border-radius:8px;box-shadow:0 0 0 2px var(--line)}
.dlhist li.lv0 em{font-size:1.1rem}
.dlrow{border:2px solid var(--line);border-radius:16px;padding:10px;margin:10px 0}
.dlrh{display:flex;align-items:center;gap:10px;margin-bottom:8px}.dlrow .dlrh button{margin-left:auto;flex:none;width:auto;min-width:0;padding:6px 16px;font-size:.8rem}
.dlrh .fl{width:34px;height:24px;border-radius:5px;overflow:hidden;flex:none;display:block}.dlrh .fl svg{width:100%;height:100%;display:block}
.dlmini{width:140px;aspect-ratio:1;margin:0 auto;border-radius:12px;border:2px solid var(--line);background:var(--bg);padding:6px}
.dlmini svg{width:100%;height:100%;display:block}
.dlrow p{margin:8px 0 0;font-size:.8rem}
.dltest{background:rgba(28,176,246,.12);border:2px solid var(--blue);border-radius:12px;padding:8px 12px;margin-bottom:10px;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:8px}
.dltest button{width:auto;padding:4px 10px;font-size:.75rem}