:root{--ink:#372544;--cream:#fff8e9;--gold:#ffd28a;--green:#705083;background:#1d142b;color:var(--ink)}
body{background:#1d142b}#app{background:#21192f}.shell{min-height:540px}.topbar{background:#271b39;box-shadow:0 3px 0 #513764;padding:8px 20px}.brand span{font-size:21px;color:#ffe0a4}.tools{gap:7px;align-items:center}.junior-music,.junior-fullscreen{min-width:43px;padding:7px;font-size:25px}.topbar .reading-tools{background:#ffffff0a}.primary{color:#392441;background:#ffd28a;box-shadow:0 4px 0 #bb844b}.secondary{color:#493451;background:#f2e8f5;border-color:#c2a6cc}.text-link{color:#704d7f}button:focus-visible,input:focus-visible{outline:3px solid #3e92b9;outline-offset:3px}.surface{background:linear-gradient(#17102c44,#17102cb5),url('assets/halloween-background.webp') center/cover;overflow:auto}.welcome-title{margin-bottom:14px}.welcome-title h1{font-family:Georgia,serif;font-size:clamp(36px,5vw,62px);color:#ffdfa1;letter-spacing:-1px}.welcome-title p{margin:5px 0}.welcome-foot{text-align:center}.welcome-foot span{display:block;font-size:14px;margin-top:8px}.hero-choice{background:linear-gradient(#fff7e8,#ecd9eb);border-color:#ffd797;color:#402c49}.hero-choice:hover{transform:translateY(-5px)}.reward{background:#fff8ee;max-height:none}.reward h1{font-family:Georgia,serif;letter-spacing:-1px;color:#50325f}.reward>.primary,.reward>.secondary{margin:8px}.junior-reward-invite{display:block;margin:14px auto!important}.junior-guardian-reward{position:relative;border:3px solid #ffd58e;box-shadow:0 0 50px #ffd17844}.junior-guardian-reward>img{filter:drop-shadow(0 0 18px #edb76577)}.festival-stars{color:#ac6f20;letter-spacing:12px;font-size:28px;animation:festival-lights 3s ease-in-out infinite}.festival-cat{height:90px!important;width:110px!important;object-fit:contain}.junior-seals{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:15px}.junior-seals span{padding:8px 12px;background:#eee0f4;border:1px solid #ad8dbf;border-radius:15px}
.guided-world,.map-viewport{background:#32233f!important}.world-heading{background:#2a1d38;color:#ffe9bf;padding:8px 18px}.world-heading h2{font-size:24px}.walk-map{background-color:#705279;background-blend-mode:multiply;width:min(100%,calc((100svh - 310px)*1.66667));border:2px solid #9874a1}.map-road{filter:sepia(.2) hue-rotate(330deg)}.map-water{filter:hue-rotate(35deg) saturate(.7)}.map-creature strong{background:#fff2d9;color:#44264e}.map-creature.goal{filter:drop-shadow(0 0 8px #ffdb8b)}.walking-buddy{width:8.4%;height:18%}.walking-buddy span{background:#4e315e}.guide-strip{background:#fff6e4;border-color:#b38bb7;min-height:80px;padding:8px 18px;gap:12px}.guide-strip>img{width:60px;height:60px}.guide-message strong{color:#513359}.guide-message span{color:#514257}.guide-action{font-size:20px;min-height:52px;padding:12px 22px}.junior-mansion-route{display:flex;align-items:center;gap:12px;padding:9px 18px;background:#493057;color:#fff2dd;min-height:72px;flex-shrink:0}.junior-mansion-route>img{height:52px;width:76px;object-fit:cover;border-radius:8px}.junior-mansion-route>div{flex:1}.junior-mansion-route small{display:block;font-size:12px;color:#e9d6f4;margin-top:4px}.junior-mansion-route button{font-size:14px;padding:9px 14px;min-height:44px}.junior-town-decoration{position:absolute;left:56%;top:3%;width:17%;height:29%;object-fit:contain;z-index:24;pointer-events:none}.junior-ghost{position:absolute;width:24px;height:32px;border-radius:50% 50% 15% 15%;background:#dbfff5b0;box-shadow:0 0 15px #b7ead977;pointer-events:none;animation:junior-ghost 5s ease-in-out infinite;z-index:22}.junior-ghost:before{content:'••';position:absolute;left:5px;top:5px;letter-spacing:3px;font-size:13px;color:#463456}.map-ghost-one{left:47%;top:30%}.map-ghost-two{left:78%;top:62%;animation-delay:-2s}
.badge-lesson,.classic-battle{background:#342540}.badge-lesson{grid-template-columns:180px minmax(0,1fr);gap:14px;padding:16px}.badge-host{background:linear-gradient(#5b3d70,#332240);border:1px solid #9473a0;color:#ffedc9;padding:15px 10px}.badge-host>img{max-height:200px}.badge-host .eyebrow{font-size:11px;letter-spacing:1px}.badge-host h2{font-size:25px}.badge-lesson .task,.classic-battle .task{background:#fff9ee;border:2px solid #c5abc9;border-radius:18px;padding:16px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.lesson-task .task-heading{flex-shrink:0;gap:8px}.lesson-task .task-heading h2,.classic-battle .task h2{font-size:clamp(21px,2.3vw,28px);line-height:1.2;color:#442b4d}.task .speak{min-width:46px;min-height:46px;flex-shrink:0}.learning-model,.classic-battle .learning-model{flex:1;min-height:0;overflow:auto;justify-content:flex-start;padding:10px 0;gap:8px}.learning-actions{flex-shrink:0;gap:8px;padding-top:8px;border-top:1px solid #d6c3d9;background:#fff9ee}.lesson-task .feedback{font-size:17px;flex-shrink:0;min-height:35px;color:#315c42}.lesson-task .feedback.error{color:#914437}.classic-battle{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);padding:16px;gap:14px;min-height:0;overflow:hidden;flex:1}.classic-battle .task{height:100%;min-height:0}.classic-arena{background-image:url('assets/halloween-background.webp');border-color:#b88fc2;box-shadow:0 6px 0 #563866;aspect-ratio:1.45}.classic-arena .arena-hero{left:26%;top:72%;width:36%}.classic-arena .arena-enemy{left:73%;top:51%;width:30%}.classic-arena .guardian-enemy{width:39%;top:48%}.battle-caption,.battle-message,.battle-rounds{color:#ffeacb}.battle-message{background:#4c365d;border-color:#9877a9}.battle-message b{color:#ffdf95}.battle-message span{color:#f2e2f8}.battle-caption strong{color:#f1d5ff}.classic-battle .battle-side{min-width:0}.junior-equation{font-size:28px;font-weight:900;color:#674278;letter-spacing:2px;text-align:center}.junior-actions{display:flex;gap:7px;justify-content:center;align-items:center;flex-wrap:wrap;width:100%}.junior-actions .primary{font-size:18px;min-height:48px;padding:10px 16px}.junior-actions .secondary{font-size:15px;min-height:44px;padding:9px 12px}.junior-actions .text-link{font-size:13px}.junior-entry{display:flex;align-items:center;justify-content:center;gap:12px;font-size:18px;font-weight:800}.junior-entry input{width:110px;height:47px;border:2px solid #af90c1;border-radius:10px;background:white;color:#35223f;font-size:25px;text-align:center}.phonics-cue{font:italic 23px Georgia,serif;color:#80638b;text-align:center;margin:auto}.junior-word-choices{width:100%;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.junior-word-choices .answer,.classic-battle .junior-word-choices .answer{width:auto;flex:1;min-width:90px;max-width:none;height:auto;min-height:62px;padding:13px;font-size:clamp(20px,2.5vw,30px);border-radius:13px;background:#eee2f3;color:#4c305b;border:2px solid #b391c4;line-height:1.3}.junior-story{width:100%;display:flex;gap:16px;align-items:center;padding:12px;border:1px solid #d1b9d8;border-radius:14px;background:#f6ebf7}.junior-story>img{width:110px;max-height:150px;object-fit:contain}.junior-story p{font-size:22px;line-height:1.55;color:#392d40}.junior-story .secondary{font-size:16px;min-height:44px;padding:8px 15px}.classic-battle .junior-story{display:block}.classic-battle .junior-story>img{height:85px;float:right}.classic-battle .junior-story p{font-size:19px}.word-change{text-align:center;display:flex;flex-direction:column;gap:5px}.word-change b{font-size:42px;letter-spacing:8px;color:#70458b}.word-change span{font-size:16px}.word-slots,.letter-bank{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.word-slots span{display:grid;place-items:center;width:52px;height:60px;border-bottom:4px solid #8b66a1;border-radius:8px;background:#eee1f5;font-size:34px;color:#553669}.letter-tile{width:52px;height:58px;border:2px solid #b5a1c2;border-radius:10px;background:#fff;color:#482e59;font-size:30px;font-weight:800}.letter-tile:disabled{opacity:.3}.letter-bank{margin-top:12px}.junior-frames{display:flex;flex-direction:column;gap:14px;width:min(100%,400px)}.junior-tenframe{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:8px;border:2px solid #9678a5;border-radius:10px;background:#eee2f4}.counter-cell{position:relative;min-height:46px;aspect-ratio:1.05;border:1px dashed #a283af;border-radius:7px;background:#fff9ed;display:grid;place-items:center}.counter-cell i{display:block;width:76%;height:76%;border-radius:45%;background:#bd76d8;border:2px solid #80528f;box-shadow:inset 3px 2px 0 #e5b6fa}.counter-cell.fixed i{background:#ffb75c;border-color:#bb7438;box-shadow:inset 3px 2px 0 #ffde96}.counter-cell.crossed{opacity:.45}.counter-cell.crossed:after{content:'×';position:absolute;inset:0;display:grid;place-items:center;font-size:40px;font-weight:900;color:#452637}.learning-model>p{font-size:16px;text-align:center;margin:3px 0}
.pv-chart{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;border:2px solid #a88abb;border-radius:12px;padding:6px;background:#eadcf0}.pv-column{background:#fff8ed;border-radius:8px;display:flex;flex-direction:column;align-items:center;min-width:0;padding:5px}.pv-column h3{font-size:15px;color:#493653;margin:2px 0 7px}.pv-column small{font-size:12px;color:#6d5778;margin:5px 0}.pv-blocks{width:100%;display:flex;justify-content:center;align-content:start;gap:1px;flex-wrap:wrap;min-height:48px}.block-tap{width:44px;height:48px;display:grid;place-items:center;border:2px solid transparent;border-radius:6px;background:transparent;padding:2px;flex-shrink:0}.block-tap.picked{border-color:#8047a6;background:#e5c9f4;box-shadow:0 0 0 1px #8047a6}.base-block{display:block;border:1px solid #9a6423}.block-0{width:35px;height:35px;background:repeating-linear-gradient(0deg,transparent 0 2.5px,#b4813d 2.5px 3.5px),repeating-linear-gradient(90deg,#ffda8c 0 2.5px,#b4813d 2.5px 3.5px)}.block-1{width:9px;height:40px;background:repeating-linear-gradient(0deg,#b5def0 0 3px,#6095ae 3px 4px);border-color:#6095ae}.block-2{width:15px;height:15px;background:#bcdc9c;border-color:#6b9649;box-shadow:2px 2px 0 #7b9d59}.empty-column{padding:14px;color:#a398aa}.pv-addends{display:flex;flex-direction:column;gap:5px;font-size:16px;text-align:center}.pv-instruction{font-size:16px!important;margin:0!important}.pv-trades{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;width:100%}.pv-trades button{flex:1 0 45%;min-height:44px;padding:8px;font-size:14px;white-space:nowrap}.pv-selected{font-size:12px!important;color:#705c7c;margin:0!important}.pv-remove{border:1px solid #bb9dcc;border-radius:9px;padding:8px;text-align:center;width:100%;background:#f1e3f8}.pv-remove p{font-size:14px;margin:2px 0 6px}.pv-remove button{font-size:16px;min-height:44px;padding:9px 16px}.build-place-controls{display:flex;gap:18px}.build-place-controls>div{display:flex;gap:7px;align-items:center}.build-place-controls button{padding:7px 14px;min-height:44px;font-size:24px}#pv-combine{font-size:17px;min-height:46px;padding:9px 15px}
.junior-manor{flex:1;min-height:0;display:flex;flex-direction:column;padding:12px 18px;background:#33233f;color:#fff0d7;gap:9px}.manor-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.manor-heading h1{font:29px Georgia,serif;margin:4px 0;letter-spacing:0}.manor-heading .eyebrow{font-size:10px;letter-spacing:2px}.manor-heading>b{font-size:14px}.manor-room-tabs{display:flex;gap:8px}.manor-room-tabs button{font-size:14px;min-height:44px;padding:8px 12px;flex:1}.manor-room-tabs .current{background:#ffd795;color:#453042;border-color:#ffdb99}.manor-room-tabs button:disabled{opacity:.4}.jr-manor-board{position:relative;flex:1;min-height:230px;width:min(100%,850px);max-height:570px;align-self:center;background-size:100% 100%;border:2px solid #ad8abd;border-radius:14px;overflow:hidden;isolation:isolate;aspect-ratio:1.5}.jr-manor-board canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.manor-clue{position:absolute;transform:translate(-50%,-50%);z-index:4;min-height:44px;background:#fff0d5ed;border:2px solid #d7a35d;border-radius:14px;color:#50374d;padding:8px 12px;font-size:16px;font-weight:800;box-shadow:0 2px 8px #140c27}.manor-clue span{display:inline-block;background:#764c92;color:#fff;padding:3px 7px;border-radius:50%;margin-right:5px}.manor-clue.complete{background:#e0f5dd;border-color:#8db286}.jr-manor-buddy{position:absolute;left:50%;top:83%;width:15%;height:26%;transform:translate(-50%,-85%);object-fit:contain;pointer-events:none;z-index:6;transition:left .65s,top .65s}.jr-manor-cat{position:absolute;left:37%;top:83%;width:8%;height:13%;background:url('assets/manor-cat-walk.webp') 0 0/400% 100%;transform:translate(-50%,-80%);pointer-events:none;z-index:5;animation:cat-walk .8s steps(4) infinite;transition:left .6s,top .6s}.jr-manor-cat[hidden]{display:none}.jr-manor-cat.cat-still{animation:none}.jr-manor-cat.roof-cat{animation:cat-roof 1s ease-out both;background-image:url('assets/reward-spectral-cat.webp');background-size:contain;background-repeat:no-repeat;background-position:center;width:7%;height:13%}.ghost-a{left:40%;top:48%}.ghost-b{left:82%;top:34%;animation-delay:-2s}.manor-guide{display:flex;gap:15px;align-items:center;justify-content:space-between}.manor-guide p{font-size:16px;margin:0;max-width:600px}.manor-guide .primary{font-size:17px;min-height:48px;padding:10px 18px}.junior-manor-task .badge-host>img{width:100%;height:155px;object-fit:cover;border-radius:12px}.junior-manor-task .badge-host button{font-size:14px;min-height:44px;padding:8px}.junior-cat-reward>img{height:170px}.junior-cat-reward p{max-width:650px}
@keyframes junior-ghost{50%{transform:translate(14px,-12px)}}@keyframes cat-walk{100%{background-position:-400% 0}}@keyframes cat-roof{0%{transform:translate(-50%,50%)}50%{transform:translate(-50%,-150%)}100%{transform:translate(-50%,-80%)}}@keyframes festival-lights{50%{opacity:.5;transform:translateY(-7px)}}
@media(max-width:1000px){.topbar{padding:8px 12px}.brand{font-size:12px}.brand span{font-size:17px}.tools .label{display:none}.topbar .icon-btn{padding:7px 10px}.badge-lesson{grid-template-columns:140px minmax(0,1fr)}.badge-host h2{font-size:22px}.classic-battle{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.pv-column{padding:3px}.junior-story>img{width:85px}.junior-story p{font-size:20px}.junior-actions .text-link{flex-basis:100%;min-height:24px;padding:2px}}
@media(max-width:760px){.shell{height:auto;min-height:100svh;overflow:visible}.topbar{height:auto;min-height:74px;flex-wrap:wrap;gap:6px;position:sticky;top:0;z-index:100}.brand{flex:1}.brand span{font-size:17px}.tools{gap:4px;flex-wrap:wrap}.tools .icon-btn{min-width:38px;min-height:42px;padding:6px;font-size:20px}.tools .top-read span{font-size:12px}.tools .auto-read{font-size:11px}.junior-fullscreen{display:none}.surface{min-height:calc(100svh - 90px);padding:20px 14px}.choose-grid{grid-template-columns:repeat(3,1fr);gap:10px}.hero-choice img{height:125px}.hero-choice strong{font-size:16px}.welcome-title h1{font-size:43px}.welcome-title .eyebrow{font-size:11px}.welcome-foot{font-size:16px}.guided-world{min-height:620px;overflow:visible}.map-viewport{min-height:260px;overflow:hidden}.walk-map{width:100%;border-radius:0}.world-heading{min-height:72px;height:auto;gap:5px}.world-heading h2{font-size:20px}.world-heading .xp-panel{width:auto}.guide-strip{min-height:100px;padding:8px 10px}.guide-action{min-height:48px;font-size:17px;padding:10px 17px}.junior-mansion-route{gap:7px;flex-wrap:wrap;padding:9px 10px}.junior-mansion-route>img{width:56px;height:46px}.junior-mansion-route>div{min-width:150px}.junior-mansion-route b{font-size:15px}.junior-mansion-route button{font-size:12px;padding:8px 10px}.badge-lesson{display:flex;flex-direction:column;padding:10px}.badge-host{display:flex;flex-direction:row;gap:8px;justify-content:space-between;padding:8px 12px}.badge-host>img{height:55px;width:55px;margin:0}.badge-host p,.badge-host .eyebrow{display:none}.badge-host h2{font-size:20px}.badge-lesson .task,.classic-battle .task{overflow:visible;min-height:400px;padding:12px}.learning-model,.classic-battle .learning-model{overflow:visible;min-height:150px}.classic-battle{display:flex;flex-direction:column;overflow:visible;padding:10px}.classic-battle .task{height:auto}.classic-arena{max-height:430px}.junior-actions .text-link{flex-basis:auto}.junior-story{display:block}.junior-story>img{float:right;height:80px}.junior-story p{font-size:20px}.pv-column h3{font-size:12px}.pv-column{padding:3px}.block-tap{width:44px;height:46px}.pv-blocks{gap:0}.pv-trades button{font-size:12px}.junior-entry{font-size:17px}.junior-actions .primary{font-size:16px;padding:10px 12px}.junior-manor{min-height:650px;padding:10px;gap:8px}.manor-heading{display:block}.manor-heading h1{font-size:26px}.manor-heading>b{display:block;font-size:12px;margin:6px 0}.manor-room-tabs{gap:5px}.manor-room-tabs button{font-size:11px;padding:7px}.jr-manor-board{min-height:290px;width:100%}.manor-clue{font-size:11px;padding:6px;min-width:100px}.manor-guide{flex-direction:column;align-items:stretch;gap:8px}.manor-guide p{font-size:15px}.jr-manor-buddy{width:19%;height:29%}.jr-manor-cat{width:12%;height:16%}.junior-manor-task .badge-host>img{height:60px;width:85px}.junior-manor-task .badge-host button{max-width:120px;font-size:12px}.reward{padding:20px 14px}.reward h1{font-size:32px}.reward p{font-size:17px}.reward .primary{font-size:18px;min-height:50px;padding:12px 18px}}
@media(max-width:400px){.topbar .brand{flex-basis:100%;text-align:center}.topbar .tools{width:100%;justify-content:center}.brand span{display:inline;margin-left:8px}.brand{font-size:10px}.brand span{font-size:14px}.junior-story p{font-size:18px}.pv-chart{gap:3px;padding:3px}.pv-column h3{font-size:11px}.block-tap{width:40px;height:44px}.junior-tenframe{gap:3px;padding:5px}.counter-cell{min-height:44px}.word-slots span,.letter-tile{width:45px}.junior-word-choices .answer,.classic-battle .junior-word-choices .answer{font-size:20px}.build-place-controls{gap:8px}.build-place-controls>div{gap:4px}.build-place-controls button{padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.junior-ghost,.jr-manor-cat,.festival-stars{animation:none!important}.jr-manor-buddy,.jr-manor-cat{transition:none!important}}
.reduce .junior-ghost,.reduce .jr-manor-cat,.reduce .festival-stars{animation:none!important}.reduce .jr-manor-buddy,.reduce .jr-manor-cat{transition:none!important}

/* Keep core controls legible against the Halloween header. */
.topbar .top-read{color:#fff3d0;background:#584069}.battle-caption>span{color:#ffe2a6}.moonlit-junior .map-road{background:#baa0a9}.moonlit-junior .walk-map{background-color:#363344}
/* The existing cat atlas has two rows and two columns. */
.jr-manor-cat{background-size:200% 200%;background-repeat:no-repeat;animation:cat-walk .8s step-end infinite;height:9%}
@keyframes cat-walk{0%{background-position:0 0}25%{background-position:100% 0}50%{background-position:0 100%}75%{background-position:100% 100%}100%{background-position:0 0}}
.walk-map .jr-manor-cat{width:5%;height:5.6%}.walk-map .jr-manor-cat.roof-cat{width:5%;height:8%;background-size:contain}
@media(max-width:760px){.map-movement{position:absolute;bottom:8px;left:8px}.guide-strip{display:grid;grid-template-columns:47px minmax(0,1fr);gap:8px}.guide-message strong{font-size:20px}.guide-message span{font-size:16px}.guide-strip>.guide-action{grid-column:1 / -1;min-height:44px;width:100%}.junior-manor{min-height:0}.jr-manor-board{flex:none;height:auto;min-height:0;aspect-ratio:1.5}.jr-manor-cat{width:12%;height:12%}.manor-clue{min-width:90px;font-size:10px;padding:4px}.manor-clue span{padding:2px 5px;margin-right:3px}}