/* Pequeñas aventuras para el primer ciclo; las cifras conservan el protagonismo. */
.aabn-app.aabn-board.aabn-young .aabn-workshop-card { position:relative; border-width:2px; border-radius:24px; background:linear-gradient(150deg,#fff 20%,color-mix(in srgb,var(--wk-color),white 89%)); box-shadow:0 6px 0 color-mix(in srgb,var(--wk-color),white 77%); }
.aabn-app.aabn-board .aabn-play-card-scene { position:relative; display:block; width:150px; max-width:100%; height:96px; }
.aabn-app.aabn-board .aabn-play-card-scene > svg { display:block; width:125px; max-width:100%; height:88px; }
.aabn-app.aabn-board .aabn-play-card-buddy { position:absolute; right:-5px; bottom:-7px; width:75px; height:57px; transform:rotate(5deg); }
.aabn-app.aabn-board .aabn-child-art { display:block; width:100%; height:100%; }
.aabn-app.aabn-board .aabn-play-card-reward { position:absolute; top:7px; right:10px; display:flex; align-items:center; gap:4px; color:#916719; font-size:16px; }
.aabn-app.aabn-board.aabn-young .aabn-workshop-page { --play-grass:#edf8ed; --play-sky:#eaf5fb; --play-gold:#ffefbd; }
.aabn-app.aabn-board.aabn-young .aabn-workshop-heading { min-height:64px; gap:12px; }
.aabn-app.aabn-board .aabn-play-title { display:flex; flex:1; align-items:center; min-width:0; gap:12px; }
.aabn-app.aabn-board .aabn-play-title > .aabn-child-art { flex:0 0 76px; width:76px; height:60px; }
.aabn-app.aabn-board .aabn-play-title h3 { font-size:clamp(22px,2vw,32px); }
.aabn-app.aabn-board .aabn-play-title p { margin:3px 0 0; color:#536f6b; font-size:16px; font-weight:750; }
.aabn-app.aabn-board .aabn-play-score { flex-direction:column; min-width:110px; gap:0; padding:5px 12px; border:2px solid #e6d69e; border-radius:19px; color:#8b681c; background:#fff9df; box-shadow:0 3px 0 #e9dfbb; }
.aabn-app.aabn-board .aabn-play-stars { display:flex; align-items:center; justify-content:center; gap:3px; line-height:1; }
.aabn-app.aabn-board .aabn-play-stars i { font-size:19px; font-style:normal; color:#d9dfcf; }
.aabn-app.aabn-board .aabn-play-stars i.is-lit { color:#d99814; }
.aabn-app.aabn-board .aabn-play-score b { font-size:16px; line-height:1.2; }
.aabn-app.aabn-board.aabn-young input.aabn-workshop-answer { border-radius:17px; box-shadow:0 4px 0 #e2ebe3; }
.aabn-app.aabn-board.aabn-young input.aabn-workshop-answer.is-correct { box-shadow:0 4px 0 #a7d6b3; }
.aabn-app.aabn-board.aabn-young .aabn-workshop-actions .aabn-button { border-radius:16px; }
.aabn-app.aabn-board.aabn-young .aabn-workshop-keypad .aabn-numeric-keypad { background:#f0f7ed; border:2px solid #d0e2cb; border-radius:22px; }
.aabn-app.aabn-board.aabn-young .aabn-workshop-keypad .aabn-keypad-key { border-radius:13px; box-shadow:0 3px 0 #dce7d7; }
.aabn-app.aabn-board .aabn-play-reward { display:inline-flex; align-items:center; gap:7px; min-height:44px; color:#3e7858; font-size:17px; white-space:nowrap; }
.aabn-app.aabn-board .aabn-play-reward > .aabn-child-art { width:52px; height:44px; }
.aabn-app.aabn-board .aabn-play-reward b { display:grid; place-items:center; min-width:29px; height:29px; padding:3px; border-radius:50%; color:#7d591b; background:#fff0b9; font-size:17px; }
.aabn-app.aabn-board.aabn-young .aabn-workshop-feedback { color:#407060; }
.aabn-app.aabn-board.aabn-young .aabn-workshop-content { border-radius:22px; }
@media (min-width:769px) and (max-width:1200px) {
 .aabn-app.aabn-board.aabn-young .aabn-workshop-heading { min-height:60px; margin-bottom:8px; }
 .aabn-app.aabn-board .aabn-play-title { gap:8px; }
 .aabn-app.aabn-board .aabn-play-title > .aabn-child-art { flex-basis:60px; width:60px; height:48px; }
 .aabn-app.aabn-board .aabn-play-title p { font-size:14px; }
 .aabn-app.aabn-board .aabn-play-score { padding:4px 8px; }
 .aabn-app.aabn-board .aabn-play-stars i { font-size:16px; }
}
@media (max-width:768px) {
 .aabn-app.aabn-board .aabn-play-title { flex:1 1 100%; gap:7px; }
 .aabn-app.aabn-board .aabn-play-title > .aabn-child-art { flex-basis:64px; width:64px; height:52px; }
 .aabn-app.aabn-board .aabn-play-title h3 { font-size:21px; }
 .aabn-app.aabn-board .aabn-play-title p { font-size:14px; }
 .aabn-app.aabn-board .aabn-play-score { min-height:48px; }
 .aabn-app.aabn-board .aabn-play-stars { gap:2px; }
 .aabn-app.aabn-board .aabn-play-stars i { font-size:16px; }
 .aabn-app.aabn-board .aabn-play-reward { white-space:normal; font-size:15px; }
 .aabn-app.aabn-board .aabn-play-card-scene { width:135px; }
 .aabn-app.aabn-board .aabn-play-card-buddy { right:-1px; width:66px; height:51px; }
}
@media (prefers-reduced-motion:no-preference) {
 .aabn-app.aabn-board .is-new-reward .aabn-play-reward > svg { animation:aabn-play-bloom .55s ease-out both; }
 @keyframes aabn-play-bloom { 0%{transform:scale(.7) rotate(-8deg)} 60%{transform:scale(1.12) rotate(4deg)} 100%{transform:scale(1) rotate(0)} }
}
.aabn-app.aabn-board.aabn-reduced-stimuli .aabn-play-card-buddy { display:none; }
.aabn-app.aabn-board.aabn-reduced-stimuli :is(.aabn-play-reward,.aabn-play-title) > svg { animation:none !important; }
.aabn-app.aabn-board.aabn-reduced-stimuli .aabn-workshop-card { background:#fff; box-shadow:none; }
@media print { .aabn-app.aabn-board :is(.aabn-play-title > svg,.aabn-play-stars,.aabn-play-reward) { display:none; } }

/* Marcador de juego, independiente del número de casillas de cada tren. */
.aabn-app.aabn-board .aabn-play-score { display:grid; grid-template-columns:44px auto; min-width:136px; min-height:70px; column-gap:6px; row-gap:2px; padding:5px 12px 8px; border:2px solid #cfa554; border-radius:24px; color:#644419; background:linear-gradient(160deg,#fff9e7,#ffecb7); box-shadow:0 5px 0 #e3c685; transform:rotate(1deg); }
.aabn-app.aabn-board .aabn-play-counter-face { grid-column:1; grid-row:1; width:44px; height:44px; }
.aabn-app.aabn-board .aabn-play-counter-digits { display:flex; align-items:baseline; justify-content:center; gap:3px; line-height:1; font-variant-numeric:tabular-nums; }
.aabn-app.aabn-board .aabn-play-counter-digits b { font-size:35px; color:#5e431e; line-height:1; }
.aabn-app.aabn-board .aabn-play-counter-digits small { font-size:19px; color:#795a2a; }
.aabn-app.aabn-board .aabn-play-counter-track { grid-column:1/-1; height:8px; overflow:hidden; border:1px solid #c6a66a; border-radius:8px; background:#fffdf5; }
.aabn-app.aabn-board .aabn-play-counter-track i { display:block; height:100%; border-radius:7px; background:linear-gradient(90deg,#e5a52d,#63ae81); }
.aabn-app.aabn-board .aabn-workshop-back { min-height:54px; gap:9px; padding:9px 16px; color:#3c538c; background:#eaf0ff; border:2px solid #a9bde5; border-radius:19px; box-shadow:0 4px 0 #ced9ef; font-weight:850; }
.aabn-app.aabn-board .aabn-workshop-back .aabn-icon { width:29px; height:29px; }
.aabn-app.aabn-board .aabn-workshop-back:hover { color:#263e77; background:#dce7ff; border-color:#6f92ce; }
.aabn-app.aabn-board .aabn-workshop-sound { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-width:44px; min-height:44px; margin-left:auto; padding:6px 10px; border:1px solid #bed2ce; border-radius:13px; color:#426d63; background:#f3faf5; font:inherit; font-size:14px; cursor:pointer; }
.aabn-app.aabn-board .has-keypad-below .aabn-workshop-layout { grid-template-columns:minmax(0,1fr); gap:12px; }
.aabn-app.aabn-board .has-keypad-below .aabn-workshop-keypad { position:static; }
.aabn-app.aabn-board .has-keypad-below .aabn-numeric-keypad__keys { display:flex; flex-wrap:nowrap; gap:7px; }
.aabn-app.aabn-board .has-keypad-below .aabn-keypad-key { flex:1 1 0; min-width:44px; min-height:54px; padding:4px; }
@media (min-width:769px) and (max-width:1200px) {
 .aabn-app.aabn-board .aabn-play-score { min-height:62px; min-width:128px; grid-template-columns:38px auto; padding:3px 9px 6px; }
 .aabn-app.aabn-board .aabn-play-counter-face { width:38px; height:38px; }
 .aabn-app.aabn-board .aabn-play-counter-digits b { font-size:31px; }
 .aabn-app.aabn-board .has-keypad-below .aabn-keypad-key { min-height:48px; }
 .aabn-app.aabn-board .has-keypad-below .aabn-workshop-layout { gap:8px; }
}
@media (max-width:768px) {
 .aabn-app.aabn-board .has-keypad-below .aabn-numeric-keypad__keys { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
 .aabn-app.aabn-board .aabn-play-score { min-width:128px; min-height:64px; }
 .aabn-app.aabn-board .aabn-play-counter-face { width:38px; height:38px; }
 .aabn-app.aabn-board .aabn-play-counter-digits b { font-size:31px; }
 .aabn-app.aabn-board .aabn-workshop-back { gap:5px; min-height:50px; padding:7px 9px; font-size:14px; }
 .aabn-app.aabn-board .aabn-workshop-back .aabn-icon { width:25px; height:25px; }
}
.aabn-app.aabn-board.aabn-reduced-stimuli .aabn-play-score { transform:none; box-shadow:none; background:#fff; }
.aabn-app.aabn-board.aabn-high-contrast :is(.aabn-play-counter-digits b,.aabn-play-counter-digits small) { color:#000; }
