:root{--paper:#f7f2e6;--ink:#26323a;--ink-soft:#55646e;--wash:#3f7f93;--wash-deep:#2c5f71;--line:#d9d0bb;--ok:#3f8f5a;--bad:#b5503c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--paper)}body{min-height:100vh;color:var(--ink);background:var(--paper);margin:0;font:1.125rem/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.page{max-width:38rem;margin:0 auto;padding:4rem 1.25rem 3rem}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 .5rem;font-size:.8rem}h1{text-wrap:balance;margin:0 0 1rem;font:700 clamp(2.4rem,8vw,3.6rem)/1.05 Georgia,Iowan Old Style,Palatino Linotype,serif}.lede{max-width:34rem;margin:0 0 2rem}.actions{margin:0 0 3rem}.button{background:var(--wash-deep);color:#fff;border-radius:.5rem;padding:.75rem 1.4rem;font-weight:600;text-decoration:none;display:inline-block}.button:hover{background:var(--wash)}.button:focus-visible,a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}a{color:var(--wash-deep)}.status{border-top:1px solid var(--line);color:var(--ink-soft);align-items:center;gap:.6rem;padding-top:1rem;font-size:.9rem;display:flex}.dot{background:var(--line);border-radius:50%;width:.7rem;height:.7rem}.dot-ready{background:var(--ok)}.dot-unreachable{background:var(--bad)}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}.button{text-align:center;border:1px solid #0000;line-height:1.4}.button-secondary{color:var(--wash-deep);border-color:var(--wash-deep);background:0 0}.button-secondary:hover{background:#e8e9df}.actions{flex-wrap:wrap;gap:.75rem;display:flex}.eyebrow a{color:inherit;text-decoration:none}.eyebrow a:hover{text-decoration:underline}h2{text-wrap:balance;margin:2rem 0 .75rem;font-size:1.5rem;line-height:1.25}h3{margin:0;font-size:1.125rem;line-height:1.4}p{text-wrap:pretty}fieldset{border:0;min-width:0;margin:0;padding:0}.field{margin-bottom:1.25rem}.field label,legend{margin-bottom:.4rem;font-size:1rem;font-weight:600;display:block}.field input{width:100%;min-height:3rem;color:var(--ink);background:#fffcf5;border:1px solid #89908a;border-radius:.35rem;padding:.65rem .8rem;display:block}.hint{color:var(--ink-soft);margin:-.1rem 0 .45rem;font-size:.9rem;line-height:1.5}input:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--wash-deep);outline-offset:3px}.alert{border-left:3px solid var(--bad);overflow-wrap:anywhere;background:#f5e4db;margin:1.25rem 0;padding:.9rem 1rem;font-size:1rem}.alert:focus{outline:2px solid var(--bad);outline-offset:3px}.alert p{margin:.5rem 0 0}.form-links{margin:1.25rem 0 0;font-size:1rem}.name-fields{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.account-footer{border-top:1px solid var(--line);flex-wrap:wrap;gap:1rem 1.5rem;margin-top:2.5rem;padding-top:1.25rem;font-size:.95rem;display:flex}.members{margin:0;padding:0;list-style:none}.member{border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:1.25rem 0}.member-heading{flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;display:flex}.member-role{color:var(--ink-soft);font-size:.85rem}.member-login{color:var(--ink-soft);margin:.3rem 0 0;font-size:1rem}.child-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1rem;display:flex}.child-actions .button,.text-button{font-size:.95rem}.text-button{color:var(--wash-deep);text-align:left;text-underline-offset:.2em;background:0 0;border:0;padding:.65rem 0;text-decoration:underline}.inline-form{margin-top:1.25rem}.notice{margin:.75rem 0 0;font-size:1rem}.notice:empty{display:none}.add-child{margin-top:2rem}.login-choice{flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;display:flex}.login-choice label{align-items:center;gap:.5rem;min-height:2.75rem;display:flex}input[type=radio],input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:var(--wash-deep);flex-shrink:0}.consent{align-items:flex-start;gap:.75rem;margin:1.5rem 0;font-size:1rem;display:flex}.consent input{margin-top:.2rem}.sign-out{margin-top:2rem}.prose p{margin:1rem 0}.page{overflow-wrap:anywhere}@media (width<=480px){.page{padding-top:2rem}h1{font-size:2.4rem}.name-fields{grid-template-columns:1fr;gap:0}.actions{flex-direction:column;align-items:stretch}form>fieldset>.button{width:100%}}.player{background:var(--paper);flex-direction:column;height:100dvh;display:flex}.player-bar{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.player-back,.player-full{border:2px solid var(--ink);min-height:2.75rem;color:var(--ink);white-space:nowrap;background:#fffcf5;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}.player-back:hover,.player-full:hover{background:#fbf0cf}.player-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-weight:600;overflow:hidden}.player-frame{background:#fff;border:0;flex:1;width:100%;min-height:0}@media (width<=480px){.player-full{display:none}}@font-face{font-family:Alegreya;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/alegreya.woff2)format("woff2")}@font-face{font-family:Alegreya;font-style:italic;font-weight:400 700;font-display:swap;src:url(/fonts/alegreya-italic.woff2)format("woff2")}@font-face{font-family:Alegreya Sans SC;font-weight:500;font-display:swap;src:url(/fonts/alegreya-sans-sc-500.woff2)format("woff2")}@font-face{font-family:Alegreya Sans SC;font-weight:700;font-display:swap;src:url(/fonts/alegreya-sans-sc-700.woff2)format("woff2")}.kid{--map-paper:#e7ddc4;--k-ink:#1f211d;--k-pen:#474b45;--k-pencil:#5c5f58;--k-gold:#f0c64f;--k-serif:"Alegreya", Georgia, serif;--k-label:"Alegreya Sans SC", "Gill Sans", sans-serif;min-height:100vh;color:var(--k-ink);font-family:var(--k-serif);-webkit-font-smoothing:antialiased;background-color:var(--map-paper);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .28 0 0 0 0 .29 0 0 0 0 .26 0 0 0 .07 0'/></filter><rect width='320' height='320' filter='url(%23n)'/></svg>")}:where(.kid) a{color:inherit}.kid a:focus-visible,.kid summary:focus-visible,.kid button:focus-visible{outline:3px solid var(--k-ink);outline-offset:4px;border-radius:2px}.kid svg path{fill:none;stroke:currentColor}.kid-lbl{font:700 1rem/1.1 var(--k-label);letter-spacing:.09em;color:var(--k-pen);text-transform:lowercase;margin:0}.kid-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.kid-top{justify-content:space-between;align-items:center;gap:1rem;min-height:3.6rem;padding:.4rem 2.1rem 0 2.25rem;display:flex}.kid-brand{min-height:2.75rem;font:700 1.125rem/1 var(--k-label);letter-spacing:.14em;text-transform:uppercase;color:var(--k-ink);align-items:center;text-decoration:none;display:inline-flex}.kid-who{align-items:center;gap:1.4rem;display:flex}.kid-name{font:italic 500 1.375rem/1 var(--k-serif)}.kid-grown{position:relative}.kid-grown summary{cursor:pointer;min-height:2.75rem;font:500 .95rem/1 var(--k-label);letter-spacing:.09em;color:var(--k-pencil);text-underline-offset:4px;align-items:center;text-decoration:underline;text-decoration-thickness:1px;list-style:none;display:flex}.kid-grown summary::-webkit-details-marker{display:none}.kid-grown-menu{z-index:2;background:var(--map-paper);border:1.5px solid var(--k-pen);border-radius:3px;padding:.25rem 1rem 1rem;position:absolute;top:100%;right:0;box-shadow:0 6px 18px #1f211d24}.kid-grown-menu .sign-out{margin-top:.75rem}.kid-grown-menu .button{white-space:nowrap}.kid-first{grid-template-columns:minmax(0,1fr) 22.25rem;align-items:start;gap:1.6rem;max-width:88rem;min-height:calc(100svh - 6.6rem);margin:0 auto;padding:0 2.1rem 3.75rem .6rem;display:grid;position:relative}.kid-map,.kid-course-map{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 2.25rem calc(100% - 2.25rem),#0000 100%),linear-gradient(#0000 0,#000 1.9rem calc(100% - 1.9rem),#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.kid-map{aspect-ratio:1920/1290;justify-self:center;width:min(100%,148.84svh - 15.6282rem);position:relative}.kid-map img{width:100%;height:100%;display:block;position:absolute;inset:0}.kid-map-lit{opacity:1}.kid-map-lit.is-settling{animation:1.4s ease-in-out 2.4s forwards kid-settle}@keyframes kid-settle{to{opacity:0}}.kid-framed{position:relative}.kid-framed img{object-fit:cover;width:calc(100% - 14px);height:calc(100% - 14px);position:absolute;inset:7px}.kid-framed svg{width:100%;height:100%;color:var(--k-pen);position:absolute;inset:0;overflow:visible}.kid-framed svg path{stroke-width:2.2px;stroke-linejoin:round}.kid-crumb{flex-wrap:wrap;align-items:baseline;column-gap:1.1rem;padding:0 2.1rem 0 2.25rem;display:flex}.kid-crumb-back,.kid-whole{min-height:2.75rem;font:500 .95rem/1 var(--k-label);letter-spacing:.09em;color:var(--k-pencil);text-transform:uppercase;text-underline-offset:5px;align-items:center;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.kid-crumb-title{font:700 2rem/1 var(--k-serif);letter-spacing:-.01em;margin:0}.kid-next{min-width:0;padding-top:1.25rem}.kid-next-pic{aspect-ratio:356/172}.kid-where{margin:1.6rem 0 0 3px}.kid-num{margin:.85rem 0 0 3px;font-size:1.19rem}.kid-title{font:700 3.375rem/.96 var(--k-serif);letter-spacing:-.015em;text-wrap:balance;margin:.6rem 0 0}.kid-lead{font:italic 500 1.44rem/1.3 var(--k-serif);color:var(--k-pen);text-wrap:pretty;margin:.9rem 0 0 2px}.kid-start{font:italic 600 2.5rem/1 var(--k-serif);color:var(--k-ink);justify-self:start;align-items:center;gap:14px;margin:1.6rem 0 0 -2px;padding:8px 8px 16px 4px;text-decoration:none;display:inline-flex;position:relative}.kid-start-arrow{width:52px;height:27px}.kid-start-arrow path{stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.kid-start-under{width:calc(100% - 70px);height:14px;position:absolute;bottom:4px;left:2px}.kid-start-under path{stroke-width:2px;stroke-linecap:round}.kid-start:hover .kid-start-arrow{transition:transform .2s;transform:translate(4px)}.kid-say{font:italic 400 1.19rem/1.4 var(--k-serif);color:var(--k-pen);align-items:center;gap:9px;margin:.75rem 0 0 3px;display:flex}.kid-say svg{color:var(--k-pen);flex:none}.kid-say svg path{stroke-width:2px}.kid-below{color:var(--k-pencil);text-transform:uppercase;justify-content:center;align-items:center;gap:12px;min-height:2.75rem;font-size:.95rem;font-weight:500;text-decoration:none;display:flex;position:absolute;bottom:1.1rem;left:0;right:25.95rem}.kid-below-arrow{width:34px;height:18px;transform:rotate(90deg)}.kid-below-arrow path{stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.kid-home{max-width:82rem;margin:0 auto;padding:1.5rem 2.1rem 4rem 2.5rem}.kid-home-title{font:700 2.5rem/1 var(--k-serif);letter-spacing:-.01em;margin:0 0 1.4rem 1.5rem}.kid-course{grid-template-columns:minmax(0,1.23fr) minmax(0,1fr);align-items:start;column-gap:1.5rem;display:grid}.kid-course+.kid-course{margin-top:3rem}.kid-course-map{aspect-ratio:1920/1290;display:block}.kid-course-map img{width:100%;height:100%;display:block}.kid-course-about{min-width:0;padding-top:.9rem}.kid-course-title{font:700 3.75rem/.96 var(--k-serif);letter-spacing:-.015em;text-wrap:balance;margin:0}.kid-course-title a{text-decoration:none}.kid-course-title a:hover{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px}.kid-course-lead{max-width:29rem;font:italic 500 1.5rem/1.3 var(--k-serif);color:var(--k-pen);text-wrap:pretty;margin:.9rem 0 0 2px}.kid-so-far{color:var(--k-pencil);margin:1.25rem 0 0 3px;font-weight:500}.kid-course-next{grid-template-columns:10.5rem minmax(0,1fr);align-items:center;column-gap:1.25rem;margin-top:2.4rem;display:grid}.kid-course-thumb{aspect-ratio:168/114}.kid-course-thumb img{width:calc(100% - 10px);height:calc(100% - 10px);inset:5px}.kid-course-thumb svg path{stroke-width:2px}.kid-course-num{margin:0 0 .5rem 2px}.kid-course-next-title{font:600 1.875rem/1.05 var(--k-serif);text-wrap:balance;margin:0}.kid-course-go{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;margin-top:1rem;display:flex}.kid-course-go .kid-start{margin-top:0}.kid-more{font:italic 400 1.3rem/1.3 var(--k-serif);color:var(--k-pencil);margin:2rem 0 0 1.6rem}.kid-code{max-width:62rem;margin:0 auto;padding:2rem 1.5rem 1rem;scroll-margin-top:1rem}.kid-code:focus{outline:none}.kid-board{position:relative}.kid-board>img:first-child{border-radius:4px;width:100%;height:auto;display:block}.kid-piece{filter:drop-shadow(0 0 4px #f0c64f40);height:auto;position:absolute}.kid-board-note{text-align:center;font:italic 400 1.19rem/1.4 var(--k-serif);color:var(--k-pen);margin:1rem 0 0}.kid-contents{max-width:70rem;margin:0 auto;padding:2.5rem 1.5rem 5rem}.kid-contents-title{font:700 2.25rem/1.05 var(--k-serif);margin:0 0 .5rem}.kid-leg{margin-top:2rem}.kid-leg-title{border-bottom:1.5px solid var(--k-pen);padding-bottom:.55rem}.kid-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,30rem),1fr));column-gap:2.5rem;margin:0;padding:0;list-style:none;display:grid}.kid-row{border-bottom:1px solid #474b4547;align-items:center;gap:1rem;min-height:4.75rem;padding:.7rem 0;text-decoration:none;display:flex}.kid-row-pic{aspect-ratio:356/172;object-fit:cover;border:1.5px solid var(--k-pen);background:#f4ead0;border-radius:2px;flex:none;width:8.25rem}.kid-row-words{flex:1;gap:.3rem;min-width:0;display:grid}.kid-row-num{font-size:.9rem}.kid-row-title{font:600 1.3rem/1.15 var(--k-serif);text-wrap:balance}.kid-row:hover .kid-row-title{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.kid-row-mark{font:italic 500 1.05rem/1 var(--k-serif);color:var(--k-pen);flex:none;align-items:center;gap:.3rem;display:inline-flex}.kid-row-mark svg path{stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;color:#3f7d3a}.kid-row-mark.is-next{font:700 .9rem/1 var(--k-label);letter-spacing:.09em;color:var(--k-ink);border-bottom:3px solid var(--k-gold);padding:.3rem .1rem}@media (width<=1100px){.kid-course-title{font-size:3rem}.kid-first{grid-template-columns:minmax(0,1fr) 19rem;gap:1.2rem;padding-right:1.5rem}.kid-title{font-size:2.75rem}.kid-below{right:21.7rem}}@media (width<=860px){.kid-top{padding:.4rem 1rem 0}.kid-crumb{padding:0 1rem}.kid-home{padding:1rem 1rem 3rem}.kid-home-title{margin-left:0}.kid-course{grid-template-columns:minmax(0,1fr)}.kid-more{margin-left:0}.kid-first{grid-template-columns:minmax(0,1fr);min-height:0;padding:0 1rem 4.5rem}.kid-map{width:100%}.kid-next{justify-self:center;width:100%;max-width:34rem;padding-top:0}.kid-below{bottom:.75rem;right:0}.kid-code,.kid-contents{padding-left:1rem;padding-right:1rem}}@media (width>=600px) and (width<=860px){.kid-next{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:1.5rem;max-width:none;display:grid}.kid-next-pic{grid-row:1/span 6;align-self:start}.kid-next>:not(.kid-next-pic){grid-column:2}.kid-where{margin-top:.4rem}.kid-title{font-size:2.5rem}}@media (width<=480px){.kid-brand{letter-spacing:.1em;font-size:1rem}.kid-name{display:none}.kid-title{font-size:2.4rem}.kid-start{font-size:2.1rem}.kid-row-pic{width:6rem}.kid-row-title{font-size:1.15rem}}
