.junior-comparison{display:flex;align-items:center;justify-content:center;gap:22px;font-size:56px;font-weight:bold;color:#254e43}.missing-sign{border:3px dashed #729382;background:#eef3e8;border-radius:12px;min-width:1.3em;text-align:center;color:#5e7554}.junior-tip{text-align:center;font-size:14px}.junior-sequence{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;font-size:30px;font-weight:bold}.junior-jump{font-size:12px;color:#527ba2}.adventure-active .junior-comparison{font-size:40px}.adventure-active .junior-sequence{font-size:25px}body[data-grade="1"] .subject .symbol{font-size:32px}body[data-grade="1"] .option{font-size:20px}body[data-grade="1"] .intro{max-width:65ch}

@media(max-width:650px){body[data-grade="1"] .adventure-active .battle-scene{height:140px}body[data-grade="1"] .adventure-active .junior-comparison{font-size:34px;gap:16px}body[data-grade="1"] .adventure-active .junior-tip{font-size:11px;margin:4px 0}body[data-grade="1"] .adventure-active #play .visual{margin:3px auto}body[data-grade="1"] .adventure-active #play .question-card h1{font-size:17px;line-height:1.25;margin:5px 0}body[data-grade="1"] .adventure-active #play .option{font-size:17px;min-height:44px;padding:7px 10px;margin:6px 0}body[data-grade="1"] .adventure-active #play .eyebrow{margin-bottom:5px}}

body[data-grade="1"] #choices.junior-sign-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}body[data-grade="1"] #choices.junior-sign-choices .option{position:relative;display:flex;flex-direction:column;justify-content:center;gap:0;min-width:0;padding:5px 2px;margin:5px 0;min-height:80px}body[data-grade="1"] .junior-sign-choices input{position:absolute;top:4px;left:4px;width:14px;height:14px}body[data-grade="1"] .junior-sign-choices span{font-size:32px;line-height:1.1}body[data-grade="1"] .junior-sign-choices small{font-size:10px;text-align:center;line-height:1.2}
/* Keep every number and every +5 arrow in the same row, even in a narrow battle. */
.junior-sequence{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px;width:100%;min-width:0;white-space:nowrap;font-size:clamp(18px,4vw,30px);text-align:center}.junior-sequence>span{min-width:0}.junior-sequence .missing-sign{min-width:0;border-width:2px;border-radius:8px}.junior-sequence .junior-jump{font-size:clamp(8px,1.7vw,12px);letter-spacing:-.5px;white-space:nowrap}.adventure-active #play .visual:has(.junior-sequence),.adventure-active #play:has(#battle-panel:not([hidden])) .visual:has(.junior-sequence){width:100%;max-width:none;min-width:0}.adventure-active .junior-sequence{font-size:clamp(18px,4vw,25px)}

.junior-sequence{max-width:650px;margin-inline:auto;grid-template-columns:repeat(var(--junior-bonds,6),minmax(0,1fr) minmax(0,.7fr)) minmax(0,1fr)}.junior-sequence>span:nth-child(even){font-size:clamp(6px,1.4vw,12px)}@media(max-width:400px){.junior-sequence,.adventure-active .junior-sequence{font-size:16px;gap:1px}}
.junior-sign-choices .option{touch-action:none;cursor:grab;user-select:none}.sign-drop{font:inherit;color:inherit;line-height:1.2;padding:0;min-width:1.4em;min-height:1.4em;touch-action:manipulation}.sign-drop[data-filled="true"]{background:#e2edda;border-style:solid}.sign-drop.drop-ready{background:#f4dda7;outline:3px solid #c49536}.dragged-sign{position:fixed;z-index:3000;pointer-events:none;transform:translate(-50%,-50%);font:bold 48px Andika, sans-serif;background:#fff8dd;color:#254e43;border:3px solid #648b72;border-radius:12px;min-width:60px;text-align:center;box-shadow:0 5px 15px #0004}.subject.unavailable{opacity:.5}.junior-tokens{display:grid;grid-template-columns:repeat(5,14px);gap:4px;justify-content:center;padding:6px}.junior-tokens i{width:13px;height:13px;border-radius:50%;background:#ce6d4f;border:1px solid #90472f}.junior-groups{display:flex;justify-content:space-evenly;gap:7px}.junior-groups>div,.junior-model,.junior-story>div{border:1px solid #b9cabb;border-radius:8px;padding:5px;text-align:center;font-size:11px}.junior-model{margin:0 auto 8px;width:fit-content}.junior-dice{display:flex;justify-content:center;gap:5px}.junior-die{width:55px!important;max-width:45%;height:auto}.junior-counton{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.junior-number-box{border:4px solid #568db8;padding:15px;background:#daeaf8;border-radius:8px}.junior-story{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.junior-large-number{font-size:35px;text-align:center}.junior-spatial-image{display:block;width:100%;height:auto;border-radius:10px;max-width:430px;margin:auto}.subjects-grid:has(.practice){grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:850px){.subjects-grid:has(.practice){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.subjects-grid:has(.practice){grid-template-columns:1fr}}

.junior-tokens{grid-template-columns:repeat(5,12px);gap:3px;padding:3px}.junior-tokens i{width:12px;height:12px}.junior-groups>div{padding:3px}.adventure-active #play:has(#battle-panel:not([hidden])) .visual:has(.junior-groups){max-width:none;width:100%}