/* Números y series: controles compactos y retos grandes, con ayuda opcional. */
.aw-app .aw-window[data-type=number-patterns] .aw-window-header{min-height:44px;padding:0 8px 0 14px;gap:8px}
.aw-app .aw-window[data-type=number-patterns] .aw-window-handle{padding-block:6px}
.aw-app .aw-window[data-type=number-patterns] .aw-window-header h2{font-size:16px}
.aw-app .aw-window[data-type=number-patterns] .aw-window-buttons button{min-height:44px}
.aw-app .anp-module{container:anp / inline-size;position:relative;display:flex;flex-direction:column;gap:10px;width:100%;height:100%;min-width:0;min-height:0;padding:12px 22px 14px;background:#fff;color:#21463c;--anp-accent:#167e74;isolation:isolate}
.aw-app .anp-module [hidden]{display:none!important}
.aw-app .anp-module :is(button,select,input):focus-visible{outline:3px solid #167e74;outline-offset:-4px}
.aw-app .anp-module button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.aw-app .anp-button{min-width:44px;min-height:44px;border:1px solid #d5e3dc;border-radius:12px;background:#fff;color:#31564a;padding:8px 14px;font-size:15px;font-weight:600;line-height:1.2;white-space:normal}
.aw-app .anp-button:hover{background:#f1f8f4;border-color:#92b9aa}
.aw-app .anp-button[aria-pressed=true]{background:#e4f3eb;border-color:#167e74;box-shadow:inset 0 0 0 1px #167e74;color:#126458}
.aw-app .anp-primary{background:#167e74;border-color:#167e74;color:#fff}
.aw-app .anp-primary:hover{background:#116b62;color:#fff}
.aw-app .anp-top{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;flex:none;min-width:0}
.aw-app .anp-top>[data-number-focus=help]{margin-left:auto}
.aw-app .anp-field{display:flex;align-items:center;gap:7px;font-size:12px;color:#627a70;min-width:0;max-width:100%}
.aw-app .anp-field>span{white-space:nowrap}
.aw-app .anp-field select{min-width:0;max-width:100%;width:auto;height:44px;min-height:44px;border:1px solid #d5e3dc;border-radius:11px;padding:6px 28px 6px 10px;background-color:#fff;color:#31564a;font-size:14px;font-weight:600}
.aw-app .anp-body{display:flex;flex:1;min-width:0;min-height:0;gap:18px;overflow:auto;overscroll-behavior:contain}
.aw-app .anp-activity{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;flex:1;min-width:0;min-height:min-content;padding:8px 0}
.aw-app .anp-heading{text-align:center;flex:none;max-width:100%;margin:0 0 8px}
.aw-app .anp-heading h3{font-size:clamp(25px,3.7cqw,46px);line-height:1.13;letter-spacing:-.025em;font-weight:720;color:#21463c;margin:0 0 8px;text-wrap:balance}
.aw-app .anp-heading p{font-size:clamp(16px,1.8cqw,23px);line-height:1.35;color:#657c72;margin:0;text-wrap:balance}
.aw-app .anp-series{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;width:100%;max-width:1060px;margin:18px 0 0}
.aw-app .anp-series-item{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0}
.aw-app .anp-step-index{text-align:center;font-size:13px;color:#688579}
.aw-app .anp-given,.aw-app .anp-answer{display:flex;align-items:center;justify-content:center;min-height:clamp(84px,13cqw,144px);border-radius:18px;font-size:clamp(30px,5.5cqw,65px);font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.035em;line-height:1.1;min-width:0}
.aw-app .anp-given{background:#f3f7f4;color:#21463c}
.aw-app .anp-answer{border:2px dashed #80afa0;background:#fff;color:#167e74;padding:8px}
.aw-app .anp-jumps{font-size:clamp(18px,2.2cqw,28px);min-height:1.4em;line-height:1.4;margin:6px 0;text-align:center;color:#167e74}
.aw-app .anp-number-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;width:100%;max-width:1000px;margin:12px 0}
.aw-app .anp-number{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-height:clamp(90px,12cqw,140px);font-size:clamp(32px,5cqw,60px);font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.03em;border-radius:18px;padding:12px 4px;border:2px solid #e0eae4;background:#f9fbfa}
.aw-app .anp-card-mark{font-size:12px;letter-spacing:0;line-height:1}
.aw-app .anp-module [data-result=correct]{color:#226d45;border-color:#429667;background-color:#e9f7ee}
.aw-app .anp-module [data-result=incorrect]{color:#89551d;border-color:#c98a43;background-color:#fff4e4}
.aw-app .anp-big-number{font-size:clamp(80px,16cqw,185px);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.04em;line-height:1.1;margin:12px 0 20px}
.aw-app .anp-choices{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.aw-app .anp-choices .anp-button{min-height:64px;font-size:clamp(19px,2.6cqw,29px);padding:12px 24px}
.aw-app .anp-guide{flex:0 0 250px;align-self:stretch;min-width:0;border-radius:15px;background:#f2f7f3;padding:16px;color:#526f60;overflow:auto}
.aw-app .anp-guide h4{font-size:18px;line-height:1.25;margin:0 0 14px;color:#2f5845}
.aw-app .anp-guide p{font-size:16px;line-height:1.5;margin:0 0 14px}
.aw-app .anp-formula{font-size:26px;line-height:1.3;font-weight:650;text-align:center;border-radius:12px;background:#fff;color:#167e74;padding:14px 6px;margin:10px 0 14px;font-variant-numeric:tabular-nums}
.aw-app .anp-rule-example{font-size:19px;line-height:1.5;color:#167e74;background:#fff;border-radius:12px;padding:12px;margin-bottom:14px}
.aw-app .anp-pairs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0;color:#167e74}
.aw-app .anp-pairs span{background:#fff;border-radius:8px;border:1px solid #bbdccc;padding:8px;font-size:20px}
.aw-app .anp-multiple-lists p{padding:10px;border-left:3px solid #387aac;background:#fff;border-radius:4px;font-size:19px;color:#315e7c}
.aw-app .anp-multiple-lists p+p{border-color:#ba721d;color:#975f23}
.aw-app .anp-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;border-top:1px solid #e9efeb;padding-top:9px;flex:none;min-width:0}
.aw-app .anp-feedback{font-size:16px;line-height:1.3;margin:0;min-height:21px;flex:1;min-width:140px;max-width:100%;border:0;border-radius:8px;padding:3px 8px}
.aw-app .anp-bottom-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@container anp (max-width:900px){
 .aw-app .anp-body{gap:12px}.aw-app .anp-guide{flex-basis:215px;padding:12px}.aw-app .anp-guide p{font-size:15px}
 .aw-app .anp-number-grid{gap:9px}.aw-app .anp-series{gap:8px}.aw-app .anp-activity{gap:8px}
 .aw-app .anp-heading{margin-bottom:3px}
}
@container anp (max-width:650px){
 .aw-app .anp-top{gap:6px}.aw-app .anp-field{flex:1 1 auto;gap:4px}.aw-app .anp-field select{flex:1;width:110px}.aw-app .anp-field>span{font-size:11px}
 .aw-app .anp-body{flex-direction:column}.aw-app .anp-activity{flex:none;min-height:min-content;gap:10px}.aw-app .anp-guide{flex:none;width:100%;overflow:visible}
 .aw-app .anp-series{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.aw-app .anp-number-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .aw-app .anp-bottom{gap:4px}.aw-app .anp-bottom-buttons{width:100%;gap:5px;justify-content:space-between}.aw-app .anp-bottom-buttons .anp-button{font-size:13px;padding:8px}
}
@container anp (max-width:400px){.aw-app .anp-number-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.aw-app .anp-top .anp-field{flex-basis:70%}.aw-app .anp-top>[data-number-focus=help]{margin-left:0}}
@media(max-height:820px) and (min-width:950px){.aw-app .anp-activity{gap:6px;padding-block:4px}.aw-app .anp-heading h3{font-size:30px}.aw-app .anp-heading p{font-size:18px}}
@media(max-width:600px){.aw-app .anp-module{padding:10px 12px;gap:8px}}
@media(prefers-reduced-motion:reduce){.aw-app .anp-lamp{transition:none}}
/* Paneles de treinta tarjetas: cinco filas, seis columnas y cifras protagonistas. */
.aw-app .anp-module[data-kind=series] .anp-activity,.aw-app .anp-module[data-kind=select] .anp-activity{justify-content:flex-start;min-height:0;padding:2px 0;gap:8px}
.aw-app .anp-series-board{display:grid;grid-template-rows:repeat(5,minmax(60px,1fr));gap:12px;width:100%;height:100%;min-height:348px;flex:1}
.aw-app .anp-series-board .anp-series{margin:0;max-width:none;gap:12px;padding:0;grid-template-columns:repeat(6,minmax(0,1fr));min-height:60px}
.aw-app .anp-series-board .anp-series-item{min-height:0}
.aw-app .anp-series-board :is(.anp-given,.anp-answer){height:100%;min-height:60px;border-radius:13px;font-size:clamp(27px,4.6cqw,60px);padding:4px;font-weight:650}
.aw-app .anp-module[data-kind=select] .anp-heading{margin:0;flex:none}
.aw-app .anp-module[data-kind=select] .anp-heading h3{font-size:clamp(23px,2.6cqw,34px);margin-bottom:3px}
.aw-app .anp-module[data-kind=select] .anp-heading p{font-size:clamp(14px,1.4cqw,18px)}
.aw-app .anp-module[data-kind=select] .anp-number-grid{flex:1;min-height:304px;grid-template-rows:repeat(5,minmax(54px,1fr));grid-template-columns:repeat(6,minmax(0,1fr));width:100%;max-width:none;margin:0;gap:8px}
.aw-app .anp-module[data-kind=select] .anp-number{min-height:54px;height:100%;font-size:clamp(27px,4.2cqw,54px);line-height:1;padding:4px;gap:0;border-radius:13px}
.aw-app .anp-module[data-kind=select] .anp-card-mark{position:absolute;right:5px;top:3px;font-size:11px;line-height:1;background:inherit;letter-spacing:0}
@container anp (max-width:650px){
 .aw-app .anp-module[data-kind=series] .anp-activity,.aw-app .anp-module[data-kind=select] .anp-activity{flex:none;min-height:min-content}
 /* Keep the beginning of a wide grid inside its own scroll area. */
 .aw-app .anp-module[data-kind=select] .anp-activity{align-items:flex-start;align-items:safe center}
 .aw-app .anp-series-board{height:auto;flex:none;gap:14px;min-height:0;grid-template-rows:repeat(5,64px)}
 .aw-app .anp-series-board .anp-series{gap:5px;min-width:354px}
 .aw-app .anp-series-board :is(.anp-given,.anp-answer){font-size:27px}
 .aw-app .anp-module[data-kind=select] .anp-number-grid{grid-template-columns:repeat(6,minmax(54px,1fr));grid-template-rows:repeat(5,64px);gap:6px;min-width:354px;flex:none}
 .aw-app .anp-module[data-kind=select] .anp-number{font-size:27px}
}

/* Coincidencias: el ritmo, los objetos y el transporte ocupan el espacio principal. */
.aw-app .anp-module[data-mode=coincidences] .anp-activity{justify-content:flex-start;min-height:0;gap:16px;padding:4px 0}
.aw-app .anp-light-options{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;max-width:100%;flex:none}
.aw-app .anp-actors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;min-height:180px;flex:1}
.aw-app .anp-actor{--actor:#377ab0;--actor-bg:#eaf4fc;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:1fr auto 1fr;align-items:center;align-content:center;gap:8px 22px;padding:22px;border:1px solid #dce7ed;border-radius:22px;background:#fbfcfd;min-width:0}
.aw-app .anp-actor[data-colour=orange]{--actor:#af6d1f;--actor-bg:#fff0d9;background:#fffdf9;border-color:#eddfcb}
.aw-app .anp-actor h4{grid-column:2;grid-row:1;align-self:end;font-size:clamp(20px,2.4cqw,30px);line-height:1.15;margin:0;color:var(--actor);overflow-wrap:anywhere}
.aw-app .anp-lamp{grid-row:1 / 4;grid-column:1;display:flex;align-items:center;justify-content:center;width:clamp(112px,15cqw,180px);height:clamp(112px,15cqw,180px);border-radius:50%;font-size:clamp(62px,8.6cqw,100px);filter:grayscale(1);opacity:.38;background:#e5e8e7;border:3px solid transparent;transition:background .12s,border-color .12s,opacity .12s}
.aw-app .anp-lamp.is-on{filter:none;opacity:1;background:var(--actor-bg);border-color:var(--actor);box-shadow:0 0 0 5px var(--actor-bg)}
.aw-app .anp-actor-status{grid-row:3;grid-column:2;align-self:start;font-size:18px;font-weight:600;color:var(--actor);line-height:1.2}
.aw-app .anp-rate{grid-row:2;grid-column:2;display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 8px;line-height:1;margin:0;color:var(--actor)}
.aw-app .anp-rate-label{font-size:16px;width:100%;color:#607367}
.aw-app .anp-rate strong{font-size:clamp(52px,7cqw,84px);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-weight:700}
.aw-app .anp-rate-unit{font-size:20px}
.aw-app .anp-playback{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(290px,1.7fr) minmax(175px,1fr);align-items:center;gap:18px;width:100%;flex:none}
.aw-app .anp-clock-panel{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.aw-app .anp-time{font-size:clamp(46px,6.2cqw,76px);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1;white-space:nowrap}
.aw-app .anp-time-unit{font-size:.48em;font-weight:600}
.aw-app .anp-event{min-height:42px;text-align:center;font-size:16px;font-weight:550;line-height:1.3;margin:0;color:#5b7667;text-wrap:balance}
.aw-app .anp-event[data-match=true]{color:#15795c;font-weight:700}
.aw-app .anp-play-controls{display:flex;flex-direction:column;align-items:center;min-width:0}
.aw-app .anp-transport{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:8px;width:100%}
.aw-app .anp-transport .anp-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:86px;padding:10px 6px;font-size:17px;border-radius:15px}
.aw-app .anp-transport svg{width:30px;height:30px;flex:none}
.aw-app .anp-transport>[data-number-focus=play]{background:#167e74;border-color:#167e74;color:#fff;box-shadow:none}
.aw-app .anp-transport>[data-number-focus=play]:hover{background:#116b62}
.aw-app input.anp-scrub{display:block;min-height:44px;width:100%;padding:0;border:0;background:transparent;accent-color:#167e74;touch-action:pan-x}
.aw-app .anp-coincidence-answer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;font-size:18px;color:#476555}
.aw-app .anp-response-label{font-size:17px;line-height:1.2;text-align:center;text-wrap:balance}
.aw-app .anp-response-input{display:flex;align-items:center;justify-content:center;gap:8px;max-width:100%}
.aw-app .anp-coincidence-answer .anp-answer{min-height:80px;min-width:116px;border-radius:15px;font-size:46px;padding:8px}
@container anp (max-width:1000px){
 .aw-app .anp-module[data-mode=coincidences] .anp-activity{gap:12px}
 .aw-app .anp-actors{gap:12px;min-height:168px}.aw-app .anp-actor{padding:16px;column-gap:14px}
 .aw-app .anp-lamp{width:112px;height:112px;font-size:64px}
 .aw-app .anp-playback{gap:12px;grid-template-columns:minmax(110px,.8fr) minmax(276px,1.7fr) minmax(154px,1fr)}
 .aw-app .anp-time{font-size:46px}.aw-app .anp-rate strong{font-size:56px}
 .aw-app .anp-transport .anp-button{min-height:76px;font-size:15px}.aw-app .anp-transport svg{width:26px;height:26px}
 .aw-app .anp-coincidence-answer .anp-answer{min-height:72px;min-width:100px;font-size:40px}
 .aw-app .anp-response-label{font-size:15px}
}
@container anp (min-width:651px){
 .aw-app .anp-module[data-help=true] .anp-playback{grid-template-columns:minmax(110px,1fr) minmax(276px,2fr)}
 .aw-app .anp-module[data-help=true] .anp-coincidence-answer{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap}
 .aw-app .anp-module[data-help=true] .anp-actors{min-height:168px}
 .aw-app .anp-module[data-help=true] .anp-actor{padding:12px;column-gap:10px}
 .aw-app .anp-module[data-help=true] .anp-lamp{width:90px;height:90px;font-size:50px}
 .aw-app .anp-module[data-help=true] .anp-rate strong{font-size:44px}
 .aw-app .anp-module[data-help=true] .anp-actor h4{font-size:20px}
}
@container anp (max-width:650px){
 .aw-app .anp-module[data-mode=coincidences] .anp-activity{flex:none;min-height:min-content;gap:16px}
 .aw-app .anp-actors{min-height:230px;flex:none;gap:10px}
 .aw-app .anp-actor{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;justify-items:center;text-align:center;gap:8px;padding:14px 8px}
 .aw-app .anp-actor h4{grid-row:1;grid-column:1;font-size:20px}.aw-app .anp-lamp{grid-row:2;grid-column:1;width:100px;height:100px;font-size:56px}
 .aw-app .anp-rate{grid-row:3;grid-column:1;justify-content:center;gap:4px}.aw-app .anp-rate-label{width:auto;font-size:14px}.aw-app .anp-rate strong{font-size:40px}.aw-app .anp-rate-unit{font-size:17px}
 .aw-app .anp-actor-status{grid-row:4;grid-column:1;font-size:16px}
 .aw-app .anp-playback{grid-template-columns:1fr;gap:12px}.aw-app .anp-clock-panel{gap:4px}.aw-app .anp-event{min-height:21px}
 .aw-app .anp-play-controls{grid-row:1}.aw-app .anp-coincidence-answer{flex-direction:row;flex-wrap:wrap}
 .aw-app .anp-transport .anp-button{min-height:80px}.aw-app .anp-coincidence-answer .anp-answer{min-height:72px}
 .aw-app .anp-light-options .anp-button{font-size:13px}
}
/* Clear levels and purposeful action buttons, matching the Mathematics tools. */
.aw-app .anp-level-badge,.aw-app .anp-target-badge{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border-radius:11px;background:#f0f6f3;color:#47685e;font-size:14px;font-weight:600;white-space:nowrap}
.aw-app .anp-target-badge{background:#e4f4ec;color:#127769}
.aw-app .anp-bottom-buttons{gap:10px}
.aw-app .anp-bottom-buttons .anp-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:12px 19px;font-size:17px;border:2px solid #c7ded4;border-radius:13px;box-shadow:0 2px 5px #244b3b0a}
.aw-app .anp-bottom-buttons svg{width:24px;height:24px;flex:none}
.aw-app .anp-bottom-buttons .anp-primary{background:#078579;border-color:#078579;color:#fff;box-shadow:0 3px 9px #1777671f}
.aw-app .anp-bottom-buttons .anp-primary:hover{background:#096e64;border-color:#096e64}
.aw-app .anp-bottom-buttons .anp-next-action{background:#f0faf5;color:#126e62;border-color:#b4d8c9}
.aw-app .anp-number[aria-pressed=true]{background:#dcf3e7;border-color:#329b7e;color:#086a51;box-shadow:inset 0 0 0 1px #329b7e}
.aw-app .anp-legacy-note{margin:0;font-size:13px;color:#587468;line-height:1.3}
@container anp (max-width:650px){.aw-app .anp-bottom-buttons .anp-button{font-size:14px;padding:10px;min-height:50px}.aw-app .anp-bottom-buttons{width:100%;justify-content:flex-end;gap:7px}.aw-app .anp-level-badge,.aw-app .anp-target-badge{min-height:32px;padding:5px 8px;font-size:12px}}

/* Responses stay beside the activity in a reserved column. */
.aw-app .anp-body>.apn-pad{margin-block:0}
@container anp (min-width:651px){.aw-app .anp-module[data-number-pad=true] .anp-guide{flex-basis:190px}.aw-app .anp-module[data-number-pad=true] .anp-activity{container-type:inline-size}}
@container anp (max-width:780px){.aw-app .anp-module[data-number-pad=true] .anp-body{flex-direction:column}.aw-app .anp-module[data-number-pad=true] .anp-activity{flex:none;min-height:min-content}.aw-app .anp-module[data-number-pad=true] .anp-guide{flex:none;width:100%}.aw-app .anp-body>.apn-pad{flex:none;align-self:center}}