/* Duditopia · «Juegos para dos» · capa PAPEL + LÁPIZ (duditopia_src/dos/dt/dos-dt.css). Va la ÚLTIMA: después de
   cq.css, dos.css, el css de cada juego y /dt/sitio.css. Solo cambia el aspecto (bordes de tinta y sombras «de bloque»
   → papel con grano, marcos dibujados a lápiz, aros finos y sombras suaves); clases, tamaños de juego y lógica iguales.
   Marcos: los de Mi Súper (/ninos/super/lapiz/ui/marco*.webp, 9 trozos). Dibujos: /dos/lapiz/dos-lapiz.js. */
body.dt-dos{
  --dd-papel:#f8f4ea;--dd-papel2:#fbf8f0;--dd-tinta:#1f2b25;--dd-tinta2:#3a4a42;
  --dd-aro:0 0 0 1.4px rgba(31,43,37,.55) inset;--dd-aro-f:0 0 0 1.1px rgba(31,43,37,.42) inset;
  --dd-somb:1.5px 2px 0 -.4px rgba(31,43,37,.28);--dd-carta:0 0 0 1px rgba(60,50,30,.10),0 18px 30px -24px rgba(50,40,20,.55);
  --dd-marco:url(/ninos/super/lapiz/ui/marco.webp) 52 64 64 52/26px 32px 32px 26px/0 6px 6px 0 stretch;
  --dd-marco-s:url(/ninos/super/lapiz/ui/marco-s.webp) 40 48 48 40/20px 24px 24px 20px/0 4px 4px 0 stretch;
  --cq-head:var(--dt-disp,"Bricolage Grotesque",system-ui,sans-serif);--cq-body:var(--dt-letra,"DM Sans",system-ui,sans-serif);
  /* colores de jugador a la acuarela: coral (1) y azul pizarra (2) */
  --cq-blue:#4f78a8;--cq-blue-d:#2f5079;--cq-blue-l:#dfe7ef;
}
.dt-dos .dos-j1{--j:#e9907a;--j-d:#a5462f;--j-l:#f6ddd2;--j-ink:#3a1206}
.dt-dos .dos-j2{--j:#7d9fc6;--j-d:#2f5079;--j-l:#dfe7ef;--j-ink:#0f2238}
.dt-dos .dt-lz-dos{overflow:hidden}
.dt-dos .dos-app h2,.dt-dos .dos-titulo{font-family:var(--cq-head);font-weight:650;letter-spacing:-.02em}

/* ---------- cabecera del juego ---------- */
.dt-dos .dos-volver{border:0;border-radius:999px;font-weight:650}
.dt-dos .dos-volver:hover{background:rgba(247,242,231,.85)}
.dt-dos .dos-ico{border:0;border-radius:50%;background:rgba(250,246,236,.95);box-shadow:var(--dd-aro),var(--dd-somb);transition:transform .2s ease}
.dt-dos .dos-ico:hover{transform:translateY(-2px);box-shadow:var(--dd-aro),var(--dd-somb)}
.dt-dos .dos-ico:active{transform:translateY(1px);box-shadow:var(--dd-aro)}
.dt-dos .dos-ico[aria-pressed="false"]{background:#ece5d6}
.dt-dos .dos-ico svg{width:30px;height:30px}

/* ---------- vestíbulo, diálogos y final: hoja de papel con marco a lápiz ---------- */
.dt-dos .dos-vest,.dt-dos .dos-modal{background:var(--dd-papel) url(/dt/grano.webp);border:0;border-radius:6px;box-shadow:0 22px 40px -30px rgba(50,40,20,.6);
  border-image:var(--dd-marco);padding:30px 32px 30px 28px}
.dt-dos .dos-vest-arte{background:url(/dos/dt/acu/blob-yellow.webp) center/100% 100% no-repeat;border:0;box-shadow:none;border-radius:50%;padding:8px}
.dt-dos .dos-modo{background:var(--dd-papel2);border:0;border-radius:6px;box-shadow:0 14px 26px -22px rgba(50,40,20,.6);border-image:var(--dd-marco-s);transition:transform .25s ease}
.dt-dos .dos-modo:hover{transform:translateY(-3px);box-shadow:0 20px 30px -22px rgba(50,40,20,.65);background:#fff8e6}
.dt-dos .dos-modo:active{transform:translateY(1px);box-shadow:none}
.dt-dos .dos-modo-arte{border:0;border-radius:0;background:url(/dos/dt/acu/blob-sky.webp) center/100% 100% no-repeat}
.dt-dos .dos-modo:nth-child(2) .dos-modo-arte{background-image:url(/dos/dt/acu/blob-mint.webp)}
.dt-dos .dos-modo:nth-child(3) .dos-modo-arte{background-image:url(/dos/dt/acu/blob-lila.webp)}
.dt-dos .dos-modo-arte svg{width:76px;height:76px}
.dt-dos .dos-modo b,.dt-dos .dos-elige-av b{font-weight:650}
.dt-dos .dos-error{border:0;border-radius:8px;box-shadow:var(--dd-aro);background:#f6ddd2}
.dt-dos .dos-elige-av{border:0;border-radius:8px;background:var(--j-l);box-shadow:var(--dd-aro),0 12px 22px -18px rgba(50,40,20,.6)}
.dt-dos button.dos-elige-av:hover{transform:translateY(-2px);box-shadow:var(--dd-aro),0 16px 26px -18px rgba(50,40,20,.6)}
.dt-dos .dos-vs{font-family:var(--cq-head);font-weight:700;color:#a5462f}

/* código, QR y teclado */
.dt-dos .dos-codigo span{background:#f6d58a url(/dt/grano.webp);border:0;border-radius:6px;box-shadow:0 10px 18px -14px rgba(60,40,10,.7);
  border-image:var(--dd-marco-s);font-family:var(--cq-head);font-weight:700;color:#2b2410}
.dt-dos .dos-codigo span:nth-child(even){background-color:#f2c86e}
.dt-dos .dos-qr{border:0;border-radius:8px;box-shadow:var(--dd-aro),var(--dd-somb);background:#fffdf7}
.dt-dos .dos-espera i{border:0;border-radius:50% 46% 52% 48%;box-shadow:var(--dd-aro-f)}
.dt-dos .dos-espera i{background:#7d9fc6}.dt-dos .dos-espera i:nth-child(2){background:#e9907a}.dt-dos .dos-espera i:nth-child(3){background:#f2b84b}
.dt-dos .dos-input-cod{border:0;border-radius:10px;background:#fbf1d6;box-shadow:0 0 0 1.8px rgba(31,43,37,.6) inset,var(--dd-somb);font-family:var(--cq-head);font-weight:700}
.dt-dos .dos-input-cod:focus{box-shadow:0 0 0 2.4px #2f4a3a inset,0 0 0 4px rgba(242,184,75,.45)}
.dt-dos .dos-teclado button{border:0;border-radius:10px;background:var(--dd-papel2);box-shadow:var(--dd-aro),var(--dd-somb);font-family:var(--cq-head);font-weight:650}
.dt-dos .dos-teclado button:active{transform:translateY(1px);box-shadow:var(--dd-aro);background:#f8ebc8}
.dt-dos .dos-teclado .dos-borrar{background:#f6ddd2}

/* ---------- mesa: insignias de jugador, turno, reacciones ---------- */
.dt-dos .dos-jug{border:0;border-radius:6px;background:var(--dd-papel2);box-shadow:0 12px 22px -18px rgba(50,40,20,.6);border-image:var(--dd-marco-s)}
.dt-dos .dos-jug.activo{background:var(--j-l);box-shadow:0 16px 26px -18px rgba(50,40,20,.65);transform:translateY(-2px)}
.dt-dos .dos-jug.activo .dos-av{animation:dd-bote 1.4s ease-in-out infinite}
.dt-dos .dos-av{border:0;border-radius:50%;background:radial-gradient(circle at 50% 42%,#fffaf0 0 30%,var(--j-l,#f1ebdd) 72%);box-shadow:0 0 0 1.6px var(--j-d,rgba(31,43,37,.5)) inset}
.dt-dos .dos-av svg{width:80%;height:80%}
.dt-dos .dos-av.dt-ava svg{width:100%;height:100%}
.dt-dos .dos-jug-t b{font-weight:650}
.dt-dos .dos-jug-t .dos-tu{border:0;box-shadow:var(--dd-aro-f)}
.dt-dos .dos-pts{border:0;border-radius:50% 46% 52% 48%;background:#f6d58a;box-shadow:var(--dd-aro);font-weight:700;font-family:var(--cq-head)}
.dt-dos .dos-turno{border:0;background:rgba(250,246,236,.95);box-shadow:var(--dd-aro);font-weight:650}
.dt-dos .dos-turno-j1{background:#f6ddd2}.dt-dos .dos-turno-j2{background:#dfe7ef}
.dt-dos .dos-turno.mio{background:#f6d58a;box-shadow:var(--dd-aro),var(--dd-somb)}
.dt-dos .dos-aviso{border:0;border-radius:8px;background:#f8ebc8;box-shadow:var(--dd-aro)}
.dt-dos .dos-reac .dos-ico svg{width:32px;height:32px}
.dt-dos .dos-burbuja{border:0;border-radius:50%;background:var(--dd-papel2);box-shadow:var(--dd-aro),0 10px 20px -12px rgba(50,40,20,.6);padding:8px}

/* ---------- capas ---------- */
.dt-dos .dos-capa{background:rgba(42,50,40,.42);backdrop-filter:blur(3px)}
.dt-dos .dos-fin{padding-top:96px}
.dt-dos .dos-fin{background:url(/dos/dt/acu/fin.webp) center -30px/110% auto no-repeat,var(--dd-papel) url(/dt/grano.webp)}
.dt-dos .dos-fin.gana{box-shadow:0 22px 40px -30px rgba(50,40,20,.6)}
.dt-dos .dos-fin-dudi{top:-66px;filter:drop-shadow(0 8px 10px rgba(50,40,20,.25))}
.dt-dos .dos-fin-dudi img,.dt-dos .dos-fin-dudi svg{width:128px;height:128px}
.dt-dos .dos-fin.gana .dos-fin-dudi{animation:dd-bote-c 1.2s ease-in-out infinite}
.dt-dos .dos-fin-marcador span{border:0;box-shadow:var(--dd-aro-f);border-radius:999px}
.dt-dos .dos-pide img.dt-lz-dudi{display:block;margin:0 auto 6px}
.dt-dos .dos-telon{border:0;border-radius:6px;border-image:var(--dd-marco);box-shadow:0 22px 40px -30px rgba(0,0,0,.6);
  background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.35),rgba(255,255,255,0) 60%),repeating-linear-gradient(100deg,var(--j) 0 22px,var(--j-d) 22px 25px)}
.dt-dos .dos-telon-j1{--j:#e9907a;--j-d:#d97c64}.dt-dos .dos-telon-j2{--j:#7d9fc6;--j-d:#6a8db6}
.dt-dos .dos-telon h2{text-shadow:0 2px 0 rgba(31,43,37,.45)}
.dt-dos .dos-telon p{border:0;box-shadow:var(--dd-aro)}
.dt-dos .dos-telon .dos-av{background:#fffaf0}
.dt-dos .dos-toast{background:#2f4a3a;color:#f6f1e4;border-radius:999px;box-shadow:0 12px 24px -12px rgba(20,30,20,.6);font-weight:600}
.dt-dos .dos-confeti{image-rendering:auto}
@keyframes dd-bote{50%{transform:translateY(-3px) rotate(-3deg)}}
@keyframes dd-bote-c{50%{transform:translate(-50%,-6px) rotate(-2deg)}}
@media (prefers-reduced-motion: reduce){.dt-dos .dos-jug.activo .dos-av,.dt-dos .dos-fin.gana .dos-fin-dudi{animation:none!important}}
@media (max-width:760px){
  .dt-dos .dos-vest,.dt-dos .dos-modal{padding:22px 18px 22px 16px}
  .dt-dos .dos-modo-arte svg{width:56px;height:56px}
  .dt-dos .dos-av svg{width:84%;height:84%}
}

/* ---------- portada de la sección (/dos/) ---------- */
.dt-dos .dh{background:none}
.dt-dos .dh h1{font-family:var(--cq-head);font-weight:650;letter-spacing:-.03em}
.dt-dos .dh-arte{background:var(--dd-papel) url(/dt/grano.webp);border:0;border-radius:6px;border-image:var(--dd-marco);box-shadow:0 26px 40px -30px rgba(50,40,20,.6);
  overflow:visible;padding:4px 8px 8px 4px}
.dt-dos .dh-arte .cq-px svg{border-radius:4px}
.dt-dos .dh-arte .cq-globo{border:0;border-radius:999px;background:#fffaf0;box-shadow:var(--dd-aro),var(--dd-somb);font-weight:650}
.dt-dos .dh-dudi{position:absolute;left:-46px;bottom:-30px;width:104px;height:104px;filter:drop-shadow(0 8px 10px rgba(50,40,20,.22));animation:dd-bote 3s ease-in-out infinite}
.dt-dos .tab{border:0;border-radius:999px;background:rgba(247,242,231,.92);box-shadow:var(--dd-aro),var(--dd-somb);font-family:var(--cq-head);font-weight:650;color:var(--dd-tinta)}
.dt-dos .tab small{border:0;box-shadow:var(--dd-aro-f);background:#f1ebdd;font-weight:700}
.dt-dos .tab[aria-selected="true"]{background:#2f4a3a;color:#f6f1e4;box-shadow:var(--dd-somb)}
.dt-dos .tab[aria-selected="true"] small{background:#f2b84b;color:#2b2410;box-shadow:none}
.dt-dos .tiles .cq-tile{position:relative;border:0;border-radius:6px 9px 7px 10px;background:var(--dd-papel);box-shadow:var(--dd-carta);overflow:visible;transition:transform .25s ease}
.dt-dos .tiles a.cq-tile:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(60,50,30,.12),0 24px 34px -24px rgba(50,40,20,.65)}
.dt-dos .tiles .cq-art{border:0;border-radius:6px 9px 0 0;background:#f4eedf;position:relative;overflow:hidden}
.dt-dos .tiles .cq-art::before{content:"";position:absolute;inset:2% 0;background:var(--dd-acu,url(/dos/dt/acu/tile-ink.webp)) center/100% 100% no-repeat}
.dt-dos .tiles .cq-art .cq-px{position:relative;width:76%;margin:0 auto;display:block}
.dt-dos .cq-bg-blue{--dd-acu:url(/dos/dt/acu/tile-blue.webp)}.dt-dos .cq-bg-sky{--dd-acu:url(/dos/dt/acu/tile-sky.webp)}.dt-dos .cq-bg-coral{--dd-acu:url(/dos/dt/acu/tile-coral.webp)}.dt-dos .cq-bg-yellow{--dd-acu:url(/dos/dt/acu/tile-yellow.webp)}
.dt-dos .cq-bg-lila{--dd-acu:url(/dos/dt/acu/tile-lila.webp)}.dt-dos .cq-bg-mint{--dd-acu:url(/dos/dt/acu/tile-mint.webp)}.dt-dos .cq-bg-ink{--dd-acu:url(/dos/dt/acu/tile-ink.webp)}
.dt-dos .tiles .cq-tile-body{border-top:0;background:url(/assets/linea.webp) repeat-x left top/160px 4px}
.dt-dos .tiles .cq-tile-body b{font-family:var(--cq-head);font-weight:650}
.dt-dos .cq-age{border:0;box-shadow:var(--dd-aro-f)}
.dt-dos .cq-tile.dos-pronto{background:#efe9dc}
.dt-dos .cq-tile.dos-pronto:hover{transform:none;box-shadow:var(--dd-carta)}
.dt-dos .dos-pronto .cq-art{filter:saturate(.45) brightness(1.02)}
.dt-dos .dos-pronto .cq-art .cq-px{opacity:.7}
.dt-dos .dos-pronto-b,.dt-dos .cq-tile .cq-new-b{border:0;border-radius:6px;font-family:var(--cq-head);font-weight:700;letter-spacing:.02em;
  box-shadow:var(--dd-aro),var(--dd-somb);background:#fffaf0;color:#3a4a42}
.dt-dos .cq-tile .cq-new-b{background:#f2b84b;color:#2b2410}
.dt-dos .cq-band-sky{background:linear-gradient(180deg,rgba(223,233,236,0),rgba(223,233,236,.75) 18%,rgba(223,233,236,.75) 82%,rgba(223,233,236,0))}
.dt-dos .cq-band-tooth::before,.dt-dos .cq-band-tooth::after{display:none}
.dt-dos .cq-pcard{border:0;border-radius:6px 9px 7px 10px;background:var(--dd-papel);box-shadow:var(--dd-carta)}
.dt-dos .como .cq-pcard::before{border:0;border-radius:50% 46% 52% 48%;background:#f2b84b;box-shadow:var(--dd-aro),var(--dd-somb);font-family:var(--cq-head);font-weight:700}
.dt-dos .cq-pcard .cq-ico{border:0;border-radius:0;background:url(/dos/dt/acu/blob-yellow.webp) center/100% 100% no-repeat}
.dt-dos .cq-pcard:nth-child(2) .cq-ico{background-image:url(/dos/dt/acu/blob-coral.webp)}
.dt-dos .cq-pcard:nth-child(3) .cq-ico{background-image:url(/dos/dt/acu/blob-mint.webp)}
.dt-dos .codigo-demo span{border:0;border-radius:6px;background:#f6d58a;box-shadow:var(--dd-aro)}
.dt-dos .seguro img.dt-lz-dudi{width:110px;height:110px}
@media (max-width:760px){.dt-dos .dh-dudi{left:auto;right:-6px;bottom:-34px;width:84px;height:84px}}
.dt-dos .tiles a.cq-tile,.dt-dos .tiles a.cq-tile:hover{color:var(--dd-tinta);text-decoration:none}
.dt-dos .tiles .cq-tile-body small{color:var(--dd-tinta2)}

/* ---------- retoques por juego ---------- */
.dt-dos .lab-mapa canvas{image-rendering:auto}
.dt-dos .c4-marco{border:0;border-radius:10px;background:#a77a4c url(/dt/grano.webp);border-image:var(--dd-marco);
  box-shadow:0 22px 34px -24px rgba(50,40,20,.65),inset 0 0 0 3px #c4955f}
.dt-dos .c4-marco::before{background:#2c3550;background-image:radial-gradient(circle at 50% 30%,#3f4a6a,#262c45 70%)}
.dt-dos .c4-patas i{border:0;background:#8a6239;box-shadow:inset 0 0 0 1.4px rgba(60,35,15,.6)}
.dt-dos .c4-raya-b{stroke:#2f2a24}

/* acuarela de mesa detrás del tablero (lavado amplio, sin bordes) */
/* (fondo y no pseudo-elemento: un ::before más ancho que la pantalla ensanchaba la página en el móvil) */
.dt-dos .dos-mesa{background:url(/dos/dt/acu/mesa.webp) center 70px/min(1240px,100%) auto no-repeat}
.dt-dos .dos-telon .dos-av,.dt-dos .dos-elige-av .dos-av{background:url(/dos/dt/acu/blob-yellow.webp) center/100% 100% no-repeat,#fffaf0}