:root{--home-art:url("/assets/ff132f8ba2ddbe9356.webp");--ui-icons:url("/assets/52e99b00d9d46a9291.webp");}
/* Spellstrike 3.3: picture-led entry. Interface controls are live HTML. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.home-view{background:#1765a0}.home-view .site-backdrop{inset:0;transform:none;filter:none;background:linear-gradient(0deg,#06213d25,transparent 60%),var(--home-art) center/cover no-repeat}.home-view #siteHeader,.home-view #siteFooter{display:none}.home-view #main{max-width:none;padding:0;min-height:100svh}.home-screen{width:min(1600px,100%);height:100svh;min-height:590px;margin:auto;display:grid;grid-template-rows:110px 1fr auto auto auto;gap:17px;position:relative;padding:max(20px,env(safe-area-inset-top)) max(30px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom));isolation:isolate}.home-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.home-logo{font-family:ComicHero,Impact,sans-serif;font-style:italic;font-size:clamp(36px,5.5vw,82px);line-height:1.08;color:#ffdf44;-webkit-text-stroke:3px #092462;paint-order:stroke fill;filter:drop-shadow(0 4px #ff971f) drop-shadow(0 5px #093571) drop-shadow(0 3px #44e5ff);letter-spacing:-1px;align-self:flex-start}.home-utility{display:flex;gap:15px;align-items:flex-start}.home-round{display:grid;place-items:center;width:70px;height:70px;padding:4px;border-radius:50%;border:3px solid #68eaff;background:linear-gradient(#178ce5,#0b3f9a);box-shadow:0 4px #062469,0 0 0 3px #0c5093}.home-round svg{width:37px;height:37px}.profile-home{position:relative}.home-name{position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);font-size:11px;background:#052945e8;padding:3px 8px;border-radius:20px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:white}.ui-picture{display:block;background-image:var(--ui-icons);background-size:200% 200%;background-repeat:no-repeat;aspect-ratio:1}.ui-abc{background-position:0 0}.ui-book{background-position:100% 0}.ui-pup{background-position:0 100%;width:100%;height:100%}.ui-lock{background-position:100% 100%}.home-spacer{min-height:15px}.home-modes{display:flex;justify-content:center;gap:18px}.home-mode{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(126px,15vw,180px);height:clamp(128px,15vw,180px);padding:4px 12px 8px;border:3px solid #62d5ff;border-radius:24px;background:linear-gradient(145deg,#154b80ef,#092955f5);box-shadow:inset 0 0 8px #249bf3,0 5px #04305f}.home-mode .ui-picture{width:100%;min-height:0;flex:1}.home-mode strong{font-size:clamp(18px,2vw,25px);text-shadow:0 2px #00192c}.home-mode[aria-pressed=true],.home-map[aria-pressed=true]{border-color:#fff791;box-shadow:0 0 0 3px #ffcd18,0 0 18px #ffe8328c,inset 0 0 10px #ffcb25}.home-mode[aria-pressed=true]:after,.home-map[aria-pressed=true]:after{content:'✓';position:absolute;right:-10px;top:-13px;width:35px;height:35px;border:3px solid #fff2a2;border-radius:50%;background:#eaae09;box-shadow:0 0 0 2px #fbd025;color:white;display:grid;place-items:center;font-size:23px;font-weight:900}.home-play{justify-self:center;display:flex;justify-content:center;align-items:center;gap:28px;width:min(590px,60vw);min-height:116px;padding:8px 30px;color:#071d51;border:6px solid #fff299;border-radius:45px;background:linear-gradient(#fffb55,#ffe513 58%,#ffb919);box-shadow:inset 0 0 0 3px #ffda26,0 8px #df870d,0 0 0 5px #0b79ce,0 0 0 9px #7beeff,0 0 35px #25dfff;font-family:ComicHero,Impact,sans-serif;font-size:clamp(56px,6.3vw,93px);letter-spacing:3px;line-height:1;transition:transform .16s}.home-play:hover{transform:translateY(-3px)}.home-play:active{transform:translateY(3px)}.play-triangle{display:block;width:0;height:0;border-top:32px solid transparent;border-bottom:32px solid transparent;border-left:48px solid #fffef2;filter:drop-shadow(3px 3px #b37505)}.home-bottom{display:grid;grid-template-columns:140px minmax(0,730px) 140px;align-items:end;justify-content:space-between;gap:20px;margin-top:9px}.home-worlds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-map{position:relative;border:3px solid #68dfff;border-radius:22px;background:#062d62;padding:0;overflow:visible;box-shadow:0 5px #07356c;min-width:0}.home-map .map-art{aspect-ratio:1.8;height:auto;border-radius:17px 17px 0 0}.home-map strong{font-size:clamp(14px,1.8vw,23px);display:block;padding:3px 5px 6px;line-height:1.15}.home-map[aria-pressed=true]{border-color:#fff482;box-shadow:0 0 0 3px #ffbf08,0 0 18px #fff249}.home-map[aria-pressed=true]:after{width:26px;height:26px;right:-6px;top:-9px;font-size:18px}.home-adult{min-height:93px;padding:7px 12px;border-radius:22px;border:3px solid #65d6ff;background:linear-gradient(#123d62f2,#092348ef);font-size:13px;box-shadow:0 4px #062246}.home-adult .ui-lock{width:50px;margin:auto}.home-blaster{min-height:93px;padding:10px 6px;border:3px solid #65d6ff;border-radius:22px;display:flex;align-items:center;justify-content:center;gap:4px;background:linear-gradient(#164c79f2,#08264fee)}.home-blaster .weapon-thumb{width:84px;height:58px;border:0;background-color:transparent}.home-blaster>span:first-child,.home-blaster>span:last-child{font-size:26px;color:#9cecff}.home-view .storage-notice{position:fixed;z-index:55;top:0;left:0;right:0}.home-view .skip:focus{z-index:100}.home-reduced .home-play{box-shadow:inset 0 0 0 3px #ffda26,0 8px #df870d,0 0 0 5px #0b79ce,0 0 0 9px #7beeff}
.parent-form{display:grid;gap:16px}.parent-form .form-row{margin:0}.parent-tabs{display:flex;gap:8px;margin:20px 0}.parent-tabs button{flex:1}.parent-tabs button[aria-pressed=true]{border-color:#ffe371;color:#ffe371}.parent-lesson{display:flex;width:100%;text-align:left;align-items:center;gap:12px;margin:8px 0;padding:12px;font-size:14px}.parent-lesson>span:last-child{margin-left:auto;font-size:12px;color:#a9e9ff}.parent-lesson small{display:block;margin-top:4px}.parent-status{padding:14px;border-radius:12px;background:#082f58;margin:16px 0}.parent-status p{margin:0}.parent-link{font-size:12px;text-decoration:underline;color:#9be5ff}.parent-extension{margin-top:14px;padding:14px;border:1px solid #5a9ac6;border-radius:12px}.parent-extension p{font-size:13px;margin:6px 0 0}.onboarding-grades{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.onboarding-grades button{font-size:27px;padding:11px}.onboarding-grades button[aria-pressed=true]{border-color:#ffdc5d;color:#ffdc5d}.parent-progress{font-size:12px;border-collapse:collapse;width:100%}.parent-progress td,.parent-progress th{padding:9px 5px;text-align:left;border-bottom:1px solid #3c789b}.parent-progress small{font-size:10px}.parent-review-list{display:grid;gap:10px}.parent-review-list a{color:#b0e7ff;text-decoration:underline;font-size:12px}
.lesson-overlay{position:absolute;inset:0;z-index:24;background:#02204488;backdrop-filter:blur(3px);display:grid;place-items:center;padding:18px;overflow:auto;touch-action:auto}.lesson-coach{background:linear-gradient(140deg,#0f4c82f5,#082a55fa);border:3px solid #82d9ff;border-radius:24px;width:min(670px,96vw);padding:22px;max-height:91dvh;overflow:auto;box-shadow:0 14px 55px #001b49a0}.lesson-coach h2{font-size:clamp(24px,4vw,35px);line-height:1.1;margin:8px 0 14px;color:#ffe46b}.lesson-coach p{font-size:clamp(15px,1.8vw,18px);line-height:1.55;margin:10px 0}.coach-progress{display:flex;align-items:center;gap:7px;color:#bae6ff;font-size:12px}.coach-progress i{width:27px;height:6px;border-radius:8px;background:#3b7096}.coach-progress i.done{background:#ffdd43}.coach-example{padding:15px;border:1px solid #76cbec;border-radius:14px;background:#092949;margin:14px 0}.coach-example b{display:block;font-size:clamp(23px,3vw,37px);margin:8px 0;color:#ffea84;overflow-wrap:anywhere}.coach-options{display:grid;gap:9px;margin:15px 0}.coach-options button{padding:15px;text-align:left;background:#125183;border:2px solid #72c8eb;font-size:18px}.coach-options button.correct{border-color:#b5f17c;background:#215d45}.coach-options button[aria-disabled=true]{opacity:.65}.coach-controls{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-top:20px}.coach-controls button{min-height:50px}.coach-controls .primary{padding:10px 28px;font-size:28px;display:flex;align-items:center;gap:15px}.coach-repeat{font-size:24px!important;min-width:56px}.coach-caption{border-left:3px solid #91deff;padding-left:10px}.coach-feedback{min-height:20px;color:#dfffc1!important;font-size:14px!important}.reading-sheet{width:min(850px,96vw)}.reading-sheet .ont-teach-passage{max-height:48dvh;font-size:18px}.reading-sheet .ont-teach-passage p{font-size:clamp(17px,2vw,22px);line-height:1.75;white-space:pre-wrap}.reading-tools{display:flex;gap:10px;flex-wrap:wrap}.reading-answer{display:flex;align-items:center;gap:10px;text-align:left;font-size:14px!important;padding:7px 10px!important;min-height:43px;box-shadow:none}.reading-answer b{display:grid;place-items:center;border-radius:50%;width:26px;height:26px;min-width:26px;background:#fbd851;color:#082646}.reading-answer span{line-height:1.25}.ont-read-hud>div{display:grid;gap:5px}.ont-read-hud>strong{font-size:clamp(15px,2vw,21px)}.chunk-slot{min-width:2em;background:#124e78;padding:0 4px;border-radius:6px}.word-slots{max-width:100%;flex-wrap:wrap!important}.result-card .answer{letter-spacing:1px}.result-summary{margin:10px 0;color:#a8e8ff;font-size:13px}.mission-extension{margin:18px 0;padding:13px;border:1px solid #73adc5;border-radius:12px;text-align:left}.mission-extension p{margin:5px 0}.plain-targets{position:absolute;inset:24% 10% 24%;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;align-content:center;touch-action:auto}.plain-targets button{background:radial-gradient(at 40% 25%,#27bafe,#12367b);border:5px solid #ffd759;border-radius:50%;min-width:45px;min-height:62px;font-size:clamp(21px,3vw,48px);box-shadow:0 6px #ad6c15,0 0 20px #1ce6ff6e}.plain-targets.few{grid-template-columns:repeat(3,1fr);max-width:700px;margin:auto}.plain-targets button.hit{visibility:hidden}.fallback-world{position:absolute;inset:0;background:linear-gradient(#061d3c33,#061d3c66),var(--home-art) center/cover}.flat-mode #lookPad,.flat-mode .crosshair,.flat-mode .fire-button,.flat-mode .desktop-hint,.flat-mode .look-hint,.flat-mode .joystick,.flat-mode .hunt-radar,.flat-mode .hunt-movement,.flat-mode #aimLabel{display:none!important}.flat-mode .build-badge{font-size:9px}.plain-mode-note{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-size:10px;color:#c2e9ff}.flat-mode .weapon-switch{display:none}
@media(min-width:1000px) and (min-height:850px){.home-screen{grid-template-rows:130px 1fr auto auto auto;gap:24px;padding-bottom:32px}.home-play{min-height:130px}.home-bottom{margin-top:20px}}
@media(max-width:650px){.home-screen{min-height:660px;grid-template-rows:76px minmax(38px,1fr) auto auto auto;gap:18px;padding:16px 15px max(17px,env(safe-area-inset-bottom))}.home-top{position:relative;justify-content:center}.home-logo{font-size:clamp(32px,10.1vw,58px);-webkit-text-stroke-width:2px;letter-spacing:-1px}.home-utility{position:absolute;left:0;right:0;top:63px;justify-content:space-between}.home-round{width:49px;height:49px;border-width:2px}.home-round svg{width:28px;height:28px}.home-name{font-size:10px;max-width:96px;top:calc(100% + 4px)}.home-mode{width:130px;height:132px;border-radius:21px;padding:3px 8px 7px}.home-mode strong{font-size:19px}.home-modes{gap:16px}.home-play{width:calc(100% - 12px);min-height:97px;font-size:66px;border-radius:32px;border-width:4px;gap:23px;padding:10px 15px}.play-triangle{border-top-width:23px;border-bottom-width:23px;border-left-width:35px}.home-bottom{grid-template-columns:1fr 1fr;gap:17px 14px;margin-top:9px}.home-worlds{grid-column:1/-1;grid-row:1;gap:8px}.home-map{border-radius:16px;border-width:2px}.home-map .map-art{border-radius:13px 13px 0 0;aspect-ratio:1.48}.home-map strong{font-size:16px;padding:4px}.home-adult{grid-column:1;grid-row:2;justify-self:start;min-height:68px;font-size:11px;min-width:84px;border-width:2px;border-radius:18px;padding:4px 10px}.home-adult .ui-lock{width:38px}.home-blaster{grid-column:2;grid-row:2;justify-self:end;min-height:68px;width:118px;border-radius:18px;border-width:2px;padding:5px}.home-blaster .weapon-thumb{width:73px;height:45px}.home-blaster>span:first-child,.home-blaster>span:last-child{font-size:22px}.home-map[aria-pressed=true]:after{width:22px;height:22px;font-size:15px}.home-mode[aria-pressed=true]:after{width:30px;height:30px;font-size:20px}dialog{padding:24px 19px}.lesson-coach{padding:18px}.lesson-coach h2{font-size:27px}.coach-example b{font-size:27px}.coach-options button{font-size:16px;padding:12px}.reading-answer{font-size:12px!important}.ont-read-hud{max-width:82vw}.word-panel{max-width:84vw}.reading-mode .hud-top{left:8px;right:8px;gap:5px}.reading-mode .hud-left{max-width:38px}.reading-mode .hud-left .brand{display:none}.reading-mode .word-panel{max-width:calc(100vw - 59px);min-width:0;padding:9px}.reading-mode .word-row{display:block}.reading-mode .word-row>.hear{float:right;min-height:34px;min-width:42px;margin-top:4px}.reading-mode .word-row>.hear b{font-size:17px}.reading-mode .round-label{position:absolute;top:calc(100% + 7px);right:0;font-size:9px;padding:4px 7px}.reading-mode .hud-feedback{display:none}.plain-targets{inset:31% 6% 25%;gap:8px;grid-template-columns:repeat(5,1fr)}.plain-targets.few{grid-template-columns:repeat(3,1fr)}.plain-targets button{font-size:25px;min-height:47px;border-width:3px}.plain-mode-note{bottom:78px;width:100%;text-align:center}}
@media(max-width:650px) and (max-height:730px){.home-screen{min-height:600px;grid-template-rows:65px minmax(5px,1fr) auto auto auto;gap:13px}.home-utility{top:55px}.home-mode{width:112px;height:113px}.home-play{min-height:80px;font-size:57px}.home-map .map-art{aspect-ratio:1.75}.home-adult,.home-blaster{min-height:60px}.home-adult .ui-lock{width:31px}.home-bottom{gap:12px}.home-spacer{min-height:45px}}
@media(max-height:550px) and (min-width:651px){.home-screen{height:100svh;min-height:360px;padding:13px 20px;grid-template-rows:51px 1fr auto auto auto;gap:9px}.home-logo{font-size:40px}.home-round{width:45px;height:45px;border-width:2px}.home-round svg{width:25px;height:25px}.home-mode{width:100px;height:88px;padding:1px 8px 5px;border-radius:16px}.home-mode strong{font-size:14px}.home-play{min-height:64px;font-size:47px;width:350px;border-width:3px;border-radius:25px;gap:20px}.play-triangle{border-top-width:19px;border-bottom-width:19px;border-left-width:29px}.home-bottom{grid-template-columns:95px minmax(0,480px) 105px;gap:12px;margin-top:4px}.home-map .map-art{aspect-ratio:3.1}.home-map strong{font-size:14px}.home-map{border-radius:13px;border-width:2px}.home-map .map-art{border-radius:10px 10px 0 0}.home-adult,.home-blaster{min-height:62px;padding:4px;font-size:10px;border-width:2px;border-radius:14px}.home-adult .ui-lock{width:30px}.home-blaster .weapon-thumb{width:64px;height:43px}.home-mode[aria-pressed=true]:after{width:24px;height:24px;font-size:16px;top:-7px;right:-7px}.home-spacer{min-height:0}.lesson-coach{max-height:93dvh}.reading-sheet .ont-teach-passage{max-height:37dvh}}
.home-map .map-art{display:block;width:100%}dialog:has(.reading-sheet){width:min(870px,96vw)}.reading-sheet{width:100%}
.home-screen button:focus-visible,.lesson-coach button:focus-visible{outline:4px solid #fff;outline-offset:5px}
@media(prefers-reduced-motion:reduce){.home-play{transition:none}.home-play:hover,.home-play:active{transform:none}}