@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/nunito-400.ttf)format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/nunito-500.ttf)format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/nunito-600.ttf)format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/nunito-700.ttf)format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/nunito-800.ttf)format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/nunito-900.ttf)format("truetype")}:root{color:#345453;font-synthesis:none;--ink:#345453;--cream:#fffaf0;--teal:#477d72;--orange:#df936d;--shadow:0 9px 0 #48686513, 0 16px 38px #46665f12;background:#d4eaec;font-family:Nunito,Arial Rounded MT Bold,Trebuchet MS,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation;border:0}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:5px;outline:3px solid #377994}button{transition:transform .17s,background .17s,box-shadow .17s}button:hover{transform:translateY(-2px)}button:active{transform:translateY(1px)}button:disabled{cursor:default;opacity:.5}svg{vertical-align:middle;flex-shrink:0}button svg{pointer-events:none}h1,h2,p{margin:0}h1{letter-spacing:-1.7px;font-size:clamp(30px,3vw,46px);font-weight:900;line-height:1.17}h2{font-weight:900}p{font-size:17px;line-height:1.65}em{color:#c9805e;font-style:normal}.topbar{z-index:5;background:#e9f3f0b3;border-bottom:1px solid #719b9e24;justify-content:space-between;align-items:center;height:88px;padding:0 4.1%;display:flex;position:relative}.brand{letter-spacing:-1px;background:0 0;align-items:center;gap:11px;font-size:25px;font-weight:1000;display:flex}.brand-star{color:#b88831;background:#f2d57e;border:1px solid #e5be68;border-radius:13px;padding:7px;transform:rotate(-10deg);box-shadow:2px 3px #b58c4930}.brand-star svg{fill:#f9e4a4}.brand-dot{color:#d79475;margin:9px 0 0 -7px;font-size:11px}.header-right{align-items:center;gap:17px;display:flex}.sky-pill{background:#fff9e6;border:1px solid #ded6b9;border-radius:28px;align-items:center;gap:10px;padding:12px 18px;font-size:15px;font-weight:800;display:flex}.sky-pill svg{color:#c89d42;fill:#f2ce71}.sky-pill #star-count{font-size:19px}.divider{background:#abc7c5;width:1px;height:27px}.icon-button{background:#fffaf0c9;border:1px solid #bccfca;border-radius:50%;justify-content:center;align-items:center;min-width:48px;min-height:48px;display:inline-flex}.parent-button{background:0 0;align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}#experience{background:radial-gradient(at 50% 45%,#e6f2ea00 25%,#c6e2e666 90%),linear-gradient(#d4ecee 0%,#d8edeb 60%,#eaf0dd 100%);height:calc(100svh - 88px);min-height:580px;max-height:1100px;position:relative;overflow:hidden}#experience:has(.hub-plan-picker){min-height:940px;max-height:none}#world{position:absolute;inset:60px 0 110px}#world canvas{touch-action:none;display:block}#world.hub-world{inset:84px 0 390px}#world.activity-world{inset:100px 0 145px}#screen{pointer-events:none;position:absolute;inset:0}#screen button,#screen input,#screen select,#screen canvas,#screen [data-interactive]{pointer-events:auto}.hub-heading{text-align:center;pointer-events:none;position:absolute;top:33px;left:0;right:0}.eyebrow{letter-spacing:2.1px;color:#6c8980;text-transform:uppercase;margin-bottom:11px;font-size:12px;font-weight:900;display:block}.hub-heading .eyebrow{justify-content:center;align-items:center;gap:13px;display:flex}.hub-heading .eyebrow span{background:#a2bcb2;width:23px;height:1px;display:block}.hub-heading h1{font-size:clamp(34px,3.4vw,49px)}.hub-heading p{color:#6b8983;margin-top:9px;font-size:16px;font-weight:600}.hub-plan-picker{z-index:2;pointer-events:auto;width:min(900px,88%);position:absolute;bottom:225px;left:50%;transform:translate(-50%)}.hub-plan-picker h2{color:#285e59;text-align:center;letter-spacing:-.7px;margin-bottom:11px;font-size:clamp(20px,2.1vw,29px)}.week-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.week-card{text-align:left;background:#fffaf0ef;border:2px solid #ddd9c8;border-radius:22px;grid-template-columns:104px 1fr 34px;align-items:center;min-width:0;min-height:108px;padding:10px 13px;display:grid;position:relative;overflow:hidden;box-shadow:0 6px #52725e1c,0 12px 28px #3f5e5620}.week-card.selected{border-color:#64a461;box-shadow:0 0 0 3px #b8dda9,0 7px #4f8d5128}.week-card img{object-fit:contain;width:94px;height:86px;display:block}.week-card-copy{gap:2px;min-width:0;display:grid}.week-card-copy strong{color:#285d59;font-size:20px;font-weight:1000;line-height:1.05}.week-card-copy small{font-size:13px;font-weight:800}.week-tags{flex-wrap:wrap;gap:5px;margin-top:5px;display:flex}.week-tags i{color:#355f57;background:#dceacc;border-radius:999px;padding:3px 9px;font-size:11px;font-style:normal;font-weight:900}.butterfly-card .week-tags i{background:#e5d8ee}.week-check{color:#0000;border:2px solid #b8c1ba;border-radius:50%;place-items:center;width:32px;height:32px;font-size:20px;font-weight:1000;display:grid}.week-card.selected .week-check{color:#fff;background:#57a456;border-color:#57a456}.semantic-plan-select{opacity:.01;width:1px;height:1px;margin:0;padding:0;position:absolute;top:0;left:0}select.semantic-plan-select{width:48px;height:44px}.week-theme{color:#759183;align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex;position:absolute;top:170px;left:4.4%;transform:rotate(-5deg)}.week-theme span{color:#bd8975}.hub-callout{color:#658578;text-align:center;width:150px;font-size:18px;font-weight:800;line-height:1.4;position:absolute;top:270px;right:4.6%;transform:rotate(6deg)}.small-spark{color:#c5a95f;margin-bottom:7px;font-size:30px;display:block}.hub-bottom{flex-direction:column;align-items:center;gap:12px;width:100%;padding:0 4.3% 19px;display:flex;position:absolute;bottom:0}.start-button,.primary{color:#fffdf1;background:#4a7f71;border:1px solid #3d7464;border-radius:17px;justify-content:center;align-items:center;gap:22px;min-height:56px;padding:16px 27px;font-size:18px;font-weight:900;display:inline-flex;box-shadow:0 5px #326151}.start-button{border-radius:20px;padding:15px 32px;font-size:20px;transform:rotate(-1.3deg);box-shadow:0 5px #366a5b,0 0 0 6px #f4f3daaa}.day-strip{grid-template-columns:repeat(5,1fr);gap:14px;width:min(1050px,100%);display:grid}.day-tab{min-width:0;min-height:104px;box-shadow:0 6px 0 color-mix(in srgb, var(--day-color) 28%, transparent), 0 12px 24px #3f5e5618;text-align:left;background:#fffaf0f2;border:2px solid #e3dbc8;border-radius:20px;grid-template-rows:30px 25px;grid-template-columns:46px 1fr;align-content:center;column-gap:12px;padding:14px 15px;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:grid;position:relative}.day-tab:before{content:"";background:var(--day-color);border-radius:18px 18px 0 0;height:6px;position:absolute;inset:0 0 auto}.day-tab:hover{border-color:color-mix(in srgb, var(--day-color) 65%, #e3dbc8);box-shadow:0 8px 0 color-mix(in srgb, var(--day-color) 35%, transparent), 0 16px 28px #3f5e5620;transform:translateY(-3px)rotate(-.4deg)}.day-tab:focus-visible{outline:4px solid color-mix(in srgb, var(--day-color) 42%, #fffaf0);outline-offset:3px}.day-tab.selected{border-color:var(--day-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--day-color) 28%, transparent), 0 7px 0 color-mix(in srgb, var(--day-color) 38%, transparent), 0 14px 27px #3f5e5620;background:#fff7e7;transform:translateY(-2px)}.day-number{background:var(--day-color);color:#fffbee;width:46px;height:50px;box-shadow:inset 0 -4px 0 #0000000b, 0 4px 0 color-mix(in srgb, var(--day-color) 42%, transparent);border-radius:14px 14px 7px 7px;grid-row:1/3;justify-content:center;align-self:center;align-items:center;font-size:29px;font-weight:1000;line-height:1;display:flex}.day-name{color:#365e58;white-space:normal;align-self:end;min-width:0;font-size:clamp(13px,1.45vw,18px);font-weight:1000;line-height:1.05}.day-stars{color:#bfc9b8;align-items:center;gap:3px;font-size:13px;font-weight:900;line-height:1;display:flex}.day-stars-earned{color:#c99739}.day-stars-symbol{color:#d6aa41;margin-left:1px;font-size:15px}.earned{color:#d6aa41!important}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.hub-footer{color:#82968a;justify-content:space-between;width:100%;font-size:12px;font-weight:600;display:flex}.hub-footer span:first-child{align-items:center;gap:8px;display:flex}.center-screen{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#d5e7dc88;justify-content:center;align-items:center;padding:75px 22px 25px;display:flex}.paper-panel{text-align:center;width:100%;max-width:620px;box-shadow:var(--shadow);background:#fffbef;border:1px solid #e6d9bc;border-radius:32px;padding:39px 48px 33px;position:relative;pointer-events:auto!important}.paper-panel h1{margin:10px 0 14px}.paper-panel p{color:#7a8e7d}.paper-panel .primary{margin-top:25px}.folder-large{color:#d69b63;justify-content:center;align-items:center;width:128px;height:120px;margin:10px auto 20px;animation:3s ease-in-out infinite bob;display:flex;position:relative}.folder-large svg{fill:#edc17f;stroke-width:1.2px;filter:drop-shadow(4px 6px #99795720)}.folder-large span{color:#8b704d;letter-spacing:1px;font-size:14px;font-weight:1000;position:absolute;top:62px;left:42px}.scene-controls{z-index:4;gap:12px;display:flex;position:absolute;top:26px;left:4.3%}.day-screen{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e7eddfd9;padding:36px 5%}.day-heading{text-align:center;margin:9px 0 35px}.day-heading p{color:#7d9284;margin-top:12px}.subject-grid{grid-template-columns:repeat(5,1fr);gap:17px;max-width:1130px;margin:0 auto;display:grid}.subject-card{text-align:center;background:#fffaf0;border:1px solid #e4dbc4;border-radius:22px;flex-direction:column;align-items:center;min-height:314px;padding:20px 19px 22px;display:flex;position:relative;box-shadow:0 7px #71866a14}.subject-order{color:#93a292;align-self:flex-start;font-size:13px;font-weight:800}.subject-art{color:#fffaf0;background:var(--subject-color);border-radius:24px 27px 20px 25px;justify-content:center;align-items:center;width:86px;height:90px;margin:12px 0 25px;display:flex;transform:rotate(-6deg);box-shadow:3px 5px #81765a15}.letter-icon{letter-spacing:-1px;font-size:27px;font-weight:1000}.subject-card h2{margin-bottom:12px;font-size:19px;line-height:1.15}.subject-desc{color:#839083;font-size:14px;line-height:1.5}.subject-status{color:#5d8272;align-items:center;gap:10px;margin-top:auto;padding-top:23px;font-size:15px;font-weight:900;display:flex}.day-footnote{text-align:center;color:#7d9380;margin-top:34px;font-size:14px}.activity-heading{text-align:center;width:64%;position:absolute;top:25px;left:18%}.activity-heading h1{font-size:35px}.activity-heading p{color:#688678;margin-top:10px;font-weight:700}.activity-heading .eyebrow{font-size:12px}.dot-sep{color:#a7bcb0;padding:0 10px}#activity-content{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:145px 6% 120px}#activity-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:13px;width:90%;display:flex;position:absolute;bottom:35px;left:5%}.secondary,.choice,.letter-tile,.number-tile{background:#fffbee;border:1px solid #d7d6bd;border-radius:15px;justify-content:center;align-items:center;gap:10px;min-height:56px;padding:14px 22px;font-size:18px;font-weight:900;display:inline-flex;box-shadow:0 4px #839c7d24}.text-button{color:#708778;background:0 0;min-height:44px;margin:20px auto 0;font-size:15px;font-weight:800;display:block}.reward-star{color:#dfb447;filter:drop-shadow(0 6px #c6a04030);margin-bottom:18px;animation:2.5s ease-in-out infinite bob}.reward-star svg{fill:#f7d776;stroke-width:1px}.reward-progress{color:#dfdfcc;justify-content:center;gap:12px;margin-top:20px;font-size:33px;display:flex}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{top:-20px;left:var(--x);background:var(--c);width:10px;height:20px;transform:rotate(var(--r));animation:confetti 3.7s var(--delay) ease-out infinite;position:absolute}.sky-panel{max-width:760px}.weekly-sky{gap:12px;margin-top:24px;display:grid}.weekly-sky>div{text-align:left;grid-template-columns:130px 1fr;align-items:center;gap:20px;display:grid}.weekly-sky h2{font-size:16px}.weekly-sky>div>div{justify-content:space-between;display:flex}.sky-star{color:#dedcc9}.sky-star.earned svg{fill:#f4d46d}.nina-stars{letter-spacing:17px;color:#cfa23b;text-shadow:0 0 16px #ecc65b;font-size:65px}.preview-icon{color:#ccab69;margin:15px 0 25px;display:block}.subtitle{color:#fff;text-align:center;z-index:8;pointer-events:none;background:#314e49ed;border-radius:12px;max-width:90%;padding:10px 20px;font-size:17px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.feedback{box-shadow:var(--shadow);opacity:0;z-index:8;pointer-events:none;white-space:nowrap;background:#fff8dc;border:1px solid #e4ce88;border-radius:20px;padding:10px 21px;font-weight:900;transition:all .2s;position:absolute;top:118px;left:50%;transform:translate(-50%,-10px)}.feedback.show{opacity:1;transform:translate(-50%)}dialog{color:var(--ink);background:#fffaf0;border:1px solid #d8d6c0;border-radius:25px;width:min(480px,94vw);max-height:92svh;padding:36px;overflow:auto;box-shadow:0 30px 100px #1d4c4433}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#325d5c66}dialog h2{margin-bottom:16px;font-size:28px}.modal-close{min-width:40px;min-height:40px;position:absolute;top:15px;right:15px}.settings{gap:0;margin:16px 0;display:grid}.settings label{border-bottom:1px solid #dddcca;justify-content:space-between;align-items:center;padding:15px 0;font-weight:800;display:flex}.settings input{accent-color:#4a7f71;width:24px;height:24px}.parent-note{color:#768573;margin:16px 0;font-size:13px;line-height:1.6}.select-label{margin:18px 0 8px;font-weight:800;display:block}select,input[type=number]{background:#fff;border:1px solid #b9c6b7;border-radius:10px;width:100%;min-height:48px;padding:12px 14px}#parent-gate label{margin:22px 0 10px;font-size:27px;font-weight:900;display:block}#parent-gate .primary{width:100%;margin-top:15px}.reset-button{color:#a77159;background:0 0;border:1px solid #d5b7a4;border-radius:12px;min-height:48px;margin-top:25px;padding:12px 18px;font-weight:800}.button-row{gap:15px;margin-top:25px;display:flex}#gate-error{color:#a77956;font-size:14px}.reduce-motion *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.webgl-error{max-width:600px;margin:auto;padding:10vh 30px}.webgl-error button{margin-top:20px;padding:15px}@keyframes bob{50%{transform:translateY(-9px)rotate(3deg)}}@keyframes confetti{to{transform:translateY(100svh)rotate(450deg)}}@media (min-width:1600px){#experience{max-height:none}.hub-plan-picker{bottom:270px}.hub-bottom{gap:27px;padding-bottom:28px}.hub-heading{top:48px}.day-strip{max-width:1160px}.day-tab{min-height:97px}}@media (max-width:1000px){.hub-callout{display:none}.week-theme{font-size:12px;top:190px;left:3%}.day-strip{gap:9px}.day-tab{grid-template-columns:38px 1fr;column-gap:8px;padding:12px 10px}.day-number{width:38px;height:43px;font-size:24px}.day-name{font-size:14px}.subject-grid{gap:12px}.subject-card{min-height:300px;padding:15px 10px}.subject-card h2{font-size:17px}.subject-desc{font-size:13px}.day-screen{padding:35px 3%}.scene-controls{left:3%}.activity-heading{width:70%;left:22%}.activity-heading h1{font-size:29px}}@media (max-width:650px){.topbar{height:73px;padding:0 17px}.brand{gap:7px;font-size:21px}.brand-star{border-radius:10px;padding:5px}.brand-star svg{width:23px;height:23px}.header-right{gap:9px}.sky-label,.parent-button span,.divider,.brand-dot{display:none}.sky-pill{gap:6px;padding:7px 10px}.sky-pill svg{width:17px}.sky-pill #star-count{font-size:16px}.parent-button{min-height:44px;padding:5px}.header-right .icon-button{background:0 0;border:0;min-width:38px;min-height:38px}.header-right .icon-button svg{width:20px}#experience{height:calc(100svh - 73px);min-height:715px;max-height:none}#experience:has(.hub-plan-picker){min-height:1040px}.hub-heading{top:35px}.hub-heading h1{letter-spacing:-1.3px;font-size:33px}.hub-heading .eyebrow{letter-spacing:1.6px;font-size:10px}.hub-heading p{margin-top:8px;font-size:14px}.week-theme{display:none}#world.hub-world{inset:105px -12% 585px}.hub-plan-picker{width:calc(100% - 28px);top:455px;bottom:auto}.hub-plan-picker h2{margin-bottom:10px;font-size:23px}.week-cards{grid-template-columns:1fr;gap:10px}.week-card{border-radius:18px;grid-template-columns:88px 1fr 32px;min-height:108px}.week-card img{width:80px;height:84px}.week-card-copy strong{font-size:19px}.hub-bottom{gap:12px;padding:0 14px 17px}.start-button{min-height:52px;padding:13px 25px;font-size:17px}.day-strip{gap:5px}.day-tab{border-radius:12px;grid-template-rows:34px minmax(24px,auto) 17px;grid-template-columns:1fr;align-content:center;justify-items:center;gap:5px;min-height:122px;padding:13px 3px 11px;display:grid}.day-number{border-radius:8px 8px 3px 3px;grid-row:auto;width:32px;height:34px;font-size:20px}.day-name{text-align:center;letter-spacing:-.2px;align-self:center;font-size:11px}.day-stars{gap:2px;font-size:10px}.day-stars-symbol{font-size:12px}.hub-footer{justify-content:center;font-size:11px}.hub-footer span:last-child{display:none}.scene-controls{gap:8px;top:16px}.scene-controls .icon-button{min-width:43px;min-height:43px}.center-screen{padding:77px 15px 20px}.paper-panel{border-radius:24px;padding:30px 24px}.paper-panel h1{font-size:30px}.paper-panel p{font-size:16px}.day-heading{margin:65px 0 25px}.day-heading h1{font-size:34px}.day-heading p{font-size:15px}.day-screen{padding:12px 16px 25px;overflow-y:auto;pointer-events:auto!important}.subject-grid{grid-template-columns:1fr;gap:12px}.subject-card{text-align:left;grid-template-columns:60px 1fr 45px;gap:0 16px;min-height:103px;padding:16px;display:grid}.subject-order{display:none}.subject-art{border-radius:15px;grid-row:1/3;width:58px;height:63px;margin:0}.subject-art svg{width:30px}.subject-art .letter-icon{font-size:20px}.subject-card h2{margin:0 0 7px;font-size:18px}.subject-desc{font-size:13px}.subject-status{grid-area:1/3/3;justify-content:center;margin:0;padding:0;font-size:0}.subject-status svg{width:23px;height:23px}.day-footnote{margin-top:25px;font-size:13px}.activity-heading{width:90%;top:79px;left:5%}.activity-heading h1{font-size:27px}.activity-heading p{font-size:15px}.activity-heading .eyebrow{letter-spacing:1.1px;font-size:10px}#world.activity-world{inset:178px -15% 180px}#activity-content{inset:205px 4% 137px}#activity-actions{gap:8px;width:92%;bottom:30px;left:4%}.primary,.secondary{padding:13px 20px;font-size:16px}.feedback{white-space:normal;text-align:center;max-width:92%;font-size:14px;top:177px}.weekly-sky>div{grid-template-columns:85px 1fr;gap:5px}.weekly-sky h2{font-size:12px}.sky-star svg{width:26px}.weekly-sky{gap:18px}.subtitle{width:max-content;max-width:95%;padding:7px 12px;font-size:14px;bottom:4px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.trace-paper{pointer-events:auto;width:min(440px,52%);box-shadow:var(--shadow);background:#fffbef;border:1px solid #dedbc5;border-radius:24px;margin-left:42%;padding:16px 12px 3px;transform:rotate(1deg)}.trace-label{color:#8e9a80;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:800;display:flex}.trace-paper canvas{aspect-ratio:4/3;touch-action:none;width:100%;display:block}.trace-footer{color:#9da58d;justify-content:space-between;align-items:center;padding:0 9px;font-size:12px;font-weight:800;display:flex}.trace-footer .text-button{align-items:center;gap:5px;margin:0;font-size:12px;display:flex}.letter-choices{flex-wrap:wrap;justify-content:center;gap:17px;display:flex}.letter-tile{background:var(--tile-color,#edc875);color:#fffdf1;text-shadow:1px 2px #9f805733;touch-action:none;-webkit-user-select:none;user-select:none;border:2px solid #fff5;min-width:80px;min-height:86px;padding:10px 20px;font-size:42px;box-shadow:0 5px #977e5033}.letter-tile:nth-child(2n){transform:rotate(3deg)}.letter-tile:nth-child(odd){transform:rotate(-3deg)}.letter-tile:hover{transform:rotate(0)translateY(-4px)}.letter-tile.correct,.filled{color:#fffcf0!important;background:#95bca0!important}.letter-slot{color:#a6b59a;pointer-events:auto;background:#fffbedbc;border:2px dashed #a7baa2;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;min-width:92px;min-height:102px;font-size:36px;font-weight:900;display:flex}.letter-slot small{font-size:14px;font-weight:700}.match-board{pointer-events:auto;flex-direction:column;align-items:center;gap:42px;width:100%;max-width:820px;display:flex}.match-targets{justify-content:center;gap:17px;display:flex}.matching-content .match-board{margin-top:130px}.used{opacity:.15!important;pointer-events:none!important}.picked{outline-offset:5px;outline:4px solid #4f8877}.drag-ghost{z-index:10000;opacity:.85;pointer-events:none!important;position:fixed!important;transform:translate(-50%,-50%)rotate(8deg)!important}.hint-pulse{animation:1.3s ease-in-out infinite hint}.number-tile{background:#fff3ce;min-width:76px;min-height:78px;font-size:35px}.count-taps{justify-content:center;gap:21px;width:100%;margin-top:170px;display:flex}.count-tap{color:#91a98d;background:#fff8e4d9;border:2px dashed #bdc4a7;border-radius:50%;width:60px;height:60px;font-size:25px;font-weight:900}.counted{color:#fff9e8;background:#8daf91;border-style:solid}.basket-board{flex-direction:column;align-items:center;gap:24px;margin-top:55px;display:flex}.basket-drop{background:0 0;border:2px dashed #a8aa8366;border-radius:20px;flex-direction:column;justify-content:flex-end;align-items:center;gap:9px;min-width:220px;min-height:160px;padding:12px;display:flex}.basket-drop span:first-child{background:#fff7de;border-radius:15px;padding:5px 18px;font-size:20px;font-weight:900}.basket-drop span:last-child{color:#7d927b;font-size:13px}.basket-items{gap:14px;display:flex}.object-tile{color:#a9823e;touch-action:none;background:#f5cd72;border:2px solid #fff6d9;border-radius:18px;min-width:67px;min-height:67px;padding:15px;box-shadow:0 4px #a2926533}.object-tile svg{fill:#fff0ba}.rule-choices{justify-content:space-around;gap:20px;width:100%;margin-top:215px;display:flex}.rule-choices .choice{min-width:230px}.catch-lanes{justify-content:space-between;align-items:flex-end;gap:20px;width:min(690px,100%);height:100%;display:flex}.catch-lane{background:0 0;border:2px dashed #0000;border-radius:100px;width:30%;height:75%}.catch-lane.target-lane{background:linear-gradient(#0000 30%,#efce6744);border-color:#ecc86c88}.catch-score{background:#fff5db;border-radius:20px;padding:10px 17px;font-size:19px;font-weight:900;position:absolute;top:10px;right:0}.movement-hint{color:#78947b;align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.book-choices{justify-content:center;gap:35px;width:100%;margin-top:270px;display:flex}.book-choices .secondary{font-size:16px}.story-pages{align-self:flex-end;gap:9px;margin-bottom:0;display:flex}.story-pages span{background:#a7b9a466;border-radius:50%;width:8px;height:8px}.story-pages span.current{background:#699c85;border-radius:10px;width:23px}.story-content{pointer-events:none!important}@keyframes hint{50%{filter:brightness(1.05);box-shadow:0 0 0 7px #ecc96b66}}@media (max-width:650px){.trace-paper{border-radius:18px;width:66%;margin-left:34%;padding:11px 4px 0;transform:none}.trace-label{gap:3px;font-size:10px}.trace-label svg{width:13px}.trace-footer{padding:0 4px}.trace-footer .text-button{font-size:10px}.trace-footer .text-button svg{display:none}.trace-footer{font-size:10px}.letter-choices{gap:10px}.letter-tile{border-radius:13px;min-width:52px;min-height:65px;padding:8px 12px;font-size:31px}.letter-slot{border-radius:12px;min-width:52px;min-height:76px;font-size:27px}.letter-slot span{font-size:20px}.letter-slot small{font-size:10px}.match-targets{gap:9px}.match-board{gap:35px}.matching-content .match-board{margin-top:90px}.number-tile{min-width:52px;min-height:64px;padding:10px 15px;font-size:29px}.count-taps{gap:12px;margin-top:150px}.count-tap{width:44px;height:48px;font-size:20px}.basket-drop{min-width:175px;min-height:150px}.basket-board{gap:30px;margin-top:40px}.basket-items{gap:9px}.object-tile{border-radius:12px;min-width:49px;min-height:53px;padding:9px}.object-tile svg{width:25px}.rule-choices{gap:10px;margin-top:170px}.rule-choices .choice{gap:5px;width:48%;min-width:0;padding:10px 8px;font-size:13px}.rule-choices .choice svg{width:16px}.catch-score{font-size:16px;top:-5px}.book-choices{gap:7px;margin-top:220px}.book-choices .secondary{gap:4px;min-width:0;min-height:49px;padding:8px 7px;font-size:11px}.book-choices svg{width:16px}.pronounce{font-size:14px}.activity-heading p{max-width:96%;margin:8px auto 0;line-height:1.5}.story-content .story-pages{margin-bottom:0}}@media (min-width:651px) and (max-height:820px){.hub-heading{top:20px}.hub-heading h1{font-size:36px}.hub-heading p{margin-top:5px}.hub-bottom{gap:14px;padding-bottom:14px}.day-tab{min-height:78px}.hub-heading .eyebrow{margin-bottom:7px}#world.hub-world{inset:70px 0 390px}.week-theme{top:156px}.hub-callout{top:227px}.subject-card{min-height:285px}}.object-tile img{pointer-events:none;display:block}.object-tile{padding:8px}.activity-world .sun{display:none}body:has(.hub-shell){background:#fffaf0}body:has(.hub-shell) .brand{font-size:24px}body:has(.hub-shell) .brand-star{border-radius:11px;padding:6px}body:has(.hub-shell) .sky-pill{background:#fffefb;border-color:#ebe7dd;min-height:46px;padding:8px 15px}body:has(.hub-shell) .icon-button{background:0 0;border:0;min-width:42px;min-height:42px}#world.hub-world{opacity:.05;pointer-events:none;inset:0}.hub-shell{min-height:680px;position:absolute;inset:0}.hub-heading h1{color:#083d4c;letter-spacing:-2.5px;font-size:clamp(34px,3.25vw,59px);line-height:1.02}.hub-heading h1:before,.hub-heading h1:after{color:#ffc41b;text-shadow:10px 0 #ffc41b,-10px 0 #ffc41b;content:"✦";font-size:clamp(20px,2vw,35px);line-height:1;position:absolute}.hub-heading h1:before{top:3px;left:clamp(-52px,-3vw,-32px)}.hub-heading h1:after{bottom:5px;right:-24px}.hub-heading em{color:#fb674b}.hub-heading p{color:#5e837a;margin-top:7px;font-size:clamp(16px,1.45vw,26px);font-weight:800;line-height:1.25}.hub-plan-picker{z-index:4;background:#fffefbf2;border:1px solid #eee9df;border-radius:22px;align-items:center;width:auto;margin:0;padding:7px 14px;display:flex;inset:clamp(16px,2.2vw,42px) clamp(140px,16vw,280px) auto auto;transform:none;box-shadow:0 5px 14px #705e4620}.hub-plan-picker label{color:#164454;align-items:center;gap:7px;font-weight:900;display:inline-flex}.hub-plan-picker label svg{color:#164454}.hub-plan-picker label span{display:none}.hub-plan-picker select{color:#164454;background:0 0;border:0;max-width:195px;min-height:38px;padding:3px 23px 3px 7px;font-size:clamp(14px,1.1vw,19px);font-weight:900}.hub-good-choice{z-index:3;color:#5e837a;align-items:center;gap:10px;font-size:clamp(13px,1.2vw,20px);font-weight:900;line-height:1.08;display:flex;position:absolute;top:clamp(76px,8vw,132px);right:clamp(140px,16vw,280px)}.hub-good-choice svg{color:#ff7658}.hub-scene{aspect-ratio:1920/819;pointer-events:none;width:100vw;min-width:1000px;position:absolute;top:-90px;left:50%;transform:translate(-50%)}.hub-scene-art{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.start-button{color:#fff;background:#fc684e;border:1px solid #f1664d;border-radius:999px;min-width:260px;min-height:70px;padding:15px 36px;font-size:clamp(20px,2vw,31px);transform:none;box-shadow:0 6px #dc4f3b,0 0 0 7px #fffaf0aa}@media (max-width:1100px){body:has(.hub-shell) .topbar{margin-left:24px;margin-right:24px}.hub-heading{width:43vw}.hub-heading h1:before,.hub-heading h1:after{display:none}.hub-plan-picker{right:24px}.hub-good-choice{display:none}.hub-scene{min-width:0}.hub-shell .day-strip{gap:4.6%}.hub-bottom{top:clamp(340px,43vw,470px)}}@media (max-width:650px){body:has(.hub-shell) .topbar{border-radius:13px;height:58px;margin:8px 10px;padding:0 11px}body:has(.hub-shell) .brand{font-size:19px}body:has(.hub-shell) .brand-star{padding:4px}body:has(.hub-shell) .header-right{gap:3px}body:has(.hub-shell) .sky-pill{min-height:38px;padding:4px 8px}:is(body:has(.hub-shell) .icon-button,body:has(.hub-shell) .parent-button){min-width:36px;min-height:38px;padding:4px}#experience:has(.hub-shell){height:calc(100svh - 74px);min-height:730px;max-height:none}.hub-shell{min-height:730px}.hub-heading{text-align:center;width:calc(100% - 40px);top:24px;left:20px}.hub-heading h1{letter-spacing:-1.7px;font-size:clamp(30px,9vw,39px)}.hub-heading p{font-size:16px}.hub-plan-picker{padding:5px 10px;top:119px;right:50%;transform:translate(50%)}.hub-plan-picker label span{display:none}.hub-plan-picker select{max-width:205px;min-height:33px;font-size:14px}.hub-good-choice{display:none}.hub-scene{width:720px;min-width:720px;top:177px}#world.hub-world{display:none}.hub-scene{z-index:1;opacity:1;isolation:isolate}.hub-scene-art{opacity:1;filter:none}.hub-school-sign{letter-spacing:-.8px;font-size:20px}.hub-shell .day-strip{gap:5.5%}.hub-shell .day-name{font-size:10.5px}.hub-shell .day-number{border-radius:7px;font-size:17px}.hub-shell .day-stars{min-height:22px;font-size:11px}.hub-bottom{gap:20px;padding:0 20px;top:555px}.start-button{min-width:236px;min-height:61px;font-size:22px}.hub-footer{text-align:center;justify-items:center;gap:7px;font-size:13px;display:grid}}#experience:has(.hub-shell){background:radial-gradient(at 50% 43%,#e6f2ea00 25%,#c6e2e666 90%),linear-gradient(#d4ecee 0%,#d8edeb 60%,#eaf0dd 100%);min-height:780px;max-height:900px}#world.hub-world{z-index:1;opacity:1;pointer-events:auto;display:block;inset:105px 0 330px}.hub-shell{z-index:2;pointer-events:none;min-height:780px}.hub-heading{text-align:center;width:auto;top:24px;left:0;right:0}.hub-plan-picker,.hub-good-choice,.hub-bottom{pointer-events:auto}.hub-bottom{gap:14px;padding:0 clamp(14px,4vw,64px) 18px;top:auto;bottom:0}.hub-shell .day-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;width:min(1100px,100%);height:auto;display:grid;position:static}.hub-shell .day-tab{min-width:0;min-height:104px;box-shadow:0 6px 0 color-mix(in srgb, var(--day-color) 28%, transparent), 0 12px 24px #3f5e5618;text-align:left;background:#fffaf0f2;border:2px solid #e3dbc8;border-radius:20px;grid-template-rows:30px 25px;grid-template-columns:46px 1fr;align-content:center;padding:14px 15px;display:grid;position:relative;overflow:hidden}.hub-shell .day-tab:hover{border-color:color-mix(in srgb, var(--day-color) 65%, #e3dbc8);box-shadow:0 8px 0 color-mix(in srgb, var(--day-color) 35%, transparent), 0 16px 28px #3f5e5620;background:#fffaf0f2;transform:translateY(-3px)rotate(-.4deg)}.hub-shell .day-tab.selected{border-color:var(--day-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--day-color) 28%, transparent), 0 7px 0 color-mix(in srgb, var(--day-color) 38%, transparent), 0 14px 27px #3f5e5620;background:#fff7e7;transform:translateY(-2px)}.hub-shell .day-name{color:#365e58;white-space:normal;grid-area:1/2;align-self:end;min-width:0;font-size:clamp(13px,1.45vw,18px);font-weight:1000;line-height:1.05;position:static}.hub-shell .day-number{aspect-ratio:auto;background:var(--day-color);color:#fffbee;width:46px;height:50px;box-shadow:inset 0 -4px 0 #0000000b, 0 4px 0 color-mix(in srgb, var(--day-color) 42%, transparent);border:0;border-radius:14px 14px 7px 7px;grid-area:1/1/3;align-self:center;font-size:29px;position:static}.hub-shell .day-stars{min-height:0;box-shadow:none;color:#bfc9b8;letter-spacing:0;background:0 0;border-radius:0;grid-area:2/2;justify-content:flex-start;padding:0;font-size:13px;position:static}.start-button:hover{transform:translateY(-3px)}.hub-footer{color:#5e7f78;text-shadow:0 1px 5px #fffaf0;max-width:1100px;font-size:clamp(12px,1.1vw,16px)}@media (max-width:1100px){#world.hub-world{inset:135px 0 330px}.hub-bottom{top:auto;bottom:0}.hub-shell .day-strip{gap:9px}}@media (max-width:650px){#experience:has(.hub-shell){min-height:760px}.hub-shell{min-height:760px}#world.hub-world{inset:157px 0 326px}.hub-heading{top:22px}.hub-heading .eyebrow{font-size:10px}.hub-plan-picker{top:116px}.hub-bottom{gap:12px;padding:0 12px 14px;top:auto;bottom:0}.hub-shell .day-strip{gap:5px}.hub-shell .day-tab{border-radius:12px;grid-template-rows:34px minmax(24px,auto) 17px;grid-template-columns:1fr;justify-items:center;gap:5px;min-height:112px;padding:13px 3px 11px}.hub-shell .day-number{border-radius:8px 8px 3px 3px;grid-area:1/1;width:32px;height:34px;font-size:20px}.hub-shell .day-name{text-align:center;letter-spacing:-.2px;grid-area:2/1;align-self:center;font-size:11px}.hub-shell .day-stars{grid-area:3/1;justify-content:center;gap:2px;font-size:10px}.start-button{min-width:236px;min-height:57px;font-size:21px}.hub-footer{justify-content:center;font-size:11px}.hub-footer span:last-child{display:none}}#screen[data-class-selector]{z-index:2;pointer-events:auto;position:absolute}#world.day-world{z-index:0;pointer-events:none}body:has(#screen[data-class-selector]) .topbar{background:#fffefbf2;border:1px solid #eee7d9;border-top:0;border-radius:0 0 17px 17px;height:72px;margin:0 clamp(18px,5.8vw,112px);padding:0 24px;box-shadow:0 5px 18px #7d6d5520}#screen[data-class-selector].day-screen{color:#0d454e;-webkit-backdrop-filter:none;backdrop-filter:none;overscroll-behavior:contain;scrollbar-gutter:stable;background:#fbf5e9;padding:clamp(22px,2.6vw,36px) clamp(18px,5.8vw,112px) 18px;overflow:hidden auto}#screen[data-class-selector] .subject-grid{grid-template-rows:minmax(150px,auto) minmax(304px,1fr);grid-template-columns:minmax(0,.94fr) minmax(0,1.25fr);align-items:stretch;gap:clamp(16px,1.6vw,24px);width:min(1600px,100%);min-width:0;margin:0 auto;display:grid}#screen[data-class-selector] .day-heading{text-align:left;grid-area:1/1;align-self:end;min-width:0;margin:0;padding:0 0 0 50px}#screen[data-class-selector] .day-heading .eyebrow{color:#6c8179;letter-spacing:2.2px;margin-bottom:9px;font-size:12px}#screen[data-class-selector] .day-heading h1{color:#0b4650;letter-spacing:-3px;font-size:clamp(44px,4.6vw,68px);line-height:.98}#screen[data-class-selector] .day-heading p{color:#668078;line-height:1.25}#screen[data-class-selector] .day-heading .day-date{margin-top:12px;font-size:clamp(17px,1.45vw,22px);font-weight:700}#screen[data-class-selector] .day-heading .day-count{margin-top:3px;font-size:clamp(17px,1.45vw,22px);font-weight:700}#screen[data-class-selector] .day-readiness{color:#5c756e;align-items:center;gap:8px;min-height:24px;margin-top:12px;font-size:13px;font-weight:800;display:flex}#screen[data-class-selector] .day-readiness[hidden]{display:none}#screen[data-class-selector].is-loading .day-readiness:before{content:"";border:2px solid #b7c9bb;border-top-color:#4e8a7a;border-radius:50%;flex:none;width:13px;height:13px;animation:.9s linear infinite class-selector-spin}#screen[data-class-selector] .subject-card{border:1px solid color-mix(in srgb, var(--subject-color) 34%, #e5dbc9);color:#0d454e;text-align:left;min-width:0;min-height:0;box-shadow:0 7px 0 color-mix(in srgb, var(--subject-color) 32%, transparent), 0 17px 32px #6d745f1c;isolation:isolate;border-radius:27px;display:grid;position:relative;overflow:hidden}#screen[data-class-selector] .subject-card:after{background:color-mix(in srgb, var(--subject-color) 50%, #fffaf0);content:"";opacity:.8;border-radius:50%;width:8px;height:8px;position:absolute;bottom:14px;right:18px}#screen[data-class-selector] .subject-card:focus-visible{outline:4px solid color-mix(in srgb, var(--subject-color) 45%, #fffaf0);outline-offset:4px}#screen[data-class-selector] .subject-card:disabled{cursor:progress}#screen[data-class-selector] .subject-card--featured{background:#ffe3d4;background:color-mix(in srgb, var(--subject-color) 28%, #fffaf0);border-radius:30px;grid-area:2/1;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1.05fr) minmax(170px,.95fr);gap:8px 15px;padding:30px 32px 28px}#screen[data-class-selector] .subject-card--featured .subject-order,#screen[data-class-selector] .subject-card--shelf .subject-order{z-index:2;color:#6e877c;letter-spacing:.7px;font-size:13px;font-weight:900;position:absolute;top:17px;left:21px}#screen[data-class-selector] .subject-card--featured .subject-art{grid-area:1/2/-1;place-self:center;width:min(100%,245px);min-height:190px;margin:0 0 0 6px;transform:rotate(3deg)}#screen[data-class-selector] .subject-art{background:#df9a73;background:color-mix(in srgb, var(--subject-color) 78%, #fffaf0);color:#fffaf0;box-shadow:inset 0 -8px 0 #7c655020, 5px 8px 0 color-mix(in srgb, var(--subject-color) 35%, transparent), 0 14px 18px #6d745f1a;border-radius:28px 31px 23px 27px;place-items:center;display:grid;position:relative}#screen[data-class-selector] .subject-art svg{filter:drop-shadow(2px 4px #6b5d4b22);stroke-width:1.55px;width:min(72%,104px);height:auto}#screen[data-class-selector] .subject-art .letter-icon{color:#fffaf0;letter-spacing:-4px;text-shadow:2px 4px #6b5d4b22;font-size:clamp(38px,5vw,78px);font-weight:1000;line-height:1}#screen[data-class-selector] .subject-copy{min-width:0}#screen[data-class-selector] .subject-card--featured .subject-copy{grid-area:1/1;align-self:center;padding-top:15px}#screen[data-class-selector] .subject-card h2{color:#0b4650;letter-spacing:-1px;margin:0;font-size:clamp(21px,2.1vw,34px);line-height:1.08}#screen[data-class-selector] .subject-card--featured h2{letter-spacing:-2px;font-size:clamp(31px,3.3vw,53px)}#screen[data-class-selector] .subject-desc{color:#52756e;max-width:34ch;margin-top:10px;font-size:clamp(14px,1.25vw,19px);font-weight:700;line-height:1.35;display:block}#screen[data-class-selector] .subject-card--featured .subject-desc{font-size:clamp(17px,1.5vw,24px)}#screen[data-class-selector] .subject-status{color:#fffaf0;justify-content:center;align-items:center;gap:8px;min-width:44px;min-height:44px;font-size:13px;font-weight:1000;display:inline-flex}#screen[data-class-selector] .subject-status svg{stroke-width:2.6px}#screen[data-class-selector] .subject-status--featured{background:#f66f45;background:color-mix(in srgb, var(--subject-color) 85%, #e95135);min-height:56px;box-shadow:0 6px 0 color-mix(in srgb, var(--subject-color) 42%, #a84c39);border-radius:999px;grid-area:2/1;justify-self:start;padding:0 23px 0 27px;font-size:17px}#screen[data-class-selector] .subject-card--shelf{background:#eee2fa;background:color-mix(in srgb, var(--subject-color) 22%, #fffaf0);grid-template-rows:minmax(70px,1fr) auto;grid-template-columns:minmax(0,1fr) 50px;gap:8px 10px;padding:18px 18px 17px}#screen[data-class-selector] .subject-card--shelf .subject-art{grid-area:1/1/auto/-1;place-self:center;width:min(100%,132px);height:86px;margin-top:4px}#screen[data-class-selector] .subject-card--shelf .subject-copy{grid-area:2/1;align-self:end;padding-left:8px}#screen[data-class-selector] .subject-card--shelf h2{font-size:clamp(18px,1.65vw,25px)}#screen[data-class-selector] .subject-card--shelf .subject-desc{max-width:26ch;margin-top:4px;font-size:clamp(13px,1.1vw,17px);font-weight:700}#screen[data-class-selector] .subject-card--shelf .subject-status{background:#7651a4;background:color-mix(in srgb, var(--subject-color) 78%, #477d72);width:50px;height:50px;box-shadow:0 5px 0 color-mix(in srgb, var(--subject-color) 43%, transparent);border-radius:50%;grid-area:2/2;place-self:end;font-size:0}#screen[data-class-selector] .subject-card--shelf .subject-status>span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#screen[data-class-selector] .subject-card.is-earned .subject-status--featured{background:#c9993e;box-shadow:0 6px #9b742e}#screen[data-class-selector] .subject-card.is-earned .subject-status:not(.subject-status--featured){background:#c9993e;box-shadow:0 5px #9b742e}#screen[data-class-selector] .shelf-grid{grid-area:1/2/-1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(148px,1fr);align-content:stretch;gap:clamp(15px,1.6vw,25px);min-width:0;display:grid}#screen[data-class-selector] .day-footnote{color:#5e776f;text-align:center;width:min(1600px,100%);margin:20px auto 0;font-size:14px;font-weight:800}@media (max-width:1100px){#screen[data-class-selector].day-screen{padding:28px clamp(16px,4vw,46px) 24px}#screen[data-class-selector] .subject-grid{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);gap:20px}#screen[data-class-selector] .day-heading{text-align:center;grid-area:auto/1;padding:40px 0 0}#screen[data-class-selector] .day-heading .day-readiness{justify-content:center}#screen[data-class-selector] .subject-card--featured{grid-area:auto/1;min-height:300px}#screen[data-class-selector] .shelf-grid{grid-area:auto/1;grid-auto-rows:minmax(158px,1fr)}#screen[data-class-selector] .day-footnote{margin-top:18px}}@media (max-width:640px){#screen[data-class-selector].day-screen{padding:72px 14px 24px}#screen[data-class-selector] .subject-grid{gap:14px}#screen[data-class-selector] .day-heading{padding:0 4px}#screen[data-class-selector] .day-heading .eyebrow{letter-spacing:1.6px;font-size:10px}#screen[data-class-selector] .day-heading h1{letter-spacing:-2px;font-size:clamp(38px,12vw,54px)}#screen[data-class-selector] .day-heading .day-date,#screen[data-class-selector] .day-heading .day-count{font-size:16px}#screen[data-class-selector] .day-readiness{justify-content:center;margin-top:9px;font-size:12px}#screen[data-class-selector] .subject-card--featured{text-align:center;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);gap:12px;min-height:350px;padding:25px 20px 22px}#screen[data-class-selector] .subject-card--featured .subject-art{grid-area:1/1;width:min(72%,220px);min-height:120px;margin:0 auto}#screen[data-class-selector] .subject-card--featured .subject-copy{grid-area:2/1;padding-top:0}#screen[data-class-selector] .subject-card--featured h2{font-size:clamp(29px,9vw,43px)}#screen[data-class-selector] .subject-card--featured .subject-desc{margin-left:auto;margin-right:auto;font-size:17px}#screen[data-class-selector] .subject-status--featured{grid-area:3/1;justify-self:center;min-height:52px;padding-inline:22px;font-size:16px}#screen[data-class-selector] .shelf-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:12px}#screen[data-class-selector] .subject-count-4 .shelf-grid .subject-card:last-child{grid-column:auto}#screen[data-class-selector] .subject-card--shelf{grid-template-rows:minmax(76px,auto);grid-template-columns:66px minmax(0,1fr) 50px;align-items:center;gap:0 12px;min-height:108px;padding:14px 14px 14px 12px}#screen[data-class-selector] .subject-card--shelf .subject-order{display:none}#screen[data-class-selector] .subject-card--shelf .subject-art{grid-area:1/1;width:62px;height:66px;margin:0}#screen[data-class-selector] .subject-card--shelf .subject-art svg{width:34px}#screen[data-class-selector] .subject-card--shelf .subject-art .letter-icon{letter-spacing:-2px;font-size:24px}#screen[data-class-selector] .subject-card--shelf .subject-copy{grid-area:1/2;align-self:center;padding-left:0}#screen[data-class-selector] .subject-card--shelf h2{font-size:20px}#screen[data-class-selector] .subject-card--shelf .subject-desc{margin-top:5px;font-size:13px}#screen[data-class-selector] .subject-card--shelf .subject-status{grid-area:1/3;width:46px;height:46px}#screen[data-class-selector] .subject-card--shelf .subject-status svg{width:21px;height:21px}#screen[data-class-selector] .subject-card--shelf .subject-status>span{position:absolute}#screen[data-class-selector] .day-footnote{margin-top:16px;font-size:13px}}@media (prefers-reduced-motion:reduce){#screen[data-class-selector].is-loading .day-readiness:before{animation:none}}@keyframes class-selector-spin{to{transform:rotate(360deg)}}#experience:has(.hub-scene){background:#fffaf0;height:calc(100svh - 90px);min-height:680px;max-height:819px;overflow:hidden}.hub-shell{z-index:2;min-height:680px;position:absolute;inset:0}.hub-shell .day-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:5.5%;width:auto;height:36.4%;display:grid;position:absolute;top:40.35%;left:23.4%;right:23.4%}.hub-bottom{z-index:4;gap:17px;padding:0 clamp(20px,6.6vw,128px);top:clamp(400px,28vw,540px);bottom:auto}@media (max-width:1100px){.hub-scene{min-width:0}.hub-shell .day-strip{gap:4.6%}.hub-bottom{top:clamp(340px,43vw,470px)}}@media (max-width:650px){#experience:has(.hub-scene){height:calc(100svh - 74px);min-height:730px;max-height:none}.hub-shell{min-height:730px}#world.hub-world{display:none}.hub-scene{width:720px;min-width:720px;top:177px}.hub-school-sign{letter-spacing:-.8px;font-size:20px}.hub-shell .day-strip{gap:5.5%}.hub-shell .day-name{font-size:10.5px}.hub-shell .day-number{border-radius:7px;font-size:17px}.hub-shell .day-stars{min-height:22px;font-size:11px}.hub-bottom{gap:20px;padding:0 20px;top:555px}.start-button{min-width:236px;min-height:61px;font-size:22px}}@media (min-width:1101px){.hub-heading{z-index:3;text-align:left;width:min(500px,38vw);top:clamp(22px,3.2vw,50px);left:clamp(22px,6.6vw,128px);right:auto}.hub-heading .eyebrow{justify-content:flex-start}}body:has(.hub-shell) .topbar{z-index:10;background:#fffefcf2;border:1px solid #e7e2d6;border-radius:14px;height:66px;margin:12px clamp(18px,6.5vw,125px);padding:0 20px;position:relative;box-shadow:0 5px 18px #7d6d5520}#world.hub-world{z-index:0;opacity:.05;pointer-events:none;inset:0}.hub-shell{z-index:2;pointer-events:none;min-height:680px;position:absolute;inset:0}.hub-heading{z-index:3;text-align:left;width:min(500px,38vw);top:clamp(22px,3.2vw,50px);left:clamp(22px,6.6vw,128px);right:auto}.hub-heading .eyebrow{justify-content:flex-start}.hub-plan-area{z-index:5;pointer-events:auto;align-items:center;gap:clamp(13px,1.15vw,22px);display:flex;position:absolute;top:clamp(16px,2.2vw,42px);right:clamp(24px,6.5vw,125px)}.hub-plan-picker{background:#fffefbf2;border:1px solid #eee9df;border-radius:999px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;width:clamp(270px,16.2vw,312px);min-height:70px;margin:0;padding:7px 17px;display:grid;position:relative;inset:auto;transform:none;box-shadow:0 5px 14px #705e4620}.hub-plan-picker .hub-plan-icon{color:#164454;justify-content:center;align-items:center;width:35px;display:inline-flex}.hub-plan-picker .hub-plan-icon svg{display:block}.hub-plan-picker select{appearance:none;color:#164454;text-overflow:ellipsis;background:0 0;border:0;outline:0;width:100%;min-width:0;min-height:48px;padding:2px 8px 2px 10px;font-family:inherit;font-size:clamp(16px,1.26vw,23px);font-weight:1000;line-height:1.1}.hub-plan-picker select:focus-visible{outline-offset:2px;border-radius:10px;outline:3px solid #164454}.hub-plan-chevron{color:#164454;pointer-events:none;align-items:center;display:inline-flex}.hub-plan-divider{background:#97b5af;width:1px;height:46px}.hub-good-choice{color:#5e837a;align-items:center;gap:10px;margin:0;font-size:clamp(15px,1.2vw,21px);font-weight:900;line-height:1.08;display:flex;position:static;inset:auto}.hub-good-choice svg{color:#ff7658;flex:none}.hub-scene{z-index:1;aspect-ratio:1920/819;pointer-events:none;isolation:isolate;width:max(100vw,1000px);min-width:0;position:absolute;top:-90px;left:50%;transform:translate(-50%)}.hub-scene-art{opacity:1;filter:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.hub-school-sign{color:#083d4c;letter-spacing:-1.5px;text-align:center;width:20.7%;margin:0;font-size:clamp(20px,2.45vw,45px);font-weight:1000;line-height:1.35;position:absolute;top:24.5%;left:39.7%}.hub-shell .day-strip{pointer-events:auto;grid-template-columns:repeat(5,minmax(0,1fr));gap:5.5%;width:auto;height:36.4%;display:grid;position:absolute;top:40.35%;left:23.4%;right:23.4%}.hub-shell .day-tab{min-width:0;min-height:0;box-shadow:none;text-align:center;background:0 0;border:0;border-radius:13px;padding:0;display:block;position:relative;overflow:visible}.hub-shell .day-tab:before{display:none}.hub-shell .day-tab:hover,.hub-shell .day-tab.selected{background:linear-gradient(180deg, transparent 8%, color-mix(in srgb, var(--day-color) 17%, transparent) 20%, color-mix(in srgb, var(--day-color) 10%, transparent) 91%, transparent 96%);box-shadow:0 0 0 3px color-mix(in srgb, var(--day-color) 80%, white 20%);transform:none}.hub-shell .day-name{color:#083d4c;white-space:nowrap;font-size:clamp(11px,1.28vw,23px);font-weight:1000;line-height:1.7;position:absolute;top:-1.5%;left:0;right:0}.hub-shell .day-number{aspect-ratio:1;color:#244d4b;background:#fff4dc;border:1px solid #e7d6b7;border-radius:clamp(7px,.8vw,14px);place-items:center;width:48%;height:auto;font-size:clamp(17px,2.15vw,37px);font-weight:1000;display:grid;position:absolute;top:27%;left:26%;box-shadow:0 2px 3px #70522f36}.hub-shell .day-stars{color:#c5c2b6;letter-spacing:.08em;background:#fff9ed;border-radius:999px;justify-content:center;align-items:center;min-height:clamp(22px,2.5vw,44px);padding:2px 5px;font-size:clamp(12px,1.5vw,25px);line-height:1;display:flex;position:absolute;bottom:3%;left:-5%;right:-5%;box-shadow:0 2px 5px #7d5e3240}.hub-bottom{z-index:4;pointer-events:auto;flex-direction:column;align-items:center;gap:17px;padding:0 clamp(20px,6.6vw,128px);display:flex;position:absolute;inset:clamp(400px,28vw,540px) 0 auto}.start-button{color:#fff;background:#fc684e;border:1px solid #f1664d;border-radius:999px;min-width:260px;min-height:70px;padding:15px 36px;font-size:clamp(20px,2vw,31px);box-shadow:0 6px #dc4f3b,0 0 0 7px #fffaf0aa}.hub-footer{color:#5e7f78;text-shadow:0 1px 5px #fffaf0;justify-content:space-between;width:min(1360px,100%);font-size:clamp(12px,1.1vw,18px);display:flex}.hub-footer span{align-items:center;gap:7px;display:inline-flex}@media (max-width:1100px){body:has(.hub-shell) .topbar{margin-left:24px;margin-right:24px}.hub-plan-area{right:24px}.hub-plan-divider,.hub-good-choice{display:none}.hub-scene{width:100vw;top:-35px}.hub-bottom{top:clamp(390px,39vw,470px)}}@media (max-width:900px) and (min-width:651px){.hub-scene{top:35px}}@media (max-width:650px){body:has(.hub-shell) .topbar{border-radius:13px;height:58px;margin:8px 10px;padding:0 11px}body:has(.hub-shell) .brand{font-size:19px}body:has(.hub-shell) .brand-star{padding:4px}body:has(.hub-shell) .header-right{gap:3px}body:has(.hub-shell) .sky-pill{min-height:38px;padding:4px 8px}:is(body:has(.hub-shell) .icon-button,body:has(.hub-shell) .parent-button){min-width:36px;min-height:38px;padding:4px}#experience:has(.hub-shell){height:calc(100svh - 74px);min-height:494px;max-height:none}.hub-shell{min-height:0}.hub-heading{text-align:center;width:auto;top:18px;left:12px;right:12px}.hub-heading .eyebrow{justify-content:center;font-size:10px}.hub-heading h1{letter-spacing:-1.7px;font-size:clamp(29px,9vw,39px)}.hub-heading p{font-size:16px}.hub-plan-area{width:min(100vw - 30px,340px);top:106px;left:50%;right:auto;transform:translate(-50%)}.hub-plan-picker{width:100%;min-height:61px;padding:5px 12px}.hub-plan-picker .hub-plan-icon{width:31px}.hub-plan-picker .hub-plan-icon svg{width:27px;height:27px}.hub-plan-picker select{min-height:42px;padding-left:7px;font-size:clamp(15px,4.8vw,19px)}.hub-plan-chevron svg{width:22px;height:22px}#world.hub-world{display:none}.hub-scene{width:max(570px,165vw);min-width:0;top:164px}.hub-school-sign{letter-spacing:-.8px;font-size:20px}.hub-shell .day-strip{gap:5.5%}.hub-shell .day-name{font-size:10.5px}.hub-shell .day-number{border-radius:7px;font-size:17px}.hub-shell .day-stars{min-height:22px;font-size:11px}.hub-bottom{gap:14px;padding:0 14px;top:clamp(390px,121vw,490px)}.start-button{min-width:236px;min-height:61px;font-size:22px}.hub-footer{text-align:center;justify-items:center;gap:7px;font-size:12px;display:grid}.hub-footer span:last-child{display:none}}@media (max-width:650px) and (max-height:650px){.hub-heading{top:8px}.hub-heading .eyebrow{display:none}.hub-heading h1{font-size:clamp(24px,8vw,29px)}.hub-heading p{margin-top:3px;font-size:12px}.hub-plan-area{top:72px}.hub-plan-picker{min-height:52px}.hub-plan-picker select{min-height:38px;font-size:16px}.hub-scene{top:122px}.hub-bottom{gap:7px;top:390px}.start-button{min-width:214px;min-height:51px;padding:10px 24px;font-size:19px}.hub-footer{font-size:10px}}@media (max-width:650px){body:has(#screen[data-class-selector]) .topbar{border-radius:0 0 13px 13px;height:64px;margin:0 10px;padding:0 10px}body:has(#screen[data-class-selector]) .brand{letter-spacing:-.7px;white-space:nowrap;flex:0 auto;gap:6px;min-width:0;font-size:18px}body:has(#screen[data-class-selector]) .brand-star{border-radius:9px;padding:4px}body:has(#screen[data-class-selector]) .brand-star svg{width:20px;height:20px}body:has(#screen[data-class-selector]) .header-right{flex:none;gap:4px}body:has(#screen[data-class-selector]) .sky-pill{gap:5px;min-height:44px;padding:6px 9px}body:has(#screen[data-class-selector]) .header-right .icon-button{min-width:44px;min-height:44px}body:has(#screen[data-class-selector]) .parent-button{min-width:44px;min-height:44px}}#weekly-plan{margin:20px 0;font-size:14px;line-height:1.6}#weekly-plan summary{cursor:pointer;padding:12px 0;font-size:16px;font-weight:700}.plan-table-scroll{max-width:100%;overflow-x:auto}#weekly-plan table{border-collapse:collapse;width:100%;min-width:430px;font-size:14px}#weekly-plan caption{text-align:left;margin-bottom:8px}#weekly-plan th,#weekly-plan td{text-align:left;vertical-align:top;border-bottom:1px solid #dfddcc;padding:9px}#weekly-plan thead{background:#ecebdb}.weekly-story .story-caption{text-align:center;background:#fff8e9ed;border-radius:18px;max-width:620px;margin:auto;padding:12px 20px}.story-caption strong{margin-top:4px;display:block}.story-caption p{margin:6px 0;font-size:16px}.story-caption>span:last-child{font-size:14px}.lifecycle-progress{text-align:center;margin:10px;font-weight:700}.lifecycle-choices{flex-wrap:wrap}.nina-constellation{max-width:480px;height:150px;margin:0 auto 12px;position:relative}.constellation-name{opacity:.06;letter-spacing:12px;text-align:center;font-size:100px;position:absolute;inset:0}.constellation-star{color:#dcdccc;font-size:22px;position:absolute;transform:translate(-50%,-50%)}.constellation-star.collected{color:#e6b447;filter:drop-shadow(0 0 4px #f7dc8b)}@media (max-width:600px){.weekly-story .story-caption{max-width:92vw;padding:8px 12px}.story-caption p{font-size:16px}.story-caption .eyebrow{font-size:14px}.lifecycle-choices .secondary{padding:10px;font-size:14px}.nina-constellation{height:100px}.constellation-name{font-size:70px}}.language-matching .match-targets{grid-template-columns:repeat(5,minmax(0,1fr));width:100%;display:grid}.language-matching .letter-slot{overflow-wrap:anywhere;min-width:0;padding:8px}.language-matching .letter-slot span{color:#4d7362;font-size:clamp(14px,2vw,20px)}.weekly-story .story-caption{align-self:flex-end;margin-bottom:0}#activity-content:has(.lifecycle-progress){flex-direction:column;justify-content:flex-end}@media (max-width:600px){.language-matching .letter-slot{padding:5px 2px}}.week-theme:has(#plan-select){pointer-events:auto;align-items:center;gap:8px;display:flex;transform:none}#plan-select{max-width:260px;min-height:44px;font:inherit;color:#36594c;background:#fff9e9;border:1px solid #b6c4ab;border-radius:12px;padding:6px 10px}@media (max-width:650px){.week-theme:has(#plan-select){width:max-content;max-width:94%;padding:3px 6px;font-size:12px;display:flex;top:144px;left:50%;right:auto;transform:translate(-50%)}.week-theme:has(#plan-select)>span{display:none}#plan-select{max-width:220px}}button,.scene-controls .icon-button,.text-button{min-height:44px}.icon-button,.header-right .icon-button,.parent-button{min-width:44px;min-height:44px}#screen.learning-screen{grid-template-rows:auto minmax(170px,1fr) auto auto;gap:12px;padding:26px 5% 24px;display:grid}.learning-screen .activity-heading{grid-row:1;width:76%;margin:0 auto;position:static}.learning-screen .activity-heading h1{font-size:clamp(24px,3vw,34px)}.learning-screen .activity-heading p{margin-top:6px}.learning-scene-slot{grid-row:2;width:100%;min-height:170px}.learning-screen #activity-content{grid-row:3;width:min(100%,760px);min-width:0;margin:0 auto;position:static}.learning-screen #activity-actions{grid-row:4;width:100%;min-height:56px;margin:0;position:static}.learning-screen .trace-paper{width:min(440px,100%);margin:0;transform:none}.learning-screen .trace-label,.learning-screen .trace-footer,.learning-screen .trace-footer .text-button{font-size:14px}.learning-screen .trace-footer{gap:8px}.learning-screen .match-board{gap:18px;width:100%;margin:0}.learning-screen .letter-choices{flex-wrap:wrap}.learning-screen .weekly-story .story-caption{max-width:100%}.learning-screen .book-choices{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}#experience:has(.learning-screen){min-height:max(860px,100svh - 90px)}#screen.ng-screen .activity-heading{min-width:0}#experience:has(.ng-screen){min-height:max(740px,100svh - 90px)}@media (max-width:700px){#screen.learning-screen{gap:10px;padding:77px 4% 18px}.learning-screen .activity-heading{width:100%}.learning-screen .activity-heading p{font-size:16px}.learning-screen .language-matching .match-targets{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-screen .trace-paper{max-width:390px}}@media (min-width:701px) and (max-height:850px){#experience:has(.learning-screen){min-height:860px}#screen.learning-screen{padding-top:24px}.learning-screen .activity-heading{min-height:80px}}@media (min-width:651px) and (max-width:1100px){.day-screen{overflow-y:auto;pointer-events:auto!important}.subject-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.subject-card{min-height:230px}}@media (pointer:coarse){button:hover{transform:none}.scroll-cue{right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));z-index:7;color:#557567;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffbeef2;border:1px solid #d7d6bd;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-width:132px;min-height:52px;padding:7px 14px 7px 10px;font-size:14px;font-weight:900;display:flex;position:fixed;box-shadow:0 5px #5d75652b,0 8px 22px #445b4633}.scroll-cue[hidden]{display:none}.scroll-cue-chevron{background:#dce9d8;border-radius:50%;place-items:center;width:28px;height:28px;font-size:25px;line-height:1;animation:1.3s ease-in-out infinite scroll-cue-bounce;display:grid}}@keyframes scroll-cue-bounce{50%{transform:translateY(3px)}}@media (prefers-reduced-motion:reduce){.scroll-cue-chevron{animation:none}}body:has(#screen[data-class-selector]){background:#fbf5eb}body:has(#screen[data-class-selector]) .topbar{width:89.2%;max-width:2000px;height:clamp(64px,3.5vw,78px);box-shadow:none;background:#fffdf9de;margin:0 auto;padding:0 clamp(16px,1.3vw,29px)}body:has(#screen[data-class-selector]) .brand{color:#063e48}body:has(#screen[data-class-selector]) .brand-star{color:#f49b0c;background:#ffdc68}#experience:has(#screen[data-class-selector]){background:0 0;height:auto;min-height:calc(100svh - clamp(64px,3.5vw,78px));max-height:none;overflow:visible}#screen[data-class-selector].day-screen{scrollbar-gutter:auto;background:0 0;padding:clamp(22px,1.35vw,31px) 0 20px;position:relative;inset:auto;overflow:visible}#world.day-world{visibility:hidden}#screen[data-class-selector] .subject-grid{grid-template-rows:auto auto;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:0 3.5%;width:88.8%;max-width:1990px}#screen[data-class-selector] .day-heading{text-align:left;grid-area:1/1;align-self:start;min-height:0;padding:0 4.9% 2.5%}#screen[data-class-selector] .day-heading h1{letter-spacing:-.045em;color:#003d46;font-size:clamp(43px,3.65vw,80px);line-height:1.1}#screen[data-class-selector] .day-heading .day-date,#screen[data-class-selector] .day-heading .day-count{color:#7b9289;margin:0;font-size:clamp(18px,1.32vw,29px);font-weight:600;line-height:1.25}#screen[data-class-selector] .day-readiness{margin:0;font-size:12px;position:absolute}#screen[data-class-selector] .subject-card{box-shadow:none;isolation:auto;opacity:1;background:0 0;border:0;border-radius:0;padding:0;display:block;overflow:visible}#screen[data-class-selector] .room-card-art{pointer-events:none;background:url(/assets/day-room/room-clean.png) var(--crop-position) / var(--crop-size) no-repeat;position:absolute;inset:0}#screen[data-class-selector] .subject-card--featured{--crop-size:227.46% 183.54%;--crop-position:11.43% 73.64%}#screen[data-class-selector] [data-subject=english]{--crop-size:535.8% 312.5%;--crop-position:65.89% 21.91%}#screen[data-class-selector] [data-subject=pe]{--crop-size:494.3% 312.5%;--crop-position:91.22% 21.91%}#screen[data-class-selector] [data-subject=math]{--crop-size:529.3% 316.6%;--crop-position:66.19% 76.41%}#screen[data-class-selector] [data-subject=library]{--crop-size:500% 315.22%;--crop-position:91.24% 76.57%}#screen[data-class-selector] .subject-card:after{display:none}#screen[data-class-selector] .subject-card:focus-visible{outline-offset:4px;border-radius:18px;outline:4px solid #15788a}#screen[data-class-selector] .subject-card:not(:disabled):hover{box-shadow:none;transform:translateY(-3px)}#screen[data-class-selector] .subject-card--featured{aspect-ratio:954/395;text-align:left;grid-area:2/1;min-height:0}#screen[data-class-selector] .subject-card--featured .subject-order{color:#70857d;font-size:clamp(13px,1vw,23px);top:13%;left:5%}#screen[data-class-selector] .subject-card--featured .subject-copy{width:51%;padding:0;position:absolute;top:23%;left:5%}#screen[data-class-selector] .subject-card--featured h2{letter-spacing:-.045em;color:#003d46;font-size:clamp(28px,2.9vw,64px);line-height:1.08}#screen[data-class-selector] .subject-card--featured .subject-desc{color:#71877c;margin:4% 0 0;font-size:clamp(18px,1.6vw,35px);font-weight:600}#screen[data-class-selector] .subject-status--featured{background:#ff7045;border-radius:999px;gap:14px;height:24%;min-height:0;padding:0 6%;font-size:clamp(20px,1.85vw,40px);position:absolute;bottom:13%;left:5%;box-shadow:0 5px 8px #dc714425}#screen[data-class-selector] .subject-status--featured svg{width:1em;height:1em}#screen[data-class-selector] .shelf-grid{grid-area:1/2/3;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:7% 1.8%;padding:0 3% 3.3%;display:grid;position:relative}#screen[data-class-selector] .shelf-grid:before,#screen[data-class-selector] .shelf-grid:after{content:"";pointer-events:none;z-index:-1;background:url(/assets/day-room/room-clean.png) 92.23% 49.2%/226% 2266% no-repeat;width:106%;height:6%;position:absolute;left:-3%}#screen[data-class-selector] .shelf-grid:before{top:43%}#screen[data-class-selector] .shelf-grid:after{bottom:-5%}#screen[data-class-selector] .subject-card--shelf{aspect-ratio:1.8;min-height:0}#screen[data-class-selector] .subject-card--shelf .subject-order{display:none}#screen[data-class-selector] .subject-card--shelf .subject-copy{width:67%;padding:0;position:absolute;bottom:7%;left:12%}#screen[data-class-selector] .subject-card--shelf h2{letter-spacing:-.035em;color:#003d46;font-size:clamp(18px,1.36vw,30px);line-height:1.12}#screen[data-class-selector] .subject-card--shelf .subject-desc{color:#315b58;margin-top:3px;font-size:clamp(13px,1.02vw,23px);font-weight:600;line-height:1.2}#screen[data-class-selector] .subject-card--shelf .subject-status{aspect-ratio:1;width:17%;min-width:0;height:auto;min-height:0;box-shadow:none;background:#9365b7;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;bottom:8%;right:5%}#screen[data-class-selector] .subject-card--shelf .subject-status svg{flex-shrink:0;width:49%;height:49%}#screen[data-class-selector] [data-subject=pe] .subject-status{background:#5e9970}#screen[data-class-selector] [data-subject=math] .subject-status{background:#e5a815}#screen[data-class-selector] [data-subject=library] .subject-status{background:#2b92c4}#screen[data-class-selector] .subject-card.is-earned .subject-status{box-shadow:none;background:#c9993e}#screen[data-class-selector] .subject-count-4 .shelf-grid .subject-card:last-child{grid-column:auto}#screen[data-class-selector] .day-footnote{color:#72887e;width:90%;max-width:none;margin:1.6vw auto 0;font-size:clamp(16px,1.05vw,24px);font-weight:700}#screen[data-class-selector] .room-return{clip-path:inset(50%);z-index:8;background:#fffaf4;border-radius:20px;align-items:center;gap:6px;width:1px;height:1px;padding:8px 12px;display:flex;position:absolute;top:8px;left:9%;overflow:hidden}#screen[data-class-selector] .room-return:focus-visible{clip-path:none;width:auto;height:auto;overflow:visible}@media (max-width:1200px){#screen[data-class-selector] .subject-grid{grid-template-columns:1fr;gap:20px;width:90%}#screen[data-class-selector] .day-heading{padding:0 3%}#screen[data-class-selector] .day-heading h1{font-size:48px}#screen[data-class-selector] .subject-card--featured{grid-row:2}#screen[data-class-selector] .subject-card--featured h2{font-size:clamp(30px,5.6vw,49px)}#screen[data-class-selector] .subject-card--featured .subject-desc{font-size:clamp(18px,3vw,27px)}#screen[data-class-selector] .subject-status--featured{font-size:clamp(20px,3.5vw,31px)}#screen[data-class-selector] .shelf-grid{grid-area:3/1;gap:25px 10px;padding:0 2% 24px}#screen[data-class-selector] .shelf-grid:before{top:calc(50% - 24px)}#screen[data-class-selector] .shelf-grid:after{bottom:0}#screen[data-class-selector] .subject-card--shelf h2{font-size:clamp(18px,2.7vw,25px)}#screen[data-class-selector] .subject-card--shelf .subject-desc{font-size:clamp(12px,1.9vw,18px)}#screen[data-class-selector] .day-footnote{margin-top:8px}}@media (max-width:520px){body:has(#screen[data-class-selector]) .topbar{width:96%;height:66px;padding:0 10px}body:has(#screen[data-class-selector]) .brand{gap:7px;font-size:19px}body:has(#screen[data-class-selector]) .brand-star{padding:5px}body:has(#screen[data-class-selector]) .brand-star svg{width:22px;height:22px}body:has(#screen[data-class-selector]) .header-right{gap:6px}body:has(#screen[data-class-selector]) .sky-pill{padding:7px 10px}body:has(#screen[data-class-selector]) .sky-label{display:none}body:has(#screen[data-class-selector]) .parent-button span{display:none}body:has(#screen[data-class-selector]) .divider{display:none}:is(body:has(#screen[data-class-selector]) .icon-button,body:has(#screen[data-class-selector]) .parent-button){width:34px;min-width:34px;height:38px;padding:5px}#screen[data-class-selector] .subject-grid{gap:18px;width:94%}#screen[data-class-selector] .day-heading h1{font-size:43px}#screen[data-class-selector] .subject-card--featured{aspect-ratio:1.9;background:#ffe6d5;border-radius:16px}#screen[data-class-selector] .subject-card--featured .room-card-art{aspect-ratio:954/395;height:auto;bottom:auto}#screen[data-class-selector] .subject-card--featured .subject-copy{width:52%;top:24%}#screen[data-class-selector] .subject-card--featured h2{font-size:24px}#screen[data-class-selector] .subject-card--featured .subject-desc{font-size:16px;line-height:1.2}#screen[data-class-selector] .subject-status--featured{gap:8px;padding:0 5%;font-size:18px;bottom:10%}#screen[data-class-selector] .subject-card--featured .subject-order{top:10%}#screen[data-class-selector] .shelf-grid{gap:25px 5px}#screen[data-class-selector] .subject-card--shelf{aspect-ratio:1.15;background:#e7d3f4;border-radius:12px;overflow:hidden}#screen[data-class-selector] .subject-card--shelf .room-card-art{aspect-ratio:1.8;height:auto;bottom:auto}#screen[data-class-selector] [data-subject=pe]{background-color:#ccdfc4}#screen[data-class-selector] [data-subject=math]{background-color:#ffe4a3}#screen[data-class-selector] [data-subject=library]{background-color:#b9e0f2}#screen[data-class-selector] .subject-card--shelf .subject-copy{width:72%;bottom:6%;left:10%}#screen[data-class-selector] .subject-card--shelf h2{font-size:17px}#screen[data-class-selector] .subject-card--shelf .subject-desc{min-height:29px;font-size:12px}#screen[data-class-selector] .subject-card--shelf .subject-status{width:19%;bottom:12%;right:3%}}:is(#screen[data-class-selector] .subject-card--shelf:has(.room-card-art svg),#screen[data-class-selector] .subject-card--shelf:has(.room-card-art .letter-icon)){background:color-mix(in srgb, var(--subject-color) 40%, #fff9eb);border-radius:16px;box-shadow:inset 7px 0 #fff5,inset 10px 0 #00000008}:is(#screen[data-class-selector] .room-card-art:has(svg),#screen[data-class-selector] .room-card-art:has(.letter-icon)){background:0 0;place-items:start center;padding-top:8%;display:grid}#screen[data-class-selector] .room-card-art>svg{color:#426f69;width:29%;height:48%}@media (min-width:1201px){#screen[data-class-selector].day-screen{padding-top:1.35vw}#screen[data-class-selector] .day-heading h1{font-size:3.65vw}#screen[data-class-selector] .day-heading .day-date,#screen[data-class-selector] .day-heading .day-count{font-size:1.32vw}body:has(#screen[data-class-selector][data-room-reference=true]){background-image:url(/assets/day-room/room-clean.png);background-position-y:calc(clamp(64px,3.5vw,78px) - 3.5vw);background-repeat:no-repeat;background-size:100%}#screen[data-class-selector] .subject-grid{grid-template-rows:6.45vw 18.2vw;grid-template-columns:50.4% 46.4%;gap:0 3.2%;width:87.2%}#screen[data-class-selector] .subject-card--featured{aspect-ratio:auto}#screen[data-class-selector] .shelf-grid{align-self:start;gap:1.75vw 1.8%;height:23.1vw;padding:0}#screen[data-class-selector] .day-footnote{margin-top:1.3vw}#screen[data-class-selector][data-room-reference=true] .subject-card{box-shadow:none;background:0 0}#screen[data-room-reference=true] .room-card-art,#screen[data-room-reference=true] .shelf-grid:before,#screen[data-room-reference=true] .shelf-grid:after{visibility:hidden}}@media (max-width:520px){#screen[data-class-selector] .subject-card--featured{aspect-ratio:1.65;background-color:#ffe5d4;overflow:hidden}#screen[data-class-selector] .subject-card--featured .subject-copy{top:23%}#screen[data-class-selector] .subject-status--featured{height:23%;bottom:9%}#screen[data-class-selector] .shelf-grid{grid-template-rows:none;grid-template-columns:1fr;gap:16px;padding:0}#screen[data-class-selector] .shelf-grid:before,#screen[data-class-selector] .shelf-grid:after{display:none}#screen[data-class-selector] .subject-card--shelf{aspect-ratio:1.8}#screen[data-class-selector] .subject-card--shelf .room-card-art{height:100%}#screen[data-class-selector] .subject-card--shelf .subject-copy{width:65%;bottom:7%}#screen[data-class-selector] .subject-card--shelf h2{font-size:23px}#screen[data-class-selector] .subject-card--shelf .subject-desc{min-height:0;font-size:15px}#screen[data-class-selector] .subject-card--shelf .subject-status{width:17%;bottom:8%;right:5%}}@media (min-width:1201px){#screen[data-class-selector][data-room-reference=false] .subject-grid{grid-template-rows:minmax(120px,auto) 18.2vw}}#screen[data-class-selector] [data-subject=life]{--room-illustration:url(/assets/day-room/life.png);--room-pastel:#fbd3b8}#screen[data-class-selector] [data-subject=creative]{--room-illustration:url(/assets/day-room/creative.png);--room-pastel:#fbe1a0}#screen[data-class-selector] [data-subject=science]{--room-illustration:url(/assets/day-room/science.png);--room-pastel:#cbdcc5}#screen[data-class-selector] [data-subject=music]{--room-illustration:url(/assets/day-room/music.png);--room-pastel:#edc4e0;--room-art-ratio:1480 / 548;--room-art-position:10.26%}#screen[data-class-selector] [data-subject=art]{--room-illustration:url(/assets/day-room/art.png);--room-pastel:#fbd0c1}#screen[data-class-selector] .subject-card--illustrated{background:var(--room-pastel);border-radius:16px;overflow:hidden;box-shadow:inset 5px 0 #fff5,inset 8px 0 #00000008}#screen[data-class-selector] .subject-card--illustrated .room-card-art{height:auto;aspect-ratio:var(--room-art-ratio,1480 / 530);background:var(--room-illustration) center var(--room-art-position,9.8%) / 113.25% auto no-repeat;padding:0;bottom:auto;-webkit-mask-image:linear-gradient(#000 94%,#0000);mask-image:linear-gradient(#000 94%,#0000)}#screen[data-class-selector] .subject-card--illustrated .subject-copy{width:68%;bottom:6%;left:10%}#screen[data-class-selector] .subject-card--illustrated .subject-desc{font-size:clamp(11px,.9vw,20px)}@media (min-width:521px) and (max-width:1200px){#screen[data-class-selector] .subject-card--illustrated .subject-desc{font-size:clamp(12px,1.7vw,17px)}}@media (max-width:520px){#screen[data-class-selector] .subject-card--illustrated h2{font-size:21px}#screen[data-class-selector] .subject-card--illustrated .subject-desc{font-size:13px}}body:has(.hub-shell){background:#fffaf2;overflow-x:clip}body:has(.hub-shell) #app{min-height:100svh}body:has(.hub-shell) .topbar{z-index:10;background:#fffefbea;border:1px solid #e9e4dc;border-radius:14px;height:clamp(48px,2.8vw,60px);margin:0;padding:0 1.1vw;position:absolute;top:.65vw;left:6.45%;right:6.45%;box-shadow:0 3px 12px #806b4810}body:has(.hub-shell) .brand{color:#073b48;gap:12px;padding:0;font-size:clamp(19px,1.5vw,30px);font-weight:900}body:has(.hub-shell) .brand-star{color:#ff9400;box-shadow:none;background:#ffda58;border:0;border-radius:13px;padding:9px}body:has(.hub-shell) .brand-star svg{fill:#fff0a3}body:has(.hub-shell) .brand-dot{color:#ff6749}body:has(.hub-shell) .header-right{gap:12px}body:has(.hub-shell) .sky-pill{color:#073b48;background:#fffefa;border:1px solid #eae7e1;min-height:44px;padding:7px 17px;font-weight:900}body:has(.hub-shell) .sky-pill svg{fill:#ffd543;color:#ff9a00}body:has(.hub-shell) .header-right .divider{background:#bbceca;order:2;height:32px}body:has(.hub-shell) .icon-button{color:#073b48;background:#fffefa;border:1px solid #eae7e1;order:1;width:46px;min-width:46px;height:46px;min-height:46px}body:has(.hub-shell) .parent-button{color:#073b48;order:3;min-height:44px;padding:0 4px;font-weight:900}body:has(.hub-shell) .parent-button svg{width:22px;height:22px}#experience:has(.hub-shell){background:#fffaf2;height:max(100svh,42.66vw);min-height:0;max-height:none;overflow:hidden}#experience:has(.hub-shell) #world{display:none}#experience:has(.hub-shell) #screen{position:absolute;inset:0}#experience .hub-shell{z-index:2;pointer-events:none;min-height:0;position:absolute;inset:0}.hub-shell .hub-heading{z-index:4;text-align:left;width:auto;position:absolute;top:5.65vw;left:6.6%;right:auto}.hub-shell .hub-heading .eyebrow{display:none}.hub-shell .hub-heading h1{letter-spacing:-.14vw;color:#073b48;white-space:nowrap;font-size:3.25vw;font-weight:900;line-height:1.12}.hub-shell .hub-heading h1:before,.hub-shell .hub-heading h1:after{display:none}.hub-shell .hub-heading h1 em{color:#ff6648}.hub-shell .hub-heading p{color:#62867d;margin-top:.2vw;font-size:1.44vw;font-weight:700;line-height:1.3}.hub-shell .hub-plan-area{z-index:5;pointer-events:auto;align-items:center;gap:1.15vw;width:auto;display:flex;position:absolute;top:5.5vw;left:auto;right:7%;transform:none}.hub-shell .hub-plan-picker{background:#fffdfaf5;border:1px solid #eee7df;border-radius:1.55vw;grid-template-columns:1.65vw minmax(0,1fr) 1.2vw;align-items:center;gap:.7vw;width:16.1vw;min-height:3.65vw;margin:0;padding:.65vw 1.2vw;display:grid;position:relative;inset:auto;transform:none;box-shadow:0 3px 8px #725e4710}.hub-shell .hub-plan-icon{color:#123d4b;width:auto;display:flex}.hub-shell .hub-plan-icon svg{width:100%;height:auto}.hub-shell #plan-select{appearance:none;width:100%;min-width:0;max-width:none;min-height:28px;box-shadow:none;color:#123d4b;cursor:pointer;text-overflow:ellipsis;letter-spacing:-.025em;background:0 0;border:0;border-radius:0;margin:0;padding:0;font-family:inherit;font-size:1.04vw;font-weight:700;line-height:1.3}.hub-shell .hub-plan-picker{gap:.5vw;width:16.3vw;padding-inline:1vw}.hub-shell #plan-select:focus-visible{outline-offset:5px;outline:3px solid #286577}.hub-shell .hub-plan-chevron{color:#123d4b;pointer-events:none;width:auto;display:flex}.hub-shell .hub-plan-chevron svg{width:100%;height:auto}.hub-shell .hub-plan-divider{background:#b7c8c1;width:1px;height:2.4vw;display:block}.hub-shell .hub-good-choice{color:#62837c;align-items:center;gap:.65vw;margin:0;font-size:1.1vw;font-weight:800;line-height:1.3;display:flex;position:static}.hub-shell .hub-good-choice svg{color:#ff704f;width:1.7vw;height:1.7vw}.hub-shell .hub-scene{z-index:1;aspect-ratio:1920/819;isolation:isolate;opacity:1;width:100vw;min-width:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.hub-shell .hub-scene-art{opacity:1;filter:none;width:100%;max-width:none;height:auto;display:block}.hub-shell .hub-school-sign{letter-spacing:-.1vw;white-space:nowrap;color:#073b48;place-items:center;width:20.7%;height:8.3%;margin:0;font-size:2.48vw;font-weight:900;line-height:1;display:grid;position:absolute;top:25.1%;left:39.7%}.hub-shell .day-strip{pointer-events:auto;grid-template-columns:repeat(5,minmax(0,1fr));gap:6.9%;width:auto;height:34.4%;margin:0;padding:0;display:grid;position:absolute;top:40.5%;left:24.4%;right:23.9%}.hub-shell .day-tab{width:auto;min-width:0;height:100%;min-height:44px;box-shadow:none;background:0 0;border:0;border-radius:8px;padding:0;display:block;position:relative;overflow:visible;transform:none}.hub-shell .day-tab:before,.hub-shell .day-tab:after{display:none}.hub-shell .day-tab.selected,.hub-shell .day-tab:hover{box-shadow:none;background:0 0;transform:none}.hub-shell .day-tab.selected:after{content:"";z-index:-1;border:3px solid #fff5d9;border-radius:14px;display:block;position:absolute;inset:17% -5% 0;box-shadow:0 0 0 3px #ff7857}.hub-shell .day-tab:focus-visible{outline-offset:5px;outline:3px solid #0b5060}.hub-shell .day-tab:hover .day-number{transform:translateY(-3px)}.hub-shell .day-name{color:#073b48;white-space:nowrap;padding:0;font-size:1.25vw;font-weight:900;line-height:1.65;position:absolute;top:0;left:-4%;right:-4%}.hub-shell .day-number{aspect-ratio:1.08;color:#214e47;background:linear-gradient(135deg,#ffefce,#f7dfb8);border:1px solid #fff2d6;border-radius:.7vw;place-items:center;width:44%;height:auto;font-size:2vw;font-weight:900;line-height:1;transition:transform .15s;display:grid;position:absolute;top:28%;left:28%;box-shadow:1px 3px 4px #71503135}.hub-shell .day-stars{color:#c8bea7;letter-spacing:0;background:#fff1d7;border:1px solid #fff7e7;border-radius:999px;justify-content:center;align-items:center;gap:0;min-height:2.25vw;padding:.2vw;font-size:1.43vw;line-height:1;display:flex;position:absolute;bottom:1%;left:-5%;right:-5%;box-shadow:0 2px 4px #70523130}.hub-shell .day-stars .earned{color:#efa400}.hub-shell .day-stars svg{fill:currentColor;stroke-width:1.2px;width:1.3vw;height:1.3vw}.hub-shell .day-tab.selected:after{z-index:0;pointer-events:none}.hub-shell .day-stars{z-index:1}#experience:has(.hub-shell){height:max(100svh,42.14vw)}.hub-shell .hub-scene{aspect-ratio:1932/814}.hub-shell .hub-school-sign,.hub-shell .day-name,.hub-shell .day-number{opacity:0}.hub-shell .hub-bottom{z-index:4;pointer-events:none;flex-direction:column;align-items:center;gap:1.3vw;padding:0;display:flex;position:absolute;inset:32.9vw 0 auto}.hub-shell .start-button{color:#fffdf7;pointer-events:auto;background:linear-gradient(#ff7657,#f95f3b);border:2px solid #ffac85;border-radius:999px;justify-content:center;align-items:center;gap:1.2vw;width:20.2vw;min-width:0;height:4.25vw;min-height:44px;padding:.7vw 1.5vw;font-size:1.85vw;font-weight:900;line-height:1.1;display:inline-flex;box-shadow:inset 0 2px 3px #ffd3b788,0 3px 4px #b96b3630}.hub-shell .start-button svg{width:1.8vw;height:1.8vw}.hub-shell .hub-footer{color:#557770;text-shadow:0 1px 5px #fffaf0;justify-content:center;width:100%;max-width:none;margin:0;padding:0 6.6%;font-size:1vw;font-weight:700;line-height:1.5;display:flex;position:relative}.hub-shell .hub-footer span{align-items:center;gap:.6vw;display:flex}.hub-shell .hub-footer span:first-child svg{width:1.8vw;height:1.8vw}.hub-shell .hub-footer span:last-child{position:absolute;right:8%}@media (max-width:1100px){body:has(.hub-shell) .topbar{height:58px;padding:0 14px;top:12px;left:24px;right:24px}#experience:has(.hub-shell){height:max(100svh,220px + 43vw)}.hub-shell .hub-heading{top:94px;left:5%}.hub-shell .hub-heading h1{letter-spacing:-1.5px;font-size:clamp(32px,4.3vw,46px)}.hub-shell .hub-heading p{font-size:18px}.hub-shell .hub-plan-area{gap:12px;top:100px;right:4%}.hub-shell .hub-plan-picker{border-radius:25px;grid-template-columns:27px minmax(0,1fr) 20px;gap:10px;width:270px;min-height:58px;padding:10px 15px}.hub-shell #plan-select{font-size:17px}.hub-shell .hub-plan-divider,.hub-shell .hub-good-choice{display:none}.hub-shell .hub-scene{top:155px}.hub-shell .day-name{opacity:1;letter-spacing:-.3px;background:#fff7e8ed;border-radius:6px;padding:3px 0;font-size:12px;line-height:1.3;top:calc(100% + 7px);left:-12%;right:-12%}.hub-shell .hub-bottom{gap:22px;top:calc(190px + 33vw)}.hub-shell .start-button{gap:16px;width:270px;height:60px;font-size:24px}.hub-shell .start-button svg{width:27px;height:27px}.hub-shell .hub-footer{font-size:14px}.hub-shell .hub-footer span:first-child svg{width:25px;height:25px}.hub-shell .hub-footer span:last-child{display:none}}@media (max-width:800px){.hub-shell .hub-heading{text-align:center;top:95px;left:16px;right:16px}.hub-shell .hub-plan-area{top:190px;left:50%;right:auto;transform:translate(-50%)}.hub-shell .hub-scene{top:230px}.hub-shell .hub-bottom{top:calc(265px + 33vw)}#experience:has(.hub-shell){height:max(100svh,380px + 43vw)}}@media (max-width:600px){body:has(.hub-shell) .topbar{height:54px;padding:0 8px;top:10px;left:10px;right:10px}body:has(.hub-shell) .brand{letter-spacing:-.8px;gap:7px;font-size:17px}body:has(.hub-shell) .brand-star{border-radius:9px;padding:5px}body:has(.hub-shell) .brand-star svg{width:22px;height:22px}body:has(.hub-shell) .header-right{gap:2px}body:has(.hub-shell) .sky-pill{gap:4px;min-height:44px;padding:5px 7px}body:has(.hub-shell) .sky-label{display:none}body:has(.hub-shell) .parent-button span{display:none}body:has(.hub-shell) .divider{display:none}:is(body:has(.hub-shell) .icon-button,body:has(.hub-shell) .parent-button){background:0 0;border:0;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;display:flex}.hub-shell .hub-heading{top:95px;left:10px;right:10px}.hub-shell .hub-heading h1{letter-spacing:-1.3px;font-size:clamp(28px,7.9vw,43px)}.hub-shell .hub-heading p{margin-top:7px;font-size:clamp(14px,3.8vw,18px)}.hub-shell .hub-plan-area{width:280px;top:185px}.hub-shell .hub-plan-picker{width:100%;min-height:58px}.hub-shell .hub-scene{width:170vw;top:245px}.hub-shell .hub-school-sign{letter-spacing:-.15vw;font-size:4.15vw}.hub-shell .day-name{opacity:1;letter-spacing:-.3px;background:#fff7e8ed;border-radius:6px;padding:3px 0;font-size:clamp(10px,2.6vw,12px);line-height:1.3;top:calc(100% + 7px);left:-18%;right:-18%}.hub-shell .day-number{border-radius:5px;font-size:3.5vw}.hub-shell .day-tab{justify-self:center;width:100%;min-width:44px}.hub-shell .day-stars{min-height:4vw;font-size:2.35vw}.hub-shell .day-stars svg{width:2.25vw;height:2.25vw}.hub-shell .day-tab.selected:after{border-width:2px;border-radius:7px;box-shadow:0 0 0 2px #ff7857}.hub-shell .hub-bottom{gap:23px;padding:0 10px;top:calc(280px + 57vw)}.hub-shell .start-button{width:260px;height:62px}.hub-shell .hub-footer{padding:0;font-size:12px}#experience:has(.hub-shell){height:max(100svh,425px + 73vw)}}@media (prefers-reduced-motion:reduce){.hub-shell button,.hub-shell .day-number{transition:none}}@media (max-width:360px){body:has(.hub-shell) .brand{gap:5px;font-size:15px}body:has(.hub-shell) .brand-star{padding:4px}}