.gs.ha{--ha-edge:330px;--ha-pond:#c8e0df;--ha-ink:#2c2952;--ha-muted:#5e5990;--ha-paper:#fffaf0;--ha-outline:#5140a6;--ha-green:#286e5a;--ha-wood:#986c46;max-width:1200px;min-height:0;color:var(--ha-ink);grid-template-rows:none;grid-template-areas:"chips""board""tools""status""actions""reason""week""side";gap:10px;margin:auto;padding:12px 16px 28px}.ha [hidden]{display:none!important}.ha button:focus-visible,.ha a:focus-visible{outline:3px solid var(--ha-outline);outline-offset:3px}.ha button{touch-action:manipulation}.ha-stats{grid-area:chips;justify-content:space-between;align-items:center;gap:10px;min-height:38px;display:flex}.ha-stats>div{flex-direction:column;display:flex}.ha-stats small{color:var(--ha-muted);font-size:11px;line-height:1.35}.ha-stats strong{font-variant-numeric:tabular-nums;font-size:21px;line-height:1.2}.ha-divider{color:var(--ha-muted);font-size:14px}.ha-learn{background:0 0;border:0;align-items:center;gap:7px;min-height:44px;padding:0;font-size:13px;font-weight:800;display:flex}.ha-learn span{background:var(--ha-paper);border-radius:50%;place-items:center;width:27px;height:27px;display:grid;box-shadow:0 3px #d1c9e1}.ha[data-new-builder=true] .ha-learn{background:#fff1d8;border-radius:14px;padding:0 5px}.ha-card{background:var(--ha-paper);border-radius:26px;outline:none;grid-area:board;width:100%;max-width:652px;margin:auto;padding:12px 12px 6px;position:relative;box-shadow:0 5px #d5cbdf,0 12px 20px #433b7c0d}.ha-card-head{color:#716481;letter-spacing:1.6px;justify-content:space-between;align-items:center;height:24px;margin-bottom:9px;padding:0 5px;font-size:9px;font-weight:800;display:flex}.ha-board{width:var(--ha-edge);height:var(--ha-edge);isolation:isolate;-webkit-user-select:none;user-select:none;max-width:100%;margin:auto;position:relative;container-type:inline-size}.ha-water,.ha-bridges{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.ha-bridges{z-index:1}.ha-island{z-index:2;touch-action:none;cursor:pointer;background:0 0;border:0;border-radius:46%;width:max(44px,14%);height:max(44px,14%);padding:0;position:absolute;transform:translate(-50%,-50%)}.ha-island-visual{will-change:transform;width:100%;height:100%;transition:transform .16s ease-out;display:block;position:relative}.ha-island svg{width:100%;height:100%;display:block;overflow:visible}.ha-island strong{color:var(--ha-ink);font-family:inherit;font-size:clamp(23px,5.7cqw,34px);font-weight:800;line-height:1;position:absolute;top:46%;left:0;right:0;transform:translateY(-50%)}.ha-island small{background:var(--ha-outline);color:#fff;opacity:0;pointer-events:none;border-radius:5px;min-width:14px;padding:2px 3px;font-size:10px;font-weight:800;line-height:1;transition:opacity .12s;position:absolute;top:0;left:0}.ha-board:has([data-source=true]) .ha-island[data-source=true] small,.ha-island[aria-pressed=true] small,.ha-island[data-target=true] small,.ha-island:focus-visible small{opacity:1}.ha-island .ha-count-check{color:#fff;opacity:0;background:0 0;border-radius:50%;place-items:center;width:clamp(14px,3cqw,20px);height:clamp(18px,4cqw,26px);font-size:clamp(7px,1.8cqw,10px);transition:opacity .15s,transform .16s;display:grid;position:absolute;top:0;right:1%;transform:scale(.7)}.ha-lamp-halo{transition:opacity .18s ease-out}.ha-island[data-lit=true] .ha-lamp-halo{opacity:.8}.ha-island[data-lit=true] .ha-lamp-window{fill:#886032}.ha-island[data-satisfied=true] .ha-count-check{opacity:1;transform:scale(1)}.ha-island[data-satisfied=true] .ha-island-face{fill:#7eb79b}.ha-island[data-over=true] .ha-number-bed{fill:#ffe0d1}.ha-island[data-over=true] strong{color:#ab362e}.ha-island[aria-pressed=true]:after,.ha-island[data-source=true]:after{content:"";border:2.5px solid var(--ha-outline);pointer-events:none;border-radius:46%;position:absolute;inset:0}.ha-island[data-target=true]:not([aria-pressed=true]):after{content:"";pointer-events:none;border:2px solid #477d6d;border-radius:46%;position:absolute;inset:1px}.ha-island[data-pressed=true] .ha-island-visual{transform:translateY(3px)scale(.94)}.ha-island:focus-visible{outline-offset:1px!important}.ha-island:focus-visible:after{border-color:#0000}.ha-route{stroke:#5140a6;stroke-width:8px;stroke-linecap:round;stroke-dasharray:2 14;opacity:0;transition:opacity .14s}.ha-span-first,.ha-span-second,.ha-note{opacity:0;transition:opacity .15s,transform .18s ease-out}.ha-note{stroke:#6a6386;stroke-width:4px;stroke-linecap:round}.ha-bridges [data-value="1"] .ha-span-first,.ha-bridges [data-value="2"] .ha-span-first,.ha-bridges [data-value="2"] .ha-span-second,.ha-bridges [data-value="3"] .ha-note{opacity:1}.ha-bridges [data-value="2"] .ha-span-first{transform:translateY(-14px)}.ha-bridges [data-value="2"] .ha-span-second{transform:translateY(14px)}.ha-bridges [data-drag=true] .ha-route{opacity:.75}.ha-bridges [data-route-hint=true] .ha-route{opacity:1;stroke:#5140a6;stroke-width:7px;stroke-dasharray:8 8}.ha-card-foot{color:#62646b;letter-spacing:.2px;justify-content:space-between;align-items:center;min-height:29px;padding:0 6px;font-size:10px;font-weight:800;display:flex}.ha-bridge-key{gap:12px;display:flex}.ha-bridge-key>span{align-items:center;gap:5px;display:flex}.ha-bridge-key svg{width:22px;height:16px;overflow:visible}.ha-tools{grid-area:tools;gap:9px;margin-top:4px;display:flex}.ha-tools button{background:#fff;border:0;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 8px;font-size:12px;font-weight:800;transition:transform .13s;display:flex;box-shadow:0 3px #d4cde5}.ha-tools button[aria-pressed=true]{color:#fff;background:#2c2952;box-shadow:0 3px #17132c}.ha-tools button:active{transform:translateY(2px)}.ha-tools svg{width:19px;height:19px}.ha-message{grid-area:status;align-items:center;gap:10px;height:45px;min-height:45px;display:flex}.ha-message .gs-status{align-items:center;min-height:34px;font-size:12px;line-height:1.4;display:flex}.ha-message-knot{flex:none;justify-content:center;align-items:center;gap:3px;width:26px;display:flex}.ha-message-knot i{background:#a88363;border-radius:4px;width:5px;height:15px;transform:rotate(30deg)}.ha-message-knot i:nth-child(2){background:#d5af7c}.ha-actions,.ha-actions .gs-icon{min-height:48px}.ha-actions small{font-size:8px;font-weight:800;position:absolute;bottom:3px}.ha-actions .gs-icon>svg{width:18px;height:18px;margin-bottom:8px}.ha-actions [data-sound]{margin-left:0}.ha-reason{background:#fffaf0;border-radius:16px;grid-area:reason;padding:12px 14px;font-size:12px;line-height:1.6;box-shadow:inset 0 0 0 2px #b6a4d6}.ha-reason h2{margin:0 0 6px;font-size:14px}.ha-reason p{margin:4px 0}.ha-reason [data-reason-action]{font-weight:800}.ha-week{grid-area:week;padding:14px 4px 4px}.ha-week h2{color:var(--ha-muted);margin:0 0 8px;font-size:11px}.ha-week-row{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.ha-day{flex-direction:column;align-items:center;min-width:0;display:flex}.ha-keepsake{place-items:center;width:100%;height:48px;display:grid;position:relative}.ha-keepsake svg{width:100%;height:100%;display:block}.ha-keepsake>span{transform-origin:50%;width:100%;height:100%;line-height:0;display:block}.ha-keepsake i{background:#d3c9de;border-radius:50%;width:16px;height:5px}.ha-day[data-day-state=today] .ha-keepsake:has(i){border:1.5px dashed #9c85b4;border-radius:10px}.ha-day[data-day-state=missed] i{background:0 0;border:1px solid #b1a7c3}.ha-day small{color:var(--ha-muted);font-size:10px;font-weight:800;line-height:18px}.ha-side{gap:20px}.ha-intro{display:none}.ha-side .gs-rules{font-size:13px}.ha-side details{margin-top:14px;font-size:12px;line-height:1.6}.ha-replay{margin-top:14px;font-size:12px}.ha-new{margin-top:10px}.ha-unavailable{padding:20px;font-size:14px;line-height:1.6}.ha-unavailable h2{font-size:20px}.ha-result-note{text-align:center;color:var(--ha-muted);margin:8px 0;font-size:12px;line-height:1.6}.ha-reward{width:130px;height:108px;margin:0 auto;display:block}.ha-reward svg{width:100%;height:100%}.ha[data-preview=true] [data-solved-progress]{display:none}.ha .gs-solved{align-self:start}.ha-lesson{top:var(--ha-lesson-top,12px);width:min(400px,100vw - 24px);max-height:var(--ha-lesson-height,90dvh);color:#2c2952;background:#fffaf0;border:0;border-radius:26px;margin:0 auto;padding:18px 18px 14px;font-family:inherit;position:fixed;bottom:auto;overflow:auto;box-shadow:0 8px #cfc5dd,0 24px 60px #2c295240}.ha-lesson::backdrop{background:#29244166}.ha-lesson-close{background:0 0;border:0;border-radius:12px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:8px;right:8px}.ha-lesson-close svg{width:20px}.ha-eyebrow{letter-spacing:1px;color:#716481;margin:0 0 12px;font-size:10px;font-weight:800}.ha-lesson .ha-eyebrow{letter-spacing:.5px;margin-bottom:6px;padding-right:25px;font-size:9px}.ha-lesson h2{margin:0 0 8px;font-size:22px;line-height:1.25}.ha-lesson p:not(.ha-eyebrow){margin:8px 0;font-size:12px;line-height:1.55}.ha-demo{--ha-demo-edge:clamp(152px, calc(var(--ha-lesson-height,600px) - 340px), 225px);width:var(--ha-demo-edge);height:var(--ha-demo-edge);--ha-edge:245px;max-width:100%;margin:8px auto}.ha-demo[data-teaching=true] .ha-island small{opacity:1}.ha-lesson[data-step="0"] .ha-demo{background:var(--ha-pond);border-radius:20px;width:min(300px,100%);height:100px;box-shadow:0 3px #9dbcbf}.ha-lesson[data-step="0"] .ha-water{display:none}.ha-equation{justify-content:center;align-items:center;gap:7px;margin:4px 0 10px;font-size:16px;font-weight:800;display:flex}.ha-equation>span{background:#eee8f8;border-radius:10px;place-items:center;width:32px;height:32px;font-size:22px;display:grid}.ha-equation[data-match=true]>span:last-of-type{background:#cce5d4}.ha-equation small{font-size:11px}.ha-lesson-navigation{justify-content:space-between;align-items:center;gap:6px;margin-top:6px;display:flex}.ha-lesson-navigation .gs-new{color:#fff;background:var(--ha-ink);border-radius:12px;flex:1;width:auto}.ha-lesson-navigation button{min-height:44px;color:var(--ha-ink);cursor:pointer;background:0 0;border:0;min-width:44px;padding:0 5px;font-size:12px;font-weight:800}.ha-lesson-navigation button:disabled{opacity:.5;cursor:default}.ha-lesson[data-short=true]{padding:14px 16px}.ha-lesson[data-short=true] h2{margin-bottom:4px;font-size:18px}.ha-lesson[data-short=true] p:not(.ha-eyebrow){margin:6px 0;font-size:11px;line-height:1.4}.ha-lesson[data-short=true] .ha-demo{--ha-demo-edge:128px;margin:6px auto}.ha-lesson[data-short=true][data-step="0"] .ha-demo{height:80px}.ha-lesson[data-short=true] .ha-equation{margin:4px 0}.ha-lesson[data-short=true] .ha-equation>span{height:28px;font-size:20px}.ha-lesson-response{min-height:40px;font-weight:800}.ha-lesson .gs-new{min-height:44px;font-size:13px}.ha-lesson .gs-new:disabled{color:#5b5275;box-shadow:none;background:#e1d8e6}.ha:not([data-ready=true]){visibility:hidden}.ha-loader{text-align:center;color:#51457a;width:min(300px,90vw);font-family:"M PLUS Rounded 1c",sans-serif;font-size:14px;font-weight:800;position:absolute;top:28px;left:50%;transform:translate(-50%)}.ha-loader>span{width:145px;height:120px;margin:auto;display:block}.ha-loader svg{width:100%;height:100%}.ha-loader a{color:#5140c8;align-items:center;min-height:44px;font-size:12px;display:inline-flex}body:has(.ha[data-ready=true]) .ha-loader{display:none}@media (width>=960px){.gs.ha{grid-template:"board chips""board tools""board status""board actions""board reason""board side"1fr/minmax(0,1fr) 300px;gap:12px 38px;padding:22px 32px 32px}.ha-card{border-radius:34px;align-self:start;margin:0 auto;padding:16px 18px 8px}.ha-card-head{letter-spacing:2px;height:30px;margin-bottom:12px;font-size:11px}.ha-card-foot{min-height:36px;font-size:11px}.ha-stats{padding:0}.ha-message{height:auto;min-height:50px}.ha-message .gs-status{font-size:13px}.ha-side{padding-top:6px}.ha-intro{padding-bottom:12px;display:block;position:relative}.ha-intro h2{line-height:1.35;color:#2c2952!important;margin:0 0 14px!important;font-size:26px!important}.ha-intro p:not(.ha-eyebrow){color:#51457a;font-size:13px;line-height:1.8}.ha-intro>span{width:135px;height:112px;margin:12px 0 0 auto;display:block}.ha-intro svg{width:100%;height:100%}.ha-week{padding-top:18px}.ha-keepsake{height:62px}.ha-side .gs-others{max-width:300px}.ha-stats strong{font-size:22px}}@media (width<=420px){.gs.ha{padding-left:12px;padding-right:12px}.ha-card{padding-left:8px;padding-right:8px}.ha-tools button{font-size:11px}.ha-card-head{letter-spacing:1.2px}}.ha[data-compact=true]{gap:5px;padding-top:6px}.ha[data-compact=true] .ha-stats{min-height:32px}.ha[data-compact=true] .ha-stats strong{font-size:18px}.ha[data-compact=true] .ha-stats small{font-size:10px}.ha[data-compact=true] .ha-card-head,.ha[data-compact=true] .ha-card-foot{display:none}.ha[data-compact=true] .ha-card{border-radius:24px;padding-top:6px;padding-bottom:6px}.ha[data-compact=true] .ha-message{height:45px;min-height:45px}.ha[data-compact=true] .ha-message .gs-status{min-height:32px;font-size:11px;line-height:1.35}.ha[data-compact=true] .ha-actions,.ha[data-compact=true] .ha-actions .gs-icon{min-height:44px}.ha[data-compact=true] .ha-actions small{display:none}.ha[data-compact=true] .ha-actions .gs-icon>svg{margin:0}.ha[data-compact=true] .ha-reward{width:90px;height:75px}.ha[data-compact=true] .gs-solved-card{padding:16px}@media (prefers-reduced-motion:reduce){.ha *,.ha :before,.ha :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.ha-hint-picture{width:var(--ha-hint-edge,250px);height:var(--ha-hint-edge,250px);max-width:100%;margin:12px auto}.ha-hint-picture svg{width:100%;height:100%;display:block}.ha-hint-dialog .ha-lesson-response{min-height:0;margin-bottom:14px!important}.ha-hint-dialog>h2{padding-right:0}.ha-hint-dialog details{margin:10px 0 14px;font-size:12px;line-height:1.6}.ha-hint-dialog summary{cursor:pointer;align-items:center;min-height:44px;font-weight:800;display:flex}.ha-hint-dialog ol{margin:6px 0;padding-left:18px}.ha-hint-dialog li+li{margin-top:9px}
