.comp-player{position:relative;display:flex;flex-direction:column;width:100%;height:100dvh;min-height:0;background:linear-gradient(180deg,#f7ecdd,#ead7c1);color:#201714;padding:16px;gap:12px;font-family:var(--font-body,var(--font-fredoka)),ui-rounded,system-ui,sans-serif;overflow:hidden}.comp-player:fullscreen{height:100dvh}.comp-activity-screen,.comp-reading-screen{display:flex;flex-direction:column;flex:1;min-height:0;gap:inherit}.comp-activity-screen[data-covered=true]{visibility:hidden}.comp-reading-screen[data-rereading=true]{position:absolute;inset:16px;z-index:2;background:linear-gradient(180deg,#f7ecdd,#ead7c1)}@media (max-width:700px){.comp-reading-screen[data-rereading=true]{inset:8px}}.comp-catalog button,.comp-player button{cursor:pointer}.comp-player button:disabled{cursor:default;opacity:.5}.comp-catalog :focus-visible,.comp-player button:focus-visible{outline:4px solid #f8b832;outline-offset:3px}.comp-reading{position:relative;flex:1;min-height:0;background:#fffdf8;border:2px solid #e2cdb2;box-shadow:0 8px 22px rgba(92,64,38,.12),0 2px 0 #ead9c4;border-radius:24px;padding:24px;display:grid;grid-template-columns:55% 45%;overflow:hidden}.comp-reading-copy{display:flex;flex-direction:column;min-height:0;min-width:0}.comp-reading[data-rereading=true]{animation:comp-story-unroll .55s cubic-bezier(.16,1,.3,1) backwards}.comp-reading-screen[data-closing-story=true]{animation:comp-story-rollup .35s cubic-bezier(.65,0,.35,1) both;pointer-events:none}@keyframes comp-story-rollup{0%{clip-path:inset(0 0 0 0 round 24px)}to{clip-path:inset(0 calc(100% - var(--comp-open-width)) calc(100% - var(--comp-open-height)) 0 round 18px)}}@keyframes comp-story-unroll{0%{clip-path:inset(0 calc(100% - var(--comp-open-width)) calc(100% - var(--comp-open-height)) 0 round 18px)}to{clip-path:inset(0 0 0 0 round 24px)}}.comp-reading h1{font-weight:750;font-size:clamp(32px,4.5vw,88px);line-height:1.15;background:#ffdc67;border:2px solid #bc893d;box-shadow:none;border-radius:24px;text-align:center;padding:12px 18px;margin:0 0 22px;display:flex;align-items:center;justify-content:center;gap:16px}.comp-reading h1>span{min-width:0}.comp-reading .comp-title-audio{width:46px;height:46px;flex-basis:46px;margin:0;box-shadow:none}.comp-passage{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;justify-content:space-evenly;font-weight:650;line-height:1.4;font-size:calc(clamp(28px, min(4.25vw, 7.5dvh), 82px) * var(--comp-scale, 1));padding:8px 0}.comp-passage p{margin:0 0 .2em;position:relative;display:flex;align-items:baseline;flex-shrink:0}.comp-passage p>span{min-width:0}.comp-word{font:inherit;color:inherit;background:none;border:0;padding:0;border-radius:6px;text-align:left}.comp-word:disabled{opacity:1!important}.comp-word:hover:not(:disabled){background:#fff2ad}.comp-word[data-reading=true]{background:#fff6bf;border-radius:10px}.comp-passage[data-narrating=true] .comp-word:hover:not([data-reading=true]){background:transparent}.comp-sentence-audio{flex:0 0 40px;width:40px;height:40px;line-height:1;font-size:24px;min-width:40px;min-height:40px;border-radius:50%;background:#ffd83d;color:#70432d;vertical-align:middle;margin-left:6px}.comp-illustration{min-height:0;display:flex;align-items:center;justify-content:center;padding:24px 0 0 16px}.comp-illustration img{width:100%;height:100%;object-fit:contain}.comp-no-image{grid-template-columns:1fr}.comp-no-image .comp-reading-copy{max-width:1300px;width:100%;margin:auto;height:100%}.comp-no-image h1{margin-right:150px}.comp-footer{justify-content:space-between;min-height:54px}.comp-answer-actions,.comp-footer{flex-shrink:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.comp-answer-actions,.comp-response-bar{justify-content:center}.comp-response-bar{display:flex;align-items:center;flex-shrink:0;gap:12px}.comp-answer-actions .comp-primary{line-height:1.2}.comp-activity>.comp-response-bar{min-height:72px;padding-bottom:4px}.comp-activity[data-activity=choice] .comp-quiz-choices,.comp-activity[data-activity=true-false] .comp-tf-choices{margin:clamp(24px,6dvh,64px) 0 0}.comp-activity[data-activity=choice]>.comp-response-bar,.comp-activity[data-activity=true-false]>.comp-response-bar{margin-bottom:0}.comp-response-bar>.comp-feedback:not(:empty){flex:1;min-width:0}@media (max-width:700px){.comp-response-bar{flex-direction:column;gap:8px}}.comp-activity-header button,.comp-answer-actions button,.comp-footer button{border-radius:14px;padding:12px 16px;background:#fffdf8;color:#4b3424;border:1px solid #d7bea0;font-size:16px;font-weight:600}.comp-answer-actions .comp-primary,.comp-footer .comp-primary,.comp-primary{background:#ed7010;color:white;border:0;border-bottom:4px solid #985124;border-radius:18px;padding:16px 28px;font-size:23px;font-weight:650}.comp-pages,.comp-tools{display:flex;align-items:center;gap:6px}.comp-pages span{white-space:nowrap}.comp-player .comp-pages .comp-next-page-hint{position:relative;isolation:isolate;overflow:visible;background:#fff7ed;border-color:#fb923c;color:#c2410c;box-shadow:0 3px 10px #f9732238,0 0 0 2px #ff9f1c29;animation:comp-next-button-nudge 1.35s ease-in-out infinite}.comp-next-page-hint:after{content:"";position:absolute;inset:-4px;border:2px solid #f973226b;border-radius:inherit;pointer-events:none;animation:comp-next-button-ring 1.35s ease-out infinite}.comp-next-page-hint>span{display:inline-block;animation:comp-next-arrow-nudge 1.35s ease-in-out infinite}@keyframes comp-next-button-nudge{0%,34%,66%,to{transform:translateX(0) scale(1)}18%{transform:translateX(4px) scale(1.08)}50%{transform:translateX(2.5px) scale(1.04)}}@keyframes comp-next-button-ring{0%{opacity:.72;transform:scale(.86)}70%,to{opacity:0;transform:scale(1.36)}}@keyframes comp-next-arrow-nudge{0%,40%,to{transform:translateX(0)}22%{transform:translateX(2px)}}@media (prefers-reduced-motion:reduce){.comp-player .comp-pages .comp-next-page-hint[data-essential-motion=true],.comp-player .comp-pages .comp-next-page-hint[data-essential-motion=true]:after,.comp-player .comp-pages .comp-next-page-hint[data-essential-motion=true]>span{animation-duration:1.35s!important;animation-iteration-count:infinite!important;animation-play-state:running!important}}.comp-activity-header{display:grid;grid-template-columns:auto 1fr auto;flex-shrink:0;align-items:center;justify-content:space-between;gap:12px;font-size:20px}.comp-activity-header>span{justify-self:center}.comp-activity-header button,.comp-activity-header>a{white-space:nowrap}.comp-instruction-category{background:#ffeb9e;color:inherit;padding:0 .12em;border-radius:.12em;white-space:nowrap}.comp-instruction-category[data-category=out]{background:#e2dcff}.comp-activity{container-type:inline-size;background:#fffdf8;border:2px solid #e2cdb2;box-shadow:0 8px 22px rgba(92,64,38,.12);border-radius:24px;flex:1;min-height:0;overflow:auto;padding:24px clamp(20px,5vw,100px);display:flex;flex-direction:column;gap:18px}.comp-activity h1{margin:4px 0 10px;font-size:min(64px,calc((100cqi - 64px) / 20));font-weight:650;text-align:center;line-height:1.25;overflow-wrap:anywhere}.comp-activity[data-activity=true-false] h1{font-size:clamp(40px,8cqi,120px);line-height:1.15}.comp-activity[data-activity=order] h1{display:flex;align-items:center;justify-content:center;gap:12px;font-size:min(64px,calc((100cqi - 64px) / 30));white-space:nowrap}@media (max-width:700px){.comp-activity[data-activity=order] h1{font-size:22px;white-space:normal}}.comp-activity[data-activity=blank]{--comp-word-box-width:clamp(180px,15vw,270px);--comp-word-box-height:clamp(112px,8vw,144px)}.comp-activity[data-activity=blank] h1,.comp-activity[data-activity=match] h1{display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap}.comp-activity[data-activity=blank] h1 .comp-mini,.comp-activity[data-activity=match] h1 .comp-mini{flex-shrink:0}.comp-progress{height:8px;flex-shrink:0;background:#ede1ce;border-radius:20px;overflow:hidden}.comp-progress span{height:100%;display:block;background:#0e9c62;transition:width .25s}.comp-choices{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.comp-choices>button,.comp-choices>div{flex:1;min-width:180px;max-width:420px}.comp-card{background:#fffaf0;border:3px solid #dbc5a8;border-radius:20px;padding:18px;min-height:74px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;font-size:clamp(23px,2.5vw,42px);text-align:center;width:100%;color:#201714}.comp-card[aria-pressed=true]{border-color:#efb927}.comp-card-image{height:clamp(80px,20dvh,240px);width:100%;object-fit:contain}.comp-quiz-choices{margin:auto 0;padding:14px 0;align-items:stretch}.comp-quiz-tile{--quiz-paper:#fff6e5;--quiz-border:#cdb18a;--quiz-badge:#f2dfbd;position:relative}.comp-quiz-tile .comp-quiz-option{position:relative;height:100%;min-height:clamp(220px,30dvh,340px);padding:76px 26px;border-radius:28px;border-color:var(--quiz-border);background:var(--quiz-paper);box-shadow:0 6px 0 color-mix(in srgb,var(--quiz-border) 65%,#fffdf8);font-size:clamp(40px,4.5vw,80px);line-height:1.15;overflow-wrap:anywhere;font-weight:500;transition:transform .16s ease}.comp-quiz-tile .comp-quiz-option:hover:not(:disabled){transform:translateY(-4px)}.comp-quiz-tile .comp-quiz-option[aria-pressed=true]{border-color:#aa741e;background:#fff0b5;box-shadow:0 6px 0 #d8b65d,inset 0 0 0 3px #ffdb64;animation:comp-answer-pick .35s ease-out}@keyframes comp-answer-pick{0%{transform:scale(1)}45%{transform:translateY(-7px) scale(1.025)}to{transform:scale(1)}}.comp-quiz-letter{position:absolute;top:18px;left:18px;width:48px;height:48px;display:grid;place-items:center;border:2px solid var(--quiz-border);border-radius:50%;background:var(--quiz-badge);font-size:27px;font-weight:650}.comp-quiz-pick{position:absolute;bottom:20px;left:20px;display:flex;align-items:center;gap:5px;color:#72501c;font-size:19px;font-weight:600}.comp-quiz-tile>.comp-mini{position:absolute;right:20px;bottom:20px;border-radius:50%;width:46px;height:46px;padding:0}@media (max-width:700px){.comp-quiz-choices{gap:16px;padding:4px 0 10px}.comp-quiz-choices>.comp-quiz-tile{flex:1 1 100%;min-width:0}.comp-quiz-tile .comp-quiz-option{min-height:126px;padding:24px 64px 42px;font-size:clamp(32px,9vw,42px);border-radius:22px}.comp-quiz-letter{width:34px;height:34px;top:16px;left:12px;font-size:21px}.comp-quiz-pick{bottom:12px;left:16px;font-size:16px}.comp-quiz-tile>.comp-mini{width:40px;height:40px;bottom:14px;right:14px}}.comp-mini{font-size:22px;border:1px solid #d7bea0;border-radius:10px;padding:4px 12px;flex-shrink:0}.comp-tf-choices{display:grid;grid-template-columns:repeat(2,minmax(0,520px));gap:clamp(16px,3vw,40px);margin:auto 0;padding:14px 0}.comp-tf-choices>.comp-tf-card{--tf-ink:#23796d;--tf-border:#cdb18a;--tf-paper:#fff6e5;position:relative;min-width:0;max-width:none;min-height:clamp(250px,34dvh,370px);padding:32px 24px 56px;gap:18px;border:3px solid var(--tf-border);border-radius:32px;background:var(--tf-paper);box-shadow:0 7px 0 color-mix(in srgb,var(--tf-border) 70%,#fffdf8);transition:transform .16s ease}.comp-tf-card[data-option=false]{--tf-ink:#b74f4f}.comp-tf-symbol{display:grid;place-items:center;width:clamp(82px,8vw,125px);height:clamp(82px,8vw,125px);border-radius:50%;border:3px solid var(--tf-border);background:#fffdf8;color:var(--tf-ink);box-shadow:0 4px 0 color-mix(in srgb,var(--tf-border) 40%,transparent)}.comp-tf-symbol svg{width:60%;height:60%}.comp-tf-label{color:#29201b;font-size:clamp(38px,3.8vw,64px);font-weight:600;line-height:1.1}.comp-tf-choices>.comp-tf-card:hover:not(:disabled){transform:translateY(-4px)}.comp-tf-choices>.comp-tf-card[aria-pressed=true]{border-color:#aa741e;box-shadow:0 7px 0 #d8b65d,inset 0 0 0 4px #ffdb64;animation:comp-answer-pick .35s ease-out}.comp-tf-card .comp-quiz-pick{left:50%;transform:translateX(-50%);white-space:nowrap}@media (max-width:700px){.comp-tf-choices>.comp-tf-card{min-height:230px;padding:24px 12px 52px;border-radius:24px}.comp-tf-symbol{width:76px;height:76px}.comp-tf-label{font-size:36px}}.comp-blank{text-align:center;font-size:clamp(26px,3.5vw,58px)}.comp-word-game{margin:auto 0;width:100%}.comp-word-sentence{font-size:clamp(38px,5vw,90px);line-height:1.55;text-align:center;margin:0 0 20px;overflow-wrap:anywhere}.comp-sentence-gap{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;min-width:var(--comp-word-box-width);min-height:var(--comp-word-box-height);padding:0 16px;border:3px dashed #c6a068;border-radius:18px;background:#fff6d6;color:#80501e}.comp-sentence-gap[data-over=true]{border-style:solid;border-color:#b58022;background:#ffe88f;box-shadow:0 0 0 5px #ffda6760}.comp-sentence-gap[data-filled=true]{border-style:solid;background:#fff0b2;font-weight:650}.comp-word-land{display:inline-block;animation:comp-word-land .35s ease-out}@keyframes comp-word-land{0%{transform:translateY(-12px) scale(.85);opacity:.5}60%{transform:translateY(2px) scale(1.06);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.comp-word-tray{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.comp-word-option{flex:0 0 var(--comp-word-box-width);max-width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.comp-word-tile{container-type:inline-size;height:var(--comp-word-box-height);border:3px dashed #cdb18a;border-radius:18px;box-shadow:none}.comp-word-choice,.comp-word-tile{position:relative;width:100%;background:transparent}.comp-word-choice{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;border:0;border-radius:16px;color:#29201b;padding:0 10px;font:inherit;font-size:min(80px,28cqi);line-height:1;cursor:grab!important;user-select:none;-webkit-touch-callout:none}.comp-word-label{display:block;width:max-content;flex-shrink:0;white-space:nowrap}.comp-player .comp-word-choice:disabled{opacity:1;cursor:default!important}.comp-word-audio{position:static}.comp-word-tile[data-selected=true]{border-color:#b78528}.comp-word-picked{position:absolute;left:42px;bottom:12px;display:flex;gap:4px;align-items:center;font-size:16px;color:#765333}.comp-word-tile[data-dragging=true],.comp-word-tile[data-dragging=true]>*{visibility:hidden}.comp-word-overlay{background:#fff2be;border-color:#b78528;transform:rotate(-2deg) scale(1.025)}.comp-word-game[data-drag-active=true] *{cursor:grabbing!important}@media (max-width:700px){.comp-word-tray{gap:14px}}.comp-blank strong{display:inline-block;min-width:150px;border-bottom:4px solid #d98b40;color:#985124}.comp-order{display:flex;flex-direction:column;gap:10px}.comp-order li{background:#fffaf0;border:2px solid #dbc5a8;border-radius:18px;padding:10px 18px;font-size:clamp(22px,2.5vw,38px)}.comp-order li,.comp-order-card{display:flex;align-items:center;gap:12px}.comp-order-card{flex:1;background:transparent;border:0;color:inherit;font:inherit;padding:0;text-align:left}.comp-order-controls{display:flex;align-items:center;justify-content:center;gap:10px}.comp-order-instruction{margin:0 0 16px;text-align:center;font-size:clamp(16px,1.4vw,22px);color:#70432d}.comp-order-pictures{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:18px;padding:0;margin:0}.comp-order-pictures li{position:relative;flex-direction:column;padding:12px;border:3px solid #b8bea8;box-shadow:0 4px 0 #dfcdb4;cursor:grab;min-width:0}.comp-order-pictures li[data-selected=true]{border-color:#c18721;background:#fff0b2}.comp-order-pictures .comp-number{position:absolute;top:18px;left:18px;border:2px solid #bc893d;z-index:1;pointer-events:none;font-size:24px}.comp-order-pictures .comp-order-card{flex-direction:column;align-items:stretch;width:100%;text-align:center;gap:14px;font-size:clamp(22px,2vw,34px);line-height:1.2}.comp-order-pictures .comp-order-card img{width:100%;height:clamp(150px,26dvh,320px);max-height:none;object-fit:contain;border-radius:12px;background:#f6f8e9}.comp-order-pictures .comp-order-card>span{min-height:2.4em;display:grid;place-items:center}.comp-order-card img{width:90px;height:70px}.comp-order>li{position:relative}.comp-order .comp-order-card:not(:disabled){cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.comp-order[data-drag-active=true],.comp-order[data-drag-active=true] *{cursor:grabbing!important}.comp-order>li[data-dragging=true]{border:3px dashed #be872d;background:#fff2bb;box-shadow:inset 0 0 0 5px #fff9de}.comp-order>li[data-dragging=true]>:not(.comp-order-drop-label){visibility:hidden}.comp-order-drop-label{position:absolute;inset:0;display:grid;place-items:center;color:#88551f;font-weight:600;font-size:clamp(24px,2.5vw,40px)}.comp-order-overlay{margin:0;padding:0;pointer-events:none}.comp-order-overlay>li{background:#fffaf0;border-color:#bc842b;box-shadow:0 22px 35px #57381d40,0 5px 0 #d4a052;transform:rotate(-2deg) scale(1.025)}.comp-order-overlay .comp-mini{display:inline-flex;align-items:center;justify-content:center}@media (prefers-reduced-motion:reduce){.comp-player .comp-order>li[data-essential-motion=true]{transition-property:transform!important;transition-duration:.24s!important}}.comp-number{background:#ffe075;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;flex-shrink:0}.comp-matching{display:grid;grid-template-columns:1fr 1fr;gap:22px}.comp-matching>div{display:flex;flex-direction:column;gap:12px}.comp-card small{font-size:18px;color:#70432d}.comp-help{font-family:var(--font-body,var(--font-fredoka)),system-ui,sans-serif;font-size:16px;color:#6f5848;text-align:center;grid-column:1/-1}.comp-tray{display:flex;gap:12px;flex-wrap:wrap}.comp-tray .comp-card{flex:1;min-width:180px;font-size:25px}.comp-bins{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}.comp-bin{border:3px dashed #b9a68a;min-height:200px;border-radius:20px;padding:12px;display:flex;flex-direction:column;gap:8px}.comp-bin .comp-card{font-size:24px}.comp-bin-title{font-size:26px;font-weight:650;background:#f3e7d1;padding:12px;border-radius:12px}.comp-bin-title:disabled{opacity:1!important}.comp-evidence{display:grid;gap:16px;grid-template-columns:1fr 1fr}.comp-evidence .comp-card{font-size:clamp(28px,3.8vw,64px);line-height:1.25;min-height:clamp(110px,16dvh,180px);padding:20px;overflow-wrap:anywhere}.comp-evidence-card{position:relative;min-width:0}.comp-evidence-card>.comp-card{width:100%;height:100%}.comp-evidence-card[data-has-audio=true]>.comp-card{padding-bottom:72px}.comp-evidence-card>.comp-mini{position:absolute;right:16px;bottom:16px}.comp-answer-label{max-width:700px;width:100%;margin:30px auto;font-size:20px}.comp-answer{display:block;width:100%;border:3px solid #b49b7c;border-radius:18px;padding:18px;font-size:38px;margin-top:12px}.comp-feedback{text-align:center;margin-top:auto;min-height:55px;font-size:24px;color:#945713}.comp-feedback-docked{margin:0;min-height:0;flex-shrink:0;max-height:24dvh;overflow:auto}.comp-feedback-docked:empty{display:none}.comp-feedback-docked .comp-feedback-card{margin:0 auto;max-width:none;padding:10px 20px;gap:14px;border-radius:20px;flex-direction:row;text-align:left}.comp-feedback-docked .comp-feedback-mascot{zoom:.58}.comp-feedback-docked .comp-feedback-title{font-size:clamp(23px,2vw,34px)}.comp-feedback-docked .comp-feedback-explanation{margin:3px 0 0;font-size:clamp(18px,1.5vw,25px)}.comp-feedback-docked .comp-feedback-card.comp-success{border:0;background:#fffdf8;padding:10px 20px;border-radius:16px}.comp-success-reaction{position:relative;display:grid;place-items:center;flex:0 0 84px;height:84px;pointer-events:none}.comp-success-thumb{position:relative;width:64px;height:74px;object-fit:contain;transform-origin:50% 85%;animation:comp-thumb-grow 1.1s cubic-bezier(.2,.7,.25,1) both}.comp-success-ring{position:absolute;inset:12px;border:3px solid #f2c95b;border-radius:50%;animation:comp-thumb-ring 1.1s ease-out both}.comp-success-spark{position:absolute;color:#e7ac27;animation:comp-thumb-spark 1.1s ease-out both}.comp-success-spark[data-spark="0"]{top:1px;left:0;--spark-x:-6px;--spark-y:-8px}.comp-success-spark[data-spark="1"]{top:10px;right:0;--spark-x:7px;--spark-y:-6px}.comp-success-spark[data-spark="2"]{bottom:4px;right:1px;--spark-x:6px;--spark-y:6px}@keyframes comp-thumb-grow{0%{opacity:0;transform:scale(.12) rotate(-18deg)}18%{opacity:1}65%{opacity:1;transform:scale(1.15) rotate(7deg)}83%{transform:scale(.96) rotate(-3deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes comp-thumb-ring{0%,25%{opacity:0;transform:scale(.3)}48%{opacity:.7}to{opacity:0;transform:scale(1.35)}}@keyframes comp-thumb-spark{0%,32%{opacity:0;transform:scale(.2)}65%{opacity:1}to{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(1.1)}}@media (max-width:600px){.comp-success-reaction{flex-basis:64px;height:72px}.comp-success-thumb{width:52px;height:60px}}.comp-player .comp-card:disabled,.comp-player .comp-order-card:disabled{opacity:1}.comp-activity[data-activity=order]{gap:10px;padding-top:16px;padding-bottom:16px}.comp-activity[data-activity=order] .comp-order-instruction{margin-bottom:2px}.comp-activity[data-completed=true] .comp-order-instruction{display:none}@media (min-width:900px){.comp-activity[data-activity=order] .comp-order-card img{height:clamp(110px,22dvh,300px)}}.comp-activity[data-activity=match]{gap:10px;padding-top:14px;padding-bottom:14px}.comp-match-game{width:100%;margin:auto 0}.comp-match-hint{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 24px;color:#70432d;font-size:clamp(18px,1.6vw,25px)}.comp-match-board{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(50px,10vw,180px)}.comp-match-column{display:grid;gap:clamp(12px,2dvh,24px)}.comp-match-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.comp-match-line{fill:none;stroke-width:6px;stroke-linecap:round;stroke-dasharray:1;animation:comp-connect .35s ease-out both}@keyframes comp-connect{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.comp-match-tile{position:relative;display:flex;min-width:0;border:3px solid #d9c3a4;border-radius:24px;background:#fffaf0;box-shadow:0 4px 0 #e6d6bf}.comp-match-choice{border:0;background:transparent;color:#201714;width:100%;font:inherit;font-size:clamp(24px,2.6vw,42px);line-height:1.2;padding:clamp(10px,1.8dvh,26px) 90px clamp(10px,1.8dvh,26px) 22px;min-height:clamp(68px,10dvh,110px);border-radius:20px}.comp-match-choice img{max-height:100px;max-width:100%;margin:auto}.comp-player .comp-match-choice:disabled{opacity:1}.comp-match-tile[data-selected=true]{border-color:#be841c;background:#fff0b2}.comp-match-tile[data-paired=true]{border-color:var(--pair-color);background:color-mix(in srgb,var(--pair-color) 9%,#fffdf8)}.comp-match-port{position:absolute;z-index:1;top:50%;margin-top:-16px;width:32px;height:32px;border:3px solid #d9c3a4;border-radius:50%;background:#fffdf8;display:grid;place-items:center;color:white;font-size:18px;font-weight:600;pointer-events:none}[data-match-side=left] .comp-match-port{right:-18px}[data-match-side=right] .comp-match-port{left:-18px}[data-paired=true] .comp-match-port{border-color:var(--pair-color);background:var(--pair-color);animation:comp-pop .35s ease-out}.comp-match-audio{position:absolute;right:34px;top:50%;transform:translateY(-50%);margin:0}.comp-match-help{text-align:center;color:#70432d;font-size:17px;margin:22px 0 0}.comp-activity[data-activity=sort]{padding-top:16px;padding-bottom:16px;gap:16px}.comp-activity[data-activity] h1.comp-instruction-panel{display:block;white-space:normal;font-size:clamp(24px,2.5vw,36px);margin:0;padding:16px 20px;border:1px solid #e2cdb2;border-radius:16px;background:#fffaf0;text-align:left;line-height:1.4}.comp-activity[data-activity] h1[hidden]{display:none}.comp-instructions-toggle{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid #cdb18a;border-radius:14px;background:#fff6d6;color:#70432d;font:inherit;font-size:18px;font-weight:500;box-shadow:0 3px 0 #e5d4bc}.comp-instructions-toggle[aria-expanded=true]{background:#ffeb9e}.comp-instructions-toggle:active{transform:translateY(2px);box-shadow:none}.comp-sort-heading{display:block;margin-bottom:6px}.comp-sort-instruction{font-size:.72em;font-weight:500}.comp-activity[data-activity=sort] .comp-instruction-category{padding:.08em .25em;border-radius:.25em}.comp-sort-game{display:grid;gap:22px}.comp-sort-tray{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;grid-auto-rows:1fr}.comp-sort-tray:empty{display:none}.comp-sort-tile{position:relative;min-width:0;border-radius:20px}.comp-sort-tile[data-placed=true]{animation:comp-pop .35s ease-out}.comp-sort-tile .comp-card{height:100%;padding:18px 80px 18px 24px;font-size:clamp(26px,2.6vw,44px);line-height:1.25;min-height:clamp(88px,10dvh,112px);text-align:left;align-items:flex-start;border-width:2px;cursor:grab;user-select:none;-webkit-touch-callout:none;overflow-wrap:anywhere}.comp-sort-audio{position:absolute;right:18px;top:50%;transform:translateY(-50%);margin:0}.comp-sort-bins{display:grid;grid-template-columns:1fr 1fr;gap:22px}.comp-sort-bin{border:2px solid #dbc5a8;border-radius:22px;background:transparent;padding:16px;min-height:190px;transition:background-color .15s,border-color .15s}.comp-sort-bin[data-over=true]{border-color:#bd841e;background:#fff6d6}.comp-sort-bin-title{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:0;border-radius:12px;background:#ffeb9e;color:#4b3424;font:inherit;font-weight:600;font-size:clamp(24px,2.2vw,36px);padding:12px}.comp-sort-bin[data-bin=out] .comp-sort-bin-title{background:#e2dcff}.comp-player .comp-sort-bin-title:disabled{opacity:1}.comp-sort-bin-cards{display:grid;gap:12px;margin-top:14px}.comp-sort-bin .comp-sort-tile .comp-card{font-size:clamp(24px,2vw,36px);min-height:80px}.comp-sort-drop-hint{display:block;margin:16px 0 4px;color:#765d40;text-align:center;font-size:22px}.comp-sort-drop-hint:empty{display:none}.comp-sort-tile[data-dragging=true]{background:#ffefb0;outline:3px dashed #bd841e;outline-offset:-3px}.comp-sort-tile[data-dragging=true]>*{visibility:hidden}.comp-sort-overlay{background:#fffaf0;box-shadow:none;transform:rotate(-2deg) scale(1.025)}.comp-sort-overlay .comp-card{border-color:#bc842b}.comp-sort-game[data-drag-active=true] *{cursor:grabbing!important}@media (max-width:700px){.comp-sort-game{gap:16px}.comp-sort-bins,.comp-sort-tray{grid-template-columns:1fr;gap:12px}.comp-sort-bin{padding:12px;min-height:150px}.comp-sort-bin-title{gap:8px;font-size:24px}.comp-sort-tile .comp-card{padding:16px 62px 16px 16px;font-size:26px;min-height:92px}.comp-sort-audio{right:12px}.comp-match-choice{font-size:22px;padding:18px 10px 65px}.comp-match-audio{top:auto;bottom:10px;right:calc(50% - 20px);transform:none}.comp-match-column{gap:16px}.comp-match-port{width:26px;height:26px;margin-top:-13px;font-size:16px}[data-match-side=left] .comp-match-port{right:-15px}[data-match-side=right] .comp-match-port{left:-15px}}.comp-feedback small{display:block;font-size:20px}.comp-success{color:#18703a;animation:comp-pop .35s ease-out}.comp-results{background:white;border-radius:30px;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;text-align:center;padding:30px}.comp-results h1{font-size:clamp(30px,4vw,60px)}.comp-results{min-height:0;overflow:auto;gap:clamp(14px,2.5dvh,30px)}.comp-results h1,.comp-results p{margin:0}.comp-completion-emblem{position:relative;flex-shrink:0;width:140px;height:140px;display:grid;place-items:center;border-radius:50%;background:#fff1b8;border:3px solid #edd17f;margin:20px 0}.comp-completion-spark{position:absolute;pointer-events:none;animation:comp-completion-burst .92s ease-out both}@keyframes comp-completion-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.12) rotate(-26deg)}28%{opacity:1;transform:translate(-50%,-50%) scale(1.25) rotate(14deg)}56%{opacity:1;transform:translate(calc(-50% + var(--spark-x)),calc(-50% + var(--spark-y))) scale(1.06) rotate(34deg)}to{opacity:0;transform:translate(calc(-50% + var(--spark-x)),calc(-50% + var(--spark-y))) scale(.58) rotate(72deg)}}.comp-completion-progress{width:min(650px,90%);height:30px;padding:4px;border:2px solid #c4a875;border-radius:30px;background:#f4e7c9}.comp-completion-fill{display:block;width:100%;height:100%;border-radius:30px;background:linear-gradient(90deg,#ffd83d,#ff9f1c,#ff7a18);transform-origin:left center;animation:comp-completion-fill 1.48s linear both}@keyframes comp-completion-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.comp-player .comp-nav-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 22px;border:2px solid #cbb08c;border-radius:18px;background:#fffaf0;box-shadow:0 4px 0 #dbc4a3;text-decoration:none;color:#4b3424;font-weight:600;font-size:clamp(18px,1.6vw,26px)}.comp-player .comp-nav-button:hover{background:#fff0c9}.comp-player .comp-nav-button:active{transform:translateY(3px);box-shadow:none}.comp-player .comp-nav-button:focus-visible{outline:4px solid #f8b832;outline-offset:3px}.comp-player .comp-close-button{padding:10px 16px;font-size:18px}.comp-result-actions{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;margin-top:8px}.comp-result-actions .comp-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px}@media (max-width:700px){.comp-player .comp-close-button{padding:10px;font-size:14px;gap:4px}.comp-close-button svg{width:16px}.comp-activity-header{flex-wrap:wrap}.comp-result-actions{flex-direction:column;width:100%}.comp-results{padding:20px}.comp-completion-emblem{width:100px;height:100px;margin:12px 0}.comp-completion-emblem>svg{width:74px;height:74px}.comp-results p{font-size:21px}}@media (prefers-reduced-motion:reduce){.comp-player .comp-completion-spark[data-essential-motion=true]{animation-duration:.92s!important}.comp-player :is(.comp-success-thumb,.comp-success-ring,.comp-success-spark)[data-essential-motion=true]{animation-duration:1.1s!important}.comp-player .comp-completion-fill[data-essential-motion=true]{animation-duration:1.48s!important}}.comp-results p{font-size:26px}.comp-celebration{color:#f6bb20;font-size:100px;animation:comp-pop .5s ease-out}.comp-audio-error{position:absolute;bottom:90px;left:20px;background:#fff5d9;padding:12px;border:1px solid #e9c96a;border-radius:12px;font-family:var(--font-body,var(--font-fredoka)),system-ui,sans-serif;z-index:5}.comp-audio-error button{margin-left:12px}.comp-catalog{max-width:1200px;margin:0 auto;padding:32px 20px;font-family:var(--font-body,var(--font-fredoka)),system-ui,sans-serif;color:#201714}.comp-catalog h1{font-size:38px;font-weight:750}.comp-catalog input,.comp-catalog select{border:1px solid #9fae99;border-radius:10px;padding:10px;width:100%;font-weight:400;background:white}.comp-catalog a.comp-link,.comp-catalog button{border-radius:10px;padding:10px 15px;background:#fff8ec;color:#70432d;font-weight:600}.comp-catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:25px}.comp-catalog-card{border:1px solid #9fae99;border-radius:24px;padding:22px;background:white;display:flex;flex-direction:column;gap:15px}.comp-catalog-card img{height:180px;object-fit:contain;width:100%}.comp-catalog-card h2{font-size:25px;font-weight:700}.comp-catalog-tools{display:flex;gap:15px;margin-top:24px;flex-wrap:wrap}.comp-catalog-tools input{flex:1;min-width:200px}.comp-catalog-tools select{width:auto}.comp-catalog-card .comp-link{display:block;text-align:center;margin-top:auto}@keyframes comp-pop{0%{transform:scale(.85)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.comp-player [data-essential-motion=true]{animation-duration:.35s!important;animation-iteration-count:1!important;animation-play-state:running!important}}@media (max-width:700px){.comp-player{padding:8px;gap:8px}.comp-reading{padding:16px;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 28%;gap:10px;border-radius:20px}.comp-no-image{grid-template-rows:1fr}.comp-reading h1{font-size:34px;padding:9px;margin:15px 0 10px}.comp-passage{font-size:calc(30px * var(--comp-scale, 1))}.comp-illustration{padding:0}.comp-footer{gap:6px}.comp-tools{flex-wrap:wrap}.comp-footer button{font-size:13px;padding:8px 10px}.comp-footer .comp-primary{font-size:18px}.comp-activity-header{font-size:14px}.comp-activity{padding:16px;gap:12px}.comp-choices{gap:10px}.comp-choices>button,.comp-choices>div{min-width:120px}.comp-card{font-size:24px;padding:12px}.comp-evidence{grid-template-columns:1fr}.comp-bins{gap:8px}.comp-bin-title{font-size:20px}.comp-matching{gap:10px}.comp-order li{padding:8px;gap:6px}.comp-no-image h1{margin-right:0}}.comp-catalog td,.comp-catalog th{padding:10px;text-align:left;border-bottom:1px solid #e5d4bd}.comp-tray>div{flex:1;min-width:180px}.comp-matching>div>div{position:relative}.comp-matching .comp-mini{font-size:18px;margin-top:4px}.comp-site{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#f7ecdd,#ead7c1)}.comp-site>.comp-catalog{flex:1;width:100%}.comp-activity-header button,.comp-answer-actions button,.comp-footer button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-width:2px;box-shadow:0 3px 0 #dac4a8}.comp-activity-header button:hover:not(:disabled),.comp-answer-actions button:hover:not(:disabled),.comp-footer button:hover:not(:disabled){filter:brightness(1.035)}.comp-activity-header button:active:not(:disabled),.comp-answer-actions button:active:not(:disabled),.comp-footer button:active:not(:disabled){transform:translateY(2px);box-shadow:none}.comp-answer-actions .comp-primary,.comp-footer .comp-primary,.comp-primary{border:2px solid #70432d;box-shadow:0 4px 0 #ad7851;font-family:var(--font-display,var(--font-luckiest-guy)),cursive;font-weight:400;background:linear-gradient(#ff851c,#ed7010)}.comp-activity-header>span{padding:10px 16px;border:1px solid #d7bea0;border-radius:24px;background:#fffaf0;font-weight:600}.comp-activity-header>a{color:#70432d;font-weight:600}.comp-mini,.comp-sentence-audio{display:inline-flex;align-items:center;justify-content:center;background:#ffd83d;border:2px solid #9d6224;color:#201714;box-shadow:0 2px 0 #d9bd8b;min-height:40px;min-width:40px;vertical-align:middle}.comp-activity h1 .comp-mini{margin-left:16px}.comp-mini:not(:disabled):hover,.comp-sentence-audio:not(:disabled):hover{background:#ffe66c}.comp-mini:not(:disabled):active,.comp-sentence-audio:not(:disabled):active{scale:.94}.comp-card[aria-pressed=true]{background:#fff0b2;border-color:#c18721;box-shadow:0 3px 0 #dfc39c}.comp-feedback-card{display:flex;align-items:center;gap:clamp(14px,2vw,28px);width:100%;max-width:1100px;margin:24px auto 0;border:3px solid #aac89b;border-radius:28px;padding:clamp(16px,2vw,26px);background:#f1f9e7;text-align:left}.comp-feedback-mascot{position:relative;flex:0 0 94px;height:94px;display:grid;place-items:center;border-radius:50%;background:#fff9dc;color:#9b692d}.comp-star-face{position:absolute;width:24px;height:22px;top:42px;left:35px}.comp-star-face i{position:absolute;top:0;width:4px;height:5px;border-radius:50%;background:#69421c}.comp-star-face i:first-child{left:4px}.comp-star-face i:nth-child(2){right:4px}.comp-star-face b{position:absolute;top:7px;left:7px;width:10px;height:7px;border-bottom:2px solid #69421c;border-radius:0 0 50% 50%}.comp-feedback-copy{min-width:0}.comp-feedback-title{display:block;font-size:clamp(26px,2.5vw,42px);line-height:1.15;color:#37672b}.comp-feedback-explanation{font-size:clamp(20px,1.8vw,30px);line-height:1.4;margin:10px 0 0;color:#38542e}.comp-encouragement{background:#fff7de;border-color:#dfc584}.comp-encouragement .comp-feedback-explanation,.comp-encouragement .comp-feedback-title{color:#775020}@media (max-width:700px){.comp-feedback-card{flex-direction:column;text-align:center;gap:8px}.comp-feedback-mascot{flex-basis:94px;width:94px}}.comp-results{border:2px solid #e2cdb2;background:#fffdf8}.comp-results h1{font-family:var(--font-display,var(--font-luckiest-guy)),cursive;font-weight:400;color:#70432d}.comp-hub{max-width:1440px;width:100%;padding:32px clamp(20px,4vw,64px) 64px}.comp-hub-heading{margin:0 0 28px}.comp-hub .book-hub-bookmark-title{max-width:100%}.comp-hub .book-hub-ribbon-heading{max-width:100%;font-size:clamp(28px,4.5vw,64px);font-weight:400;line-height:1}.comp-hub-heading>p{font-size:clamp(18px,1.6vw,23px);color:#70533d;margin:18px 0 0;line-height:1.5}.comp-hub .comp-catalog-tools{display:flex;align-items:end;gap:20px;padding:22px;background:#fffdf8;border:2px solid #e2cdb2;border-radius:24px}.comp-catalog-search{display:grid;gap:9px;flex:1;min-width:0;color:#583b2b;font-weight:500;font-size:17px}.comp-catalog-search-field{display:flex;align-items:center;gap:12px;padding:0 16px;background:#fffaf0;border:2px solid #cdb18a;border-radius:14px}.comp-catalog-search-field svg{flex-shrink:0}.comp-hub .comp-catalog-search-field input{width:100%;min-width:0;min-height:52px;border:0;border-radius:0;padding:10px 0;background:transparent;box-shadow:none;outline:none;font:inherit;color:#29201b}.comp-catalog-search-field:focus-within{outline:3px solid #f8b832;outline-offset:3px}.comp-hub .comp-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:28px;margin-top:32px}.comp-story-card{display:flex;flex-direction:column;min-width:0;padding:18px;border:3px solid #cdb18a;border-radius:28px;background:#fff6e5;box-shadow:0 6px 0 #dfc9a8;color:#29201b;text-decoration:none;transition:border-color .15s,background-color .15s}.comp-story-card:hover{border-color:#b78528;background:#fff2cf}.comp-story-card:focus-visible{outline:4px solid #f8b832;outline-offset:5px}.comp-story-preview{aspect-ratio:4/3;width:100%;overflow:hidden;background:#fffdf8;border:2px solid #e2cdb2;border-radius:20px}.comp-story-cover{display:block;width:100%;height:100%;object-fit:contain}.comp-story-card-body{display:flex;flex-direction:column;flex:1;gap:16px;padding:22px 6px 5px}.comp-story-card h2{margin:0;color:#29201b;font-size:28px;line-height:1.2;font-weight:650}.comp-story-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.comp-story-title h2{min-width:0}.comp-story-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;white-space:pre-line;margin:0;min-height:5.8em;max-height:5.8em;font-size:18px;line-height:1.45;color:#70533d}.comp-story-details{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;color:#79583b;font-size:15px}.comp-story-details>span{display:inline-flex;align-items:center;gap:6px}.comp-story-details>span:first-child{background:#f2dfbd;border-radius:20px;padding:5px 10px}.comp-story-open{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:auto;min-height:58px;padding:12px 16px;border:2px solid #cdb18a;border-radius:18px;background:#fff1b7;color:#70432d;box-shadow:0 4px 0 #dfc9a8;font-family:var(--font-display,var(--font-luckiest-guy)),cursive;font-size:23px;line-height:1.15}.comp-story-card:hover .comp-story-open{background:#ffeb9e;border-color:#b78528}@media (max-width:700px){.comp-hub{padding:24px 16px 40px}.comp-hub .comp-catalog-tools{flex-direction:column;align-items:stretch;padding:16px;gap:16px}.comp-hub .comp-catalog-grid{gap:24px;margin-top:24px}.comp-story-card{padding:14px}.comp-story-preview{border-radius:16px}.comp-story-card h2{font-size:28px}}.comp-preview-header{display:flex;align-items:center;justify-content:space-between;padding:15px max(20px,calc((100vw - 1240px) / 2));background:white;border-bottom:4px solid #201714;font-family:var(--font-display),cursive}.comp-preview-header a{display:flex;align-items:center;gap:10px;font-size:25px;color:#201714;text-decoration:none}.comp-preview-header img{width:50px;height:50px}@media (max-width:700px){.comp-activity-header{grid-template-columns:1fr auto;gap:8px}.comp-activity-header>button{grid-column:1;grid-row:1;justify-self:start}.comp-activity-header>a{grid-column:2;grid-row:1;justify-self:end}.comp-activity-header>span{grid-column:1;grid-row:2;justify-self:start;font-size:12px}.comp-answer-actions{gap:8px}.comp-answer-actions .comp-primary{padding:10px 12px;font-size:16px}.comp-activity-header>span{padding:7px 10px}.comp-hub .comp-catalog-tools{padding:14px}}