.aabn-app.aabn-board .aabn-hundred-activity { min-width: 0; }
.aabn-app.aabn-board .aabn-hundred-modes { display: inline-flex; gap: 5px; padding: 5px; margin-bottom: 14px; border-radius: 16px; background: #e9efec; }
.aabn-app.aabn-board .aabn-hundred-modes button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 8px 20px; color: var(--aabn-ink); border: 0; border-radius: 12px; background: transparent; font: inherit; font-size: 18px; font-weight: 850; cursor: pointer; }
.aabn-app.aabn-board .aabn-hundred-modes button[aria-pressed="true"] { color: #fff; background: var(--aabn-teal-dark); box-shadow: 0 3px 8px #0a534b20; }
.aabn-app.aabn-board .aabn-hundred-modes .aabn-icon { width: 24px; height: 24px; }
.aabn-app.aabn-board .aabn-hundred-topline { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.aabn-app.aabn-board .aabn-hundred-topline :is(.aabn-hundred-modes, .aabn-hundred-toolbar) { margin: 0; }
.aabn-app.aabn-board .aabn-hundred-topline .aabn-hundred-toolbar { padding: 5px 10px; flex-wrap: nowrap; gap: 12px; background: transparent; border: 0; }
.aabn-app.aabn-board .aabn-hundred-topline .aabn-hundred-toolbar > label { display: flex; align-items: center; gap: 8px; }
.aabn-app.aabn-board .aabn-hundred-topline select { min-width: 100px; min-height: 48px; padding: 6px 12px; font-size: 17px; }
.aabn-app.aabn-board .aabn-hundred-topline .aabn-hundred-pages { flex-wrap: nowrap; align-items: center; }
.aabn-app.aabn-board .aabn-hundred-topline .aabn-hundred-pages button { min-width: 46px; min-height: 48px; padding: 8px; }
.aabn-app.aabn-board .aabn-hundred-activity--view .aabn-lab-heading > p,
.aabn-app.aabn-board .aabn-hundred-activity--view .aabn-hundred-selection small,
.aabn-app.aabn-board .aabn-hundred-activity--view .aabn-hundred-complement { display: none; }
.aabn-app.aabn-board .aabn-hundred-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.aabn-app.aabn-board .aabn-hundred-activity--practice .aabn-hundred-workspace { grid-template-columns: minmax(0, 1.25fr) minmax(330px, 1fr); align-items: center; gap: 20px; }
.aabn-app.aabn-board .aabn-hundred-mystery { display: grid; place-items: center; min-width: 0; color: #166c66; background: #d9f0e9; border-right: 1px solid #a9c8c0; border-bottom: 1px solid #a9c8c0; box-shadow: inset 0 0 0 2px #72bba8; font-size: clamp(18px, 2vw, 30px); font-weight: 900; }
.aabn-app.aabn-board .aabn-hundred-mystery:nth-child(10n) { border-right: 0; }
.aabn-app.aabn-board .aabn-hundred-mystery:nth-last-child(-n+10) { border-bottom: 0; }
.aabn-app.aabn-board .aabn-hundred-game { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 14px; min-width: 0; padding: 14px; border-radius: 24px; border: 2px solid #cfe2dc; background: #f2f8f6; }
.aabn-app.aabn-board .aabn-hundred-game.is-complete { border-color: #2aaf7a; background: #eaf9ee; }
.aabn-app.aabn-board .aabn-hundred-game__challenge { min-width: 0; }
.aabn-app.aabn-board .aabn-hundred-game__score { display: flex; align-items: center; justify-content: center; gap: 14px; margin-bottom: 10px; }
.aabn-app.aabn-board .aabn-hundred-game__score > span { display: flex; gap: 7px; }
.aabn-app.aabn-board .aabn-hundred-game__score i { color: #c3cfca; font-size: 26px; font-style: normal; }
.aabn-app.aabn-board .aabn-hundred-game__score i.is-won { color: #bb7c00; }
.aabn-app.aabn-board .aabn-hundred-game__score b { color: #37665c; font-size: 17px; }
.aabn-app.aabn-board .aabn-hundred-answer-compass { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-areas: ". up ." "left center right" ". down ."; align-items: stretch; gap: 7px; }
.aabn-app.aabn-board .aabn-hundred-answer { position: relative; display: grid; justify-items: center; gap: 3px; min-width: 0; margin: 0; padding: 5px; border-radius: 14px; color: #17675f; background: #fff; border: 2px solid #b4d6cb; }
.aabn-app.aabn-board .aabn-hundred-answer--up { grid-area: up; }
.aabn-app.aabn-board .aabn-hundred-answer--left { grid-area: left; }
.aabn-app.aabn-board .aabn-hundred-answer--right { grid-area: right; }
.aabn-app.aabn-board .aabn-hundred-answer--down { grid-area: down; }
.aabn-app.aabn-board .aabn-hundred-answer > span { font-size: 16px; font-weight: 900; }
.aabn-app.aabn-board .aabn-hundred-answer input { width: 100%; min-width: 0; min-height: 48px; padding: 2px; border: 0; border-radius: 7px; text-align: center; font: inherit; font-size: clamp(21px, 2vw, 32px); font-weight: 900; background: #eef5f2; color: var(--aabn-ink); }
.aabn-app.aabn-board .aabn-hundred-answer input:focus-visible { outline: 4px solid #ddaa25; outline-offset: 2px; }
.aabn-app.aabn-board .aabn-hundred-answer.is-correct { border-color: #218c5e; }
.aabn-app.aabn-board .aabn-hundred-answer.is-incorrect { border-color: #c8613b; }
.aabn-app.aabn-board .aabn-hundred-answer.is-empty { border-style: dashed; border-color: #c49742; }
.aabn-app.aabn-board .aabn-hundred-answer.is-unavailable { place-items: center; opacity: .32; }
.aabn-app.aabn-board .aabn-hundred-answer__status { position: absolute; right: -5px; top: -6px; display: grid; place-items: center; width: 23px; height: 23px; border-radius: 50%; font-size: 17px; color: #fff; background: #b75b39; }
.aabn-app.aabn-board .is-correct .aabn-hundred-answer__status { background: #218c5e; }
.aabn-app.aabn-board .aabn-hundred-answer-center { grid-area: center; display: grid; place-content: center; gap: 3px; min-width: 0; padding: 5px; border-radius: 15px; background: #ffdf7e; color: #473300; text-align: center; border: 2px solid #d0a32e; }
.aabn-app.aabn-board .aabn-hundred-answer-center span { font-size: 12px; font-weight: 800; }
.aabn-app.aabn-board .aabn-hundred-answer-center strong { font-size: clamp(23px, 2.5vw, 41px); line-height: 1.1; }
.aabn-app.aabn-board .aabn-hundred-game__actions { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 12px; }
.aabn-app.aabn-board .aabn-hundred-game__actions .aabn-button { min-height: 48px; min-width: 44px; padding: 8px 10px; font-size: 16px; }
.aabn-app.aabn-board .aabn-hundred-game__actions .aabn-icon { width: 22px; height: 22px; }
.aabn-app.aabn-board .aabn-hundred-game__feedback { min-height: 21px; margin: 7px 0 0; color: #59736a; font-size: 15px; font-weight: 750; text-align: center; }
.aabn-app.aabn-board .aabn-hundred-game__feedback.is-correct { color: #187545; }
.aabn-app.aabn-board .aabn-hundred-keypad-dock { grid-area: auto; width: 100%; max-width: 310px; justify-self: center; align-self: center; }
.aabn-app.aabn-board .aabn-hundred-game .aabn-numeric-keypad.is-docked { width: 100%; padding: 8px; border-radius: 16px; background: #e3ede7; }
.aabn-app.aabn-board .aabn-hundred-game .aabn-numeric-keypad__header,
.aabn-app.aabn-board .aabn-hundred-game .aabn-numeric-keypad__target,
.aabn-app.aabn-board .aabn-hundred-game [data-keypad-key="sign"],
.aabn-app.aabn-board .aabn-hundred-game [data-keypad-key="decimal"],
.aabn-app.aabn-board .aabn-hundred-game [data-keypad-key="clear"],
.aabn-app.aabn-board .aabn-hundred-game [data-keypad-key="next"] { display: none; }
.aabn-app.aabn-board .aabn-hundred-game .aabn-numeric-keypad__keys { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin: 0; }
.aabn-app.aabn-board .aabn-hundred-game .aabn-numeric-keypad.is-docked .aabn-keypad-key { min-height: 48px; padding: 5px; font-size: 23px; }
.aabn-app.aabn-board .aabn-hundred-game [data-keypad-key="backspace"] { order: 1; }
.aabn-app.aabn-board .aabn-hundred-game [data-keypad-key="0"] { grid-column: auto; order: 2; }
.aabn-app.aabn-board .aabn-hundred-game [data-keypad-key="enter"] { grid-column: auto; order: 3; }

@media (min-width: 1600px) {
	.aabn-app.aabn-board .aabn-hundred-game { grid-template-columns: minmax(0, 1fr) minmax(210px, .8fr); padding: 20px; }
	.aabn-app.aabn-board .aabn-hundred-game .aabn-numeric-keypad.is-docked .aabn-keypad-key { min-height: 64px; font-size: 29px; }
}

/* A focused table always keeps its ten rows visible on classroom panels. */
.aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-activity .aabn-hundred { height: min(78dvh, calc(100dvh - 230px)); grid-template-rows: repeat(10, minmax(0, 1fr)); }
.aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-activity .aabn-hundred button { min-height: 0; height: 100%; aspect-ratio: auto; padding: 2px; font-size: clamp(15px, 2vw, 32px); }
.aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-activity .aabn-hundred-board { min-height: 0; padding: 6px; }
.aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-activity--view > .aabn-lab-heading { display: none; }
.aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-activity--view > .aabn-hundred-modes { float: left; margin: 0 14px 8px 0; }
.aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-activity--view > .aabn-hundred-toolbar { min-height: 62px; margin-bottom: 10px; padding: 4px 10px; }
.aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-activity--view .aabn-hundred-workspace { clear: both; }

@media (max-width: 1100px) and (min-width: 761px) {
	.aabn-app.aabn-board .aabn-hundred-activity--practice .aabn-hundred-workspace { grid-template-columns: minmax(0, 1fr) minmax(290px, .68fr); gap: 12px; }
	.aabn-app.aabn-board .aabn-hundred-game { gap: 7px; padding: 9px; }
	.aabn-app.aabn-board .aabn-hundred-game__score { margin-bottom: 5px; }
	.aabn-app.aabn-board .aabn-hundred-answer { gap: 1px; padding: 3px; }
	.aabn-app.aabn-board .aabn-hundred-answer input { min-height: 43px; font-size: 22px; }
	.aabn-app.aabn-board .aabn-hundred-game__actions { margin-top: 7px; }
	.aabn-app.aabn-board .aabn-hundred-game .aabn-numeric-keypad.is-docked .aabn-keypad-key { min-height: 44px; }
}

@media (max-width: 760px) {
	.aabn-app.aabn-board .aabn-hundred-topline { align-items: stretch; flex-wrap: wrap; gap: 9px; }
	.aabn-app.aabn-board .aabn-hundred-topline .aabn-hundred-toolbar { width: 100%; padding: 0; justify-content: space-between; flex-wrap: wrap; }
	.aabn-app.aabn-board .aabn-hundred-modes { margin-bottom: 10px; }
	.aabn-app.aabn-board .aabn-hundred-modes button { min-height: 48px; padding: 8px 16px; }
	.aabn-app.aabn-board .aabn-hundred-activity .aabn-hundred-workspace,
	.aabn-app.aabn-board .aabn-hundred-activity--practice .aabn-hundred-workspace { grid-template-columns: minmax(0, 1fr); }
	.aabn-app.aabn-board .aabn-hundred-activity .aabn-hundred { grid-template-columns: repeat(10, minmax(0, 1fr)); }
	.aabn-app.aabn-board .aabn-hundred-activity .aabn-hundred button { min-height: 34px; padding: 3px 0; aspect-ratio: auto; font-size: clamp(10px, 3.3vw, 18px); }
	.aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-activity .aabn-hundred { height: auto; }
	.aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-activity .aabn-hundred button { min-height: 34px; font-size: clamp(10px, 3.3vw, 18px); }
	.aabn-app.aabn-board .aabn-hundred-mystery { min-height: 34px; font-size: 19px; }
	.aabn-app.aabn-board .aabn-hundred-game { width: 100%; padding: 10px; }
	.aabn-app.aabn-board .aabn-hundred-answer input { min-height: 51px; font-size: 25px; }
	.aabn-app.aabn-board .aabn-hundred-game__actions .aabn-button { font-size: 15px; }
}

@media (max-height: 850px) and (min-width: 761px) {
	.aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-game { padding: 6px; gap: 5px; }
	.aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-game__score { margin-bottom: 0; line-height: 1; }
	.aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-game__score i { font-size: 17px; line-height: 1; }
	.aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-game__score b { font-size: 16px; line-height: 1; }
	.aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-answer-compass { gap: 5px; }
	.aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-answer > span { line-height: 1.1; }
	.aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-game__actions { margin-top: 5px; }
	.aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-game__feedback { min-height: 17px; line-height: 1.1; }
}

/* Las opciones acompañan al número elegido y dejan libre la tabla. */
.aabn-app.aabn-board .aabn-hundred-activity .aabn-hundred-workspace { grid-template-columns:minmax(0,1fr) clamp(260px,24vw,360px); align-items:start; gap:18px; }
.aabn-app.aabn-board .aabn-hundred-activity--practice .aabn-hundred-workspace { grid-template-columns:minmax(0,1fr) clamp(310px,30vw,560px); }
.aabn-app.aabn-board .aabn-hundred-activity .aabn-hundred-inspector { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; min-width:0; }
.aabn-app.aabn-board .aabn-hundred-side-controls { display:grid; gap:8px; width:100%; min-width:0; margin:0 0 12px; }
.aabn-app.aabn-board .aabn-hundred-side-controls .aabn-hundred-modes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; margin:0; padding:4px; gap:4px; }
.aabn-app.aabn-board .aabn-hundred-side-controls .aabn-hundred-modes button { min-width:0; min-height:44px; padding:7px 9px; gap:6px; font-size:15px; }
.aabn-app.aabn-board .aabn-hundred-side-controls .aabn-hundred-modes .aabn-icon { width:21px; height:21px; }
.aabn-app.aabn-board .aabn-hundred-side-controls .aabn-hundred-toolbar { display:flex; align-items:center; justify-content:flex-start; gap:8px; margin:0; padding:0; background:transparent; border:0; border-radius:0; }
.aabn-app.aabn-board .aabn-hundred-side-controls .aabn-hundred-toolbar > label { display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; min-width:0; font-size:15px; }
.aabn-app.aabn-board .aabn-hundred-side-controls select { min-width:0; min-height:44px; max-width:100%; padding:6px 28px 6px 10px; border-radius:10px; font-size:16px; }
.aabn-app.aabn-board .aabn-hundred-side-controls [data-hundred-limit] { width:calc(100% - 65px); }
.aabn-app.aabn-board .aabn-hundred-side-controls .aabn-hundred-pages { display:flex; flex-wrap:nowrap; align-items:center; gap:6px; width:100%; }
.aabn-app.aabn-board .aabn-hundred-side-controls .aabn-hundred-pages label { flex:1 1 auto; min-width:0; }
.aabn-app.aabn-board .aabn-hundred-side-controls .aabn-hundred-pages select { width:100%; padding-left:6px; padding-right:20px; font-size:14px; }
.aabn-app.aabn-board .aabn-hundred-side-controls .aabn-hundred-pages button { flex:0 0 44px; min-width:44px; min-height:44px; padding:7px; }
.aabn-app.aabn-board .aabn-hundred-activity .aabn-hundred-selection { gap:3px; padding:9px; }
.aabn-app.aabn-board .aabn-hundred-activity .aabn-hundred-selection strong { margin:0; font-size:52px; line-height:1; }
.aabn-app.aabn-board .aabn-hundred-game .aabn-hundred-selection { margin-bottom:8px; background:#e5f3ec; }
.aabn-app.aabn-board .aabn-hundred-activity .aabn-hundred-game { align-items:start; }
.aabn-app.aabn-board .aabn-hundred-activity .aabn-hundred-answer input { min-height:44px; }
.aabn-app.aabn-board .aabn-hundred-game [data-keypad-key="enter"] > span { display:none; }
.aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-activity .aabn-hundred { height:min(920px,calc(100dvh - 60px - var(--aabn-windowbar-height,0px))); }
.aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-activity .aabn-hundred-workspace { clear:none; }
@media (min-width:761px) and (max-height:850px) {
	.aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-game .aabn-hundred-selection { padding:5px; margin-bottom:6px; }
	.aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-game .aabn-hundred-selection strong { font-size:42px; }
	.aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-side-controls { gap:6px; margin-bottom:6px; }
	.aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-side-controls .aabn-hundred-modes { padding:3px; }
}
@media (max-width:760px) {
	.aabn-app.aabn-board .aabn-hundred-activity .aabn-hundred-workspace { grid-template-columns:minmax(0,1fr); gap:14px; }
	.aabn-app.aabn-board .aabn-hundred-side-controls { margin-bottom:4px; }
	.aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-activity .aabn-hundred { height:auto; }
	.aabn-app.aabn-board .aabn-hundred-activity .aabn-hundred-selection strong { font-size:48px; }
}

/* La nueva barra de ventana comparte la altura del panel con las respuestas y el teclado. */
@media screen and (min-width:769px) and (max-height:850px) {
 .aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-activity .aabn-hundred-game { gap:3px; }
 .aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-game .aabn-hundred-selection { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:44px; padding:4px 7px; }
 .aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-game .aabn-hundred-selection strong { font-size:34px; }
 .aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-side-controls .aabn-hundred-modes { padding:0; }
 .aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-answer { padding:1px; }
 .aabn-app.aabn-board.aabn-activity-focus .aabn-hundred-game__feedback { margin-top:3px; }
}