/* Tablas y escaleras: las cantidades y los recorridos son la explicación. */
.aabn-app.aabn-board :is(.aabn-workshop-tables,.aabn-workshop-stairs) { min-width:0; color:var(--aabn-ink,#18323a); }
.aabn-app.aabn-board .aabn-ws-settings { display:flex; align-items:center; flex-wrap:wrap; gap:12px 20px; min-height:54px; margin-bottom:14px; }
.aabn-app.aabn-board .aabn-ws-settings label { display:flex; align-items:center; gap:9px; margin:0; font-size:15px; font-weight:800; }
.aabn-app.aabn-board .aabn-ws-settings select { min-width:92px; min-height:48px; padding:7px 12px; border:1px solid #b9d2c9; border-radius:12px; background:#fff; color:#264e46; font:inherit; font-size:18px; font-weight:800; }
.aabn-app.aabn-board .aabn-ws-strategy-name { margin-left:auto; padding:7px 12px; border-radius:20px; background:#edf5f1; color:#497366; font-size:14px; font-weight:800; }
.aabn-app.aabn-board .aabn-ws-tables-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:18px; align-items:stretch; min-width:0; }
.aabn-app.aabn-board .aabn-ws-arrays { display:flex; flex-direction:column; justify-content:center; gap:18px; min-width:0; min-height:330px; padding:20px; border:2px solid #cbe1d7; border-radius:24px; background:#f6fbf8; }
.aabn-app.aabn-board .aabn-ws-array-pair { display:grid; grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr); align-items:center; gap:8px; min-width:0; }
.aabn-app.aabn-board .aabn-ws-array-figure { display:grid; justify-items:center; gap:16px; min-width:0; margin:0; }
.aabn-app.aabn-board .aabn-ws-array-figure figcaption { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:5px; font-size:12px; color:#526e64; }
.aabn-app.aabn-board .aabn-ws-array-figure figcaption b { color:#254f43; font-size:25px; }
.aabn-app.aabn-board .aabn-ws-dot-array { display:grid; grid-template-columns:repeat(var(--ws-columns),minmax(0,1fr)); gap:4px; width:min(100%,calc(var(--ws-columns) * 24px)); align-content:center; }
.aabn-app.aabn-board .aabn-ws-dot-array i { display:block; width:100%; min-width:0; aspect-ratio:1; max-width:24px; border-radius:50%; background:#188d83; border:1px solid #08675f; box-shadow:inset 0 -3px 0 #0a645328; }
.aabn-app.aabn-board .aabn-ws-dot-array i.is-second { background:#f6c551; border-color:#b58924; box-shadow:inset 0 -3px 0 #b5892428; }
.aabn-app.aabn-board .aabn-ws-turn-arrow { color:#7aa799; font-size:27px; text-align:center; }
.aabn-app.aabn-board .aabn-ws-array-relation { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:7px; font-size:15px; font-weight:800; }
.aabn-app.aabn-board .aabn-ws-array-relation > span { padding:7px 10px; border:1px solid #c9ddd5; border-radius:12px; background:#fff; }
.aabn-app.aabn-board .aabn-ws-array-relation > .is-first { color:#126b65; background:#e3f5ef; border-color:#96cdbb; }
.aabn-app.aabn-board .aabn-ws-array-relation > .is-second { color:#86600f; background:#fff2ca; border-color:#e4c36f; }
.aabn-app.aabn-board .aabn-ws-products { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; min-width:0; }
.aabn-app.aabn-board .aabn-ws-product { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; min-width:0; min-height:145px; margin:0; padding:16px 10px; border:2px solid #d4e3dd; border-radius:22px; background:#fff; }
.aabn-app.aabn-board .aabn-ws-product > span { font-size:14px; font-weight:800; color:#587066; }
.aabn-app.aabn-board .aabn-ws-product > div { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:7px; min-width:0; }
.aabn-app.aabn-board .aabn-ws-product :is(strong,b) { white-space:nowrap; font-size:clamp(22px,1.7vw,34px); font-weight:900; }
.aabn-app.aabn-board .aabn-ws-product.is-first { background:#eef9f5; border-color:#9dcebe; }
.aabn-app.aabn-board .aabn-ws-product.is-second { background:#fff8e5; border-color:#e6cd8e; }
.aabn-app.aabn-board .aabn-ws-product.is-total { background:#e5f5ee; border-color:#81baa4; }
.aabn-app.aabn-board .aabn-ws-product.is-turn { background:#f0eefb; border-color:#cbc3e7; }
.aabn-app.aabn-board .aabn-ws-product input.aabn-ws-product-input { width:94px; max-width:100%; min-width:0; min-height:62px; padding:6px; border:2px solid #b1cfc2; border-radius:12px; background:#fff; color:#183c31; font:inherit; font-size:32px; font-weight:900; text-align:center; }

.aabn-app.aabn-board .aabn-ws-stairs-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(220px,.8fr); align-items:center; gap:24px; min-width:0; }
.aabn-app.aabn-board .aabn-ws-stair-track { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:end; gap:6px; min-width:0; min-height:325px; padding-top:78px; border-bottom:5px solid #ddc77d; }
.aabn-app.aabn-board .aabn-ws-stair-stop { position:relative; display:flex; flex-direction:column; min-width:0; }
.aabn-app.aabn-board .aabn-ws-stair-slab { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:4px; min-height:calc(100px + var(--ws-level) * 40px); padding:12px 5px; color:#674b11; background:#ffe3a0; border:2px solid #d8b24f; border-bottom:0; border-radius:14px 14px 0 0; }
.aabn-app.aabn-board .aabn-ws-stair-slab strong { font-size:clamp(28px,2.4vw,44px); line-height:1.15; }
.aabn-app.aabn-board .aabn-ws-stair-slab > span { padding:4px 7px; border-radius:9px; color:#fff; background:#167e74; font-size:12px; font-weight:800; }
.aabn-app.aabn-board .aabn-ws-stair-start { position:absolute; bottom:calc(108px + var(--ws-level) * 40px); left:0; right:0; text-align:center; color:#77683d; font-size:13px; font-weight:800; }
.aabn-app.aabn-board .aabn-ws-stair-hop { position:absolute; bottom:calc(107px + var(--ws-level) * 40px); left:0; right:0; display:flex; align-items:center; justify-content:center; gap:5px; margin:0; color:#167e74; }
.aabn-app.aabn-board .aabn-ws-stair-hop > span { font-size:25px; font-weight:900; }
.aabn-app.aabn-board .aabn-ws-stair-hop input.aabn-ws-stair-input { width:88px; max-width:calc(100% - 29px); min-width:0; min-height:55px; padding:5px; color:#126b65; background:#fff; border:2px solid #83bbaa; border-radius:12px; text-align:center; font:inherit; font-size:28px; font-weight:900; }
.aabn-app.aabn-board .aabn-ws-stair-total { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; min-width:0; min-height:280px; padding:20px 16px; background:#f0f8f3; border:2px solid #bedbc9; border-radius:24px; }
.aabn-app.aabn-board .aabn-ws-stair-total > span { color:#42715c; font-size:16px; font-weight:800; }
.aabn-app.aabn-board .aabn-ws-stair-equation { display:flex; justify-content:center; flex-wrap:wrap; align-items:center; gap:8px; font-size:clamp(22px,2vw,34px); font-weight:900; }
.aabn-app.aabn-board .aabn-ws-stair-equation > span { color:#b27f1e; }
.aabn-app.aabn-board .aabn-ws-stair-total label { display:grid; justify-items:center; gap:8px; font-size:13px; font-weight:800; color:#4b7362; }
.aabn-app.aabn-board .aabn-ws-stair-total input.aabn-ws-stair-total-input { width:140px; max-width:100%; min-width:0; min-height:76px; padding:8px; font:inherit; font-size:44px; font-weight:900; text-align:center; border:2px solid #82bba1; border-radius:15px; color:#185a3f; background:#fff; }
.aabn-app.aabn-board .aabn-ws-stair-sum { display:flex; align-items:center; gap:7px; font-size:13px; color:#4d7f66; }
.aabn-app.aabn-board .aabn-ws-stair-sum i { display:grid; place-items:center; min-width:24px; min-height:24px; padding:3px 5px; border-radius:9px; background:#dfecdf; font-style:normal; font-weight:900; }
.aabn-app.aabn-board :is(.aabn-workshop-tables,.aabn-workshop-stairs) input.is-correct { border-color:#2b9a67; background:#f0fff5; }
.aabn-app.aabn-board :is(.aabn-workshop-tables,.aabn-workshop-stairs) input.is-incorrect { border-color:#bf7232; background:#fff8ec; }

@media (min-width:769px) and (max-height:850px) {
	.aabn-app.aabn-board .aabn-ws-arrays { min-height:300px; padding:14px; gap:12px; }
	.aabn-app.aabn-board .aabn-ws-product { min-height:135px; padding:12px 8px; gap:10px; }
	.aabn-app.aabn-board .aabn-ws-array-figure { gap:10px; }
	.aabn-app.aabn-board .aabn-ws-dot-array { gap:3px; width:min(100%,calc(var(--ws-columns) * 20px)); }
	.aabn-app.aabn-board .aabn-ws-stair-track { min-height:295px; padding-top:72px; }
	.aabn-app.aabn-board .aabn-ws-stair-slab { min-height:calc(96px + var(--ws-level) * 40px); padding:12px 4px; }
	.aabn-app.aabn-board .aabn-ws-stair-start { bottom:calc(104px + var(--ws-level) * 40px); }
	.aabn-app.aabn-board .aabn-ws-stair-hop { bottom:calc(103px + var(--ws-level) * 40px); }
}
@media (max-width:1100px) and (min-width:769px) {
	.aabn-app.aabn-board .aabn-ws-tables-layout { gap:12px; grid-template-columns:minmax(0,.95fr) minmax(0,1fr); }
	.aabn-app.aabn-board .aabn-ws-array-pair { gap:4px; grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr); }
	.aabn-app.aabn-board .aabn-ws-array-figure figcaption { font-size:10px; gap:3px; }
	.aabn-app.aabn-board .aabn-ws-array-figure figcaption b { font-size:21px; }
	.aabn-app.aabn-board .aabn-ws-products { gap:10px; }
	.aabn-app.aabn-board .aabn-ws-product :is(strong,b) { font-size:21px; }
	.aabn-app.aabn-board .aabn-ws-product input.aabn-ws-product-input { width:80px; min-height:54px; font-size:28px; }
	.aabn-app.aabn-board .aabn-ws-stairs-layout { grid-template-columns:minmax(0,1.5fr) minmax(200px,.8fr); gap:14px; }
	.aabn-app.aabn-board .aabn-ws-stair-hop input.aabn-ws-stair-input { font-size:24px; }
}
@media (max-width:768px) {
	.aabn-app.aabn-board .aabn-ws-settings { gap:9px; margin-bottom:12px; }
	.aabn-app.aabn-board .aabn-ws-settings label { gap:6px; font-size:13px; }
	.aabn-app.aabn-board .aabn-ws-settings select { min-width:80px; min-height:44px; padding:6px; font-size:16px; }
	.aabn-app.aabn-board .aabn-ws-strategy-name { margin-left:0; font-size:12px; }
	.aabn-app.aabn-board :is(.aabn-ws-tables-layout,.aabn-ws-stairs-layout) { grid-template-columns:minmax(0,1fr); gap:14px; }
	.aabn-app.aabn-board .aabn-ws-arrays { padding:12px; min-height:250px; }
	.aabn-app.aabn-board .aabn-ws-array-pair { grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr); gap:4px; }
	.aabn-app.aabn-board .aabn-ws-array-figure figcaption { gap:3px; font-size:10px; }
	.aabn-app.aabn-board .aabn-ws-array-figure figcaption b { font-size:19px; }
	.aabn-app.aabn-board .aabn-ws-dot-array { gap:2px; }
	.aabn-app.aabn-board .aabn-ws-array-relation { font-size:12px; gap:5px; }
	.aabn-app.aabn-board .aabn-ws-array-relation > span { padding:5px 7px; }
	.aabn-app.aabn-board .aabn-ws-products { gap:9px; }
	.aabn-app.aabn-board .aabn-ws-product { min-height:140px; padding:12px 5px; gap:12px; }
	.aabn-app.aabn-board .aabn-ws-product > span { font-size:12px; }
	.aabn-app.aabn-board .aabn-ws-product :is(strong,b) { font-size:22px; }
	.aabn-app.aabn-board .aabn-ws-product input.aabn-ws-product-input { width:87px; min-height:55px; font-size:30px; }
	.aabn-app.aabn-board .aabn-ws-stair-track { gap:4px; min-height:300px; padding-top:75px; }
	.aabn-app.aabn-board .aabn-ws-stair-hop { gap:2px; }
	.aabn-app.aabn-board .aabn-ws-stair-hop > span { font-size:19px; }
	.aabn-app.aabn-board .aabn-ws-stair-hop input.aabn-ws-stair-input { max-width:calc(100% - 20px); min-height:46px; padding:3px; font-size:20px; border-radius:9px; }
	.aabn-app.aabn-board .aabn-ws-stair-slab { min-height:calc(96px + var(--ws-level) * 40px); padding:12px 3px; border-radius:10px 10px 0 0; }
	.aabn-app.aabn-board .aabn-ws-stair-slab strong { font-size:clamp(18px,5vw,30px); }
	.aabn-app.aabn-board .aabn-ws-stair-start { bottom:calc(104px + var(--ws-level) * 40px); font-size:11px; }
	.aabn-app.aabn-board .aabn-ws-stair-hop { bottom:calc(103px + var(--ws-level) * 40px); }
	.aabn-app.aabn-board .aabn-ws-stair-total { min-height:235px; gap:15px; padding:16px; }
}
@media (max-width:480px) {
	.aabn-app.aabn-board .aabn-ws-stair-hop { display:grid; justify-items:center; gap:0; }
	.aabn-app.aabn-board .aabn-ws-stair-hop > span { position:absolute; top:-23px; left:0; right:0; text-align:center; line-height:20px; }
	.aabn-app.aabn-board .aabn-ws-stair-hop input.aabn-ws-stair-input { width:100%; max-width:64px; min-width:44px; }
}

/* Primeros cursos: un jardín y una ruta de saltos, con las mismas cantidades. */
.aabn-app.aabn-board .aabn-workshop-tables.is-young .aabn-ws-garden-guide { display:inline-flex; align-items:center; gap:7px; min-height:48px; color:#487352; }
.aabn-app.aabn-board .aabn-ws-garden-guide > strong { font-size:15px; font-weight:850; }
.aabn-app.aabn-board .aabn-workshop-tables.is-young .aabn-ws-arrays { position:relative; overflow:hidden; border:3px solid #a3c689; border-radius:28px; background:linear-gradient(180deg,#f0faff 0%,#f8fcf1 58%,#edf5d8 100%); box-shadow:0 5px 0 #dceacb; }
.aabn-app.aabn-board .aabn-workshop-tables.is-young .aabn-ws-arrays::after { content:""; position:absolute; left:0; right:0; bottom:0; height:10px; background:repeating-linear-gradient(100deg,#bed78b 0 13px,#cee3a5 13px 27px); pointer-events:none; }
.aabn-app.aabn-board .aabn-workshop-tables.is-young .aabn-ws-array-figure { padding:6px; border:1px solid #d1e4bd; border-radius:20px; background:#ffffffb8; }
.aabn-app.aabn-board .aabn-workshop-tables.is-young .aabn-ws-dot-array i { position:relative; border-radius:48% 52% 43% 57%; border-color:#378664; background:#59b886; box-shadow:inset 0 -3px 0 #278a5d40,0 1px 0 #ffffff; }
.aabn-app.aabn-board .aabn-workshop-tables.is-young .aabn-ws-dot-array i::after { content:""; position:absolute; left:21%; top:15%; width:22%; height:18%; border-radius:50%; background:#ffffff9c; pointer-events:none; }
.aabn-app.aabn-board .aabn-workshop-tables.is-young .aabn-ws-dot-array i.is-second { border-color:#d49b34; background:#ffc853; box-shadow:inset 0 -3px 0 #d8902340,0 1px 0 #ffffff; }
.aabn-app.aabn-board .aabn-workshop-tables.is-young .aabn-ws-array-relation > span { border-radius:15px; border-width:2px; box-shadow:0 2px 0 #d4e2bf; }
.aabn-app.aabn-board .aabn-workshop-tables.is-young .aabn-ws-product { border-width:3px; border-radius:26px; box-shadow:0 4px 0 #dceae3; }
.aabn-app.aabn-board .aabn-workshop-tables.is-young .aabn-ws-product.is-first { border-color:#9dccb0; background:#e7f7e9; }
.aabn-app.aabn-board .aabn-workshop-tables.is-young .aabn-ws-product.is-second { border-color:#efc76a; background:#fff2ce; box-shadow:0 4px 0 #f0dfb4; }
.aabn-app.aabn-board .aabn-workshop-tables.is-young .aabn-ws-product.is-total { border-color:#82b5b6; background:#e5f7f6; box-shadow:0 4px 0 #c8e4df; }
.aabn-app.aabn-board .aabn-workshop-tables.is-young .aabn-ws-product.is-turn { border-color:#c5b5de; background:#f3edff; box-shadow:0 4px 0 #dfd5ef; }
.aabn-app.aabn-board .aabn-workshop-tables.is-young .aabn-ws-product > span { display:flex; align-items:center; justify-content:center; gap:6px; }
.aabn-app.aabn-board .aabn-ws-garden-symbol { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex:0 0 auto; }
.aabn-app.aabn-board .aabn-workshop-tables.is-young .aabn-ws-product input.aabn-ws-product-input { border-width:3px; border-radius:16px; box-shadow:inset 0 3px 0 #edf3ef; }

.aabn-app.aabn-board .aabn-workshop-stairs.is-young .aabn-ws-stair-track { border-bottom-color:#a8d5e8; background:linear-gradient(180deg,#f2fbff,#e7f7fd 55%,#ddf2fc); border-radius:26px 26px 10px 10px; }
.aabn-app.aabn-board .aabn-workshop-stairs.is-young .aabn-ws-stair-slab { border:3px solid #9ec6a0; border-bottom:0; border-radius:23px 23px 0 0; background:linear-gradient(180deg,#e1f5c8 0 12px,#d3eeb3 12px); color:#345a32; box-shadow:inset 0 4px 0 #f5ffe9; }
.aabn-app.aabn-board .aabn-workshop-stairs.is-young .aabn-ws-stair-stop:nth-of-type(2) .aabn-ws-stair-slab { border-color:#e6be66; background:linear-gradient(180deg,#fff0b7 0 12px,#ffdf8c 12px); color:#745213; box-shadow:inset 0 4px 0 #fff8d9; }
.aabn-app.aabn-board .aabn-workshop-stairs.is-young .aabn-ws-stair-stop:nth-of-type(3) .aabn-ws-stair-slab { border-color:#88c3d9; background:linear-gradient(180deg,#d8f4ff 0 12px,#bde8f8 12px); color:#285b70; box-shadow:inset 0 4px 0 #effcff; }
.aabn-app.aabn-board .aabn-workshop-stairs.is-young .aabn-ws-stair-stop:nth-of-type(4) .aabn-ws-stair-slab { border-color:#c8afd8; background:linear-gradient(180deg,#f5e9ff 0 12px,#e9d8f6 12px); color:#684c7b; box-shadow:inset 0 4px 0 #fdf5ff; }
.aabn-app.aabn-board .aabn-workshop-stairs.is-young .aabn-ws-frog-start { display:grid; justify-items:center; gap:1px; }
.aabn-app.aabn-board .aabn-ws-frog-start > i { display:block; width:60px; max-width:100%; height:48px; font-style:normal; }
.aabn-app.aabn-board .aabn-ws-frog-start > i > svg { display:block; width:100%; height:48px; }
.aabn-app.aabn-board .aabn-ws-frog-start > b { color:#4b7550; font-size:12px; line-height:15px; }
.aabn-app.aabn-board .aabn-workshop-stairs.is-young .aabn-ws-stair-hop input.aabn-ws-stair-input { border:3px solid #96bdc4; border-radius:17px; box-shadow:0 3px 0 #d1e4e8; }
.aabn-app.aabn-board .aabn-workshop-stairs.is-young .aabn-ws-child-goal { display:inline-flex; align-items:center; justify-content:center; gap:3px; min-height:23px; padding:3px 6px; background:#a15f71; border-radius:10px; font-size:11px; }
.aabn-app.aabn-board .aabn-ws-goal-flag { width:14px; height:14px; fill:#ffe48a; stroke:#fff; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.aabn-app.aabn-board .aabn-workshop-stairs.is-young .aabn-ws-stair-total { border:3px solid #bad5c9; border-radius:28px; background:linear-gradient(150deg,#edf9eb,#f9f6e7); box-shadow:0 5px 0 #dce9d8; }
.aabn-app.aabn-board .aabn-workshop-stairs.is-young .aabn-ws-stair-total input.aabn-ws-stair-total-input { border-width:3px; border-radius:20px; box-shadow:inset 0 4px 0 #eef4ec; }

@media (min-width:769px) and (max-height:850px) {
	.aabn-app.aabn-board .aabn-workshop-tables.is-young .aabn-ws-dot-array { width:min(100%,calc(var(--ws-columns) * 17px)); }
	.aabn-app.aabn-board .aabn-workshop-tables.is-young .aabn-ws-array-figure { padding:4px; }
}
@media (max-width:480px) {
	.aabn-app.aabn-board .aabn-ws-garden-guide { gap:4px; }
	.aabn-app.aabn-board .aabn-ws-garden-guide > strong { font-size:12px; }
	.aabn-app.aabn-board .aabn-workshop-tables.is-young .aabn-ws-product > span { gap:3px; font-size:11px; }
	.aabn-app.aabn-board .aabn-ws-garden-symbol { width:17px; height:17px; }
	.aabn-app.aabn-board .aabn-workshop-stairs.is-young .aabn-ws-child-goal { gap:0; font-size:0; }
	.aabn-app.aabn-board .aabn-ws-frog-start > i,
	.aabn-app.aabn-board .aabn-ws-frog-start > i > svg { height:44px; }
}

/* Una pizarra grande convierte la escalera en el escenario principal. */
.aabn-app.aabn-board .aabn-ws-stair-track { position:relative; }
.aabn-app.aabn-board .aabn-ws-stair-stop { z-index:1; }
.aabn-app.aabn-board .aabn-ws-stair-scenery { position:absolute; inset:0; width:100%; height:100%; border-radius:inherit; pointer-events:none; }
.aabn-app.aabn-board .aabn-ws-stair-water { position:absolute; z-index:2; left:0; right:0; bottom:0; width:100%; height:clamp(20px,3.2dvh,36px); pointer-events:none; border-radius:0 0 7px 7px; }
.aabn-app.aabn-board .aabn-ws-stair-total { gap:12px; padding:16px; border-radius:28px; background:linear-gradient(150deg,#f1f9f5,#e7f2ec); box-shadow:0 5px 0 #dce8df; }
.aabn-app.aabn-board .aabn-ws-mission-question { display:flex; align-items:center; justify-content:center; gap:8px; font-weight:850; }
.aabn-app.aabn-board .aabn-ws-mission-question > svg { width:22px; height:22px; padding:2px; border-radius:5px; background:#a86f79; }
.aabn-app.aabn-board .aabn-ws-stair-sum { justify-content:center; width:100%; gap:5px; }
.aabn-app.aabn-board .aabn-ws-jump-token { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:1px; min-width:44px; min-height:48px; padding:4px 7px; border:2px solid #e6c87a; border-radius:14px; color:#896522; background:#fff2c7; }
.aabn-app.aabn-board .aabn-ws-stair-sum .aabn-ws-jump-token > i { min-width:0; min-height:0; padding:0; border:0; border-radius:0; color:inherit; background:transparent; font-size:13px; line-height:1; }
.aabn-app.aabn-board .aabn-ws-jump-token > b { font-size:24px; line-height:1.1; font-weight:900; }
.aabn-app.aabn-board .aabn-ws-jump-token:nth-child(3) { border-color:#a8d5e4; color:#3d7587; background:#e4f5fc; }
.aabn-app.aabn-board .aabn-ws-jump-token:nth-child(5) { border-color:#d2bce4; color:#7c6194; background:#f4eafa; }
.aabn-app.aabn-board .aabn-ws-jump-token.is-correct { border-color:#98c3a5; color:#397452; background:#e7f4e8; }
.aabn-app.aabn-board .aabn-ws-jump-plus { color:#7e9e8e; font-size:18px; font-weight:850; }
.aabn-app.aabn-board .aabn-ws-stair-total label { gap:6px; }
.aabn-app.aabn-board .aabn-ws-total-input-slot { display:block; }
.aabn-app.aabn-board .aabn-ws-total-chest { position:relative; display:block; width:190px; max-width:100%; height:130px; }
.aabn-app.aabn-board .aabn-ws-total-chest > svg { display:block; width:100%; height:100%; }
.aabn-app.aabn-board .aabn-ws-total-chest input.aabn-ws-stair-total-input { position:absolute; top:48px; left:50%; transform:translateX(-50%); width:140px; max-width:78%; height:76px; min-height:76px; padding:7px; border-color:#c4a66a; font-size:42px; line-height:1.05; background:#fffef6; box-shadow:inset 0 3px 0 #f1e7ce; }
.aabn-app.aabn-board .aabn-ws-total-chest.is-open .aabn-ws-chest-lid { fill:#ffe398; }
.aabn-app.aabn-board .aabn-workshop-stairs.is-young .aabn-ws-stair-total.is-treasure { min-height:350px; gap:10px; padding:16px; border-color:#d8c9a3; background:linear-gradient(160deg,#fffaf0,#f3f6dc); box-shadow:0 5px 0 #e9e0c4; }
.aabn-app.aabn-board .aabn-workshop-stairs.is-young .aabn-ws-stair-total.is-treasure input.aabn-ws-stair-total-input { border-color:#c5a86e; border-radius:15px; }

@media (min-width:1201px) and (min-height:900px) {
	.aabn-app.aabn-board .aabn-ws-stairs-layout { align-items:stretch; gap:28px; }
	.aabn-app.aabn-board .aabn-ws-stair-track { min-height:clamp(450px,58dvh,680px); padding-top:110px; gap:10px; border-bottom-width:8px; }
	.aabn-app.aabn-board .aabn-ws-stair-slab { min-height:calc(170px + var(--ws-level) * 105px); padding:22px 8px; border-radius:28px 28px 0 0; }
	.aabn-app.aabn-board .aabn-ws-stair-slab strong { font-size:clamp(44px,3.2vw,68px); }
	.aabn-app.aabn-board .aabn-ws-stair-start { bottom:calc(178px + var(--ws-level) * 105px); font-size:17px; }
	.aabn-app.aabn-board .aabn-ws-stair-hop { bottom:calc(177px + var(--ws-level) * 105px); gap:9px; }
	.aabn-app.aabn-board .aabn-ws-stair-hop > span { font-size:36px; }
	.aabn-app.aabn-board .aabn-ws-stair-hop input.aabn-ws-stair-input { width:130px; min-height:82px; padding:8px; border-radius:20px; font-size:46px; }
	.aabn-app.aabn-board .aabn-ws-frog-start > i { width:100px; height:75px; }
	.aabn-app.aabn-board .aabn-ws-frog-start > i > svg { height:75px; }
	.aabn-app.aabn-board .aabn-ws-frog-start > b { font-size:15px; line-height:20px; }
	.aabn-app.aabn-board .aabn-ws-stair-total,
	.aabn-app.aabn-board .aabn-workshop-stairs.is-young .aabn-ws-stair-total.is-treasure { min-height:clamp(450px,58dvh,680px); gap:22px; padding:30px 22px; }
	.aabn-app.aabn-board .aabn-ws-stair-total > .aabn-ws-mission-question { font-size:22px; }
	.aabn-app.aabn-board .aabn-ws-stair-equation { gap:11px; font-size:clamp(38px,3vw,56px); }
	.aabn-app.aabn-board .aabn-ws-jump-token { min-width:66px; min-height:73px; padding:6px 10px; border-radius:19px; }
	.aabn-app.aabn-board .aabn-ws-jump-token > b { font-size:36px; }
	.aabn-app.aabn-board .aabn-ws-jump-plus { font-size:25px; }
	.aabn-app.aabn-board .aabn-ws-stair-total label { gap:10px; font-size:16px; }
	.aabn-app.aabn-board .aabn-ws-total-chest { width:250px; height:170px; }
	.aabn-app.aabn-board .aabn-ws-total-chest input.aabn-ws-stair-total-input { top:65px; width:190px; height:96px; min-height:96px; font-size:60px; }
	.aabn-app.aabn-board .aabn-ws-total-input-slot input.aabn-ws-stair-total-input { width:180px; min-height:104px; font-size:60px; }
	.aabn-app.aabn-board .aabn-workshop-stairs.is-young .aabn-ws-child-goal { min-height:30px; gap:5px; padding:5px 9px; font-size:14px; }
	.aabn-app.aabn-board .aabn-ws-child-goal > svg { width:20px; height:20px; }
}
@media (max-width:480px) {
	.aabn-app.aabn-board .aabn-ws-stair-total { padding:16px 12px; }
	.aabn-app.aabn-board .aabn-workshop-stairs.is-young .aabn-ws-stair-total.is-treasure { padding:16px 12px; }
	.aabn-app.aabn-board .aabn-ws-stair-sum { gap:4px; }
	.aabn-app.aabn-board .aabn-ws-jump-token { min-width:42px; padding:4px; }
	.aabn-app.aabn-board .aabn-ws-jump-token > b { font-size:22px; }
	.aabn-app.aabn-board .aabn-ws-jump-plus { font-size:16px; }
}
.aabn-app.aabn-board.aabn-reduced-stimuli :is(.aabn-ws-stair-scenery,.aabn-ws-stair-water) { display:none; }
.aabn-app.aabn-board.aabn-reduced-stimuli .aabn-workshop-stairs.is-young .aabn-ws-stair-track { background:transparent; }
.aabn-app.aabn-board.aabn-reduced-stimuli .aabn-ws-stair-total { box-shadow:none; }

/* Un rincón de jardín acompaña las tablas, sin tapar sus cantidades. */
.aabn-app.aabn-board .aabn-workshop-tables { position:relative; isolation:isolate; }
.aabn-app.aabn-board .aabn-ws-table-garden { position:absolute; z-index:-1; right:-6px; bottom:0; width:clamp(150px,24vw,320px); height:auto; opacity:.5; pointer-events:none; }
.aabn-app.aabn-board .aabn-workshop-tables > :is(.aabn-ws-settings,.aabn-ws-tables-layout) { position:relative; }

/* La rana ocupa un escalón real; las respuestas conservan su espacio arriba. */
.aabn-app.aabn-board .aabn-ws-stair-stop { z-index:auto; }
.aabn-app.aabn-board .aabn-ws-stair-slab { position:relative; min-height:calc(136px + var(--ws-level) * 40px); }
.aabn-app.aabn-board .aabn-ws-stair-hop { bottom:calc(143px + var(--ws-level) * 40px); }
.aabn-app.aabn-board .aabn-ws-stair-start { bottom:calc(144px + var(--ws-level) * 40px); }
.aabn-app.aabn-board .aabn-ws-stair-slab > .aabn-ws-frog-perch { position:absolute; top:43px; left:50%; display:block; width:64px; height:52px; padding:0; border-radius:0; background:transparent; color:inherit; transform:translateX(-50%); }
.aabn-app.aabn-board .aabn-ws-stair-frog { position:absolute; z-index:5; inset:0; display:block; transform-origin:50% 100%; pointer-events:none; filter:drop-shadow(0 3px 0 #46695520); }
.aabn-app.aabn-board .aabn-ws-stair-frog > svg { display:block; width:100%; height:100%; }
.aabn-app.aabn-board .aabn-ws-stair-slab > .aabn-ws-child-goal { position:absolute; z-index:3; bottom:8px; left:50%; transform:translateX(-50%); white-space:nowrap; }
@media (min-width:1201px) and (min-height:900px) {
 .aabn-app.aabn-board .aabn-ws-stair-slab { min-height:calc(210px + var(--ws-level) * 105px); }
 .aabn-app.aabn-board .aabn-ws-stair-hop { bottom:calc(217px + var(--ws-level) * 105px); }
 .aabn-app.aabn-board .aabn-ws-stair-start { bottom:calc(218px + var(--ws-level) * 105px); }
 .aabn-app.aabn-board .aabn-ws-stair-slab > .aabn-ws-frog-perch { top:85px; width:98px; height:78px; }
}
@media (max-width:480px) {
 .aabn-app.aabn-board .aabn-ws-stair-slab > .aabn-ws-frog-perch { top:43px; width:44px; height:43px; }
 .aabn-app.aabn-board .aabn-ws-table-garden { width:155px; opacity:.4; }
}
.aabn-app.aabn-board.aabn-reduced-stimuli .aabn-ws-table-garden { display:none; }
.aabn-app.aabn-board.aabn-reduced-stimuli .aabn-ws-stair-frog { filter:none; }
@media print { .aabn-app.aabn-board :is(.aabn-ws-table-garden,.aabn-ws-stair-frog) { display:none; } }