:root{--kids-ink:#20233C;--kids-blue:#3655AE;--kids-purple:#674298;--kids-green:#267346;--kids-ground:#FFF5DE;--kids-line:#D9CFAE}*{box-sizing:border-box}body{margin:0;background:var(--kids-ground);color:var(--kids-ink);font:16px/1.55 Inter,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}h1,h2,h3,p{margin:0 0 12px}h1{font-size:clamp(32px,4vw,48px);line-height:1.12;font-weight:850;letter-spacing:-.03em}h2{font-size:22px;font-weight:800;line-height:1.2}h3{font-size:18px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #3655AE;outline-offset:3px}button:disabled{opacity:.55;cursor:default}.shell{max-width:1200px;margin:auto;padding:24px 28px 40px}header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:20px;border-bottom:2px solid var(--kids-line)}.brand{font-weight:900;letter-spacing:.05em;text-decoration:none;font-size:26px}.brand span{letter-spacing:-.04em;color:var(--kids-purple)}.brand i{font-style:normal;color:#805508;margin-left:8px}.button{min-height:52px;border-radius:16px;padding:12px 18px;border:2px solid var(--kids-blue);background:var(--kids-blue);color:white;font-weight:700;display:inline-flex;justify-content:center;align-items:center;gap:8px;text-decoration:none}.button.outline{background:#FFFDF9;color:var(--kids-ink);border-color:var(--kids-line)}.welcome{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:32px;padding:32px 0}.eyebrow{font-size:13px;font-weight:750;text-transform:uppercase;letter-spacing:.09em;color:var(--kids-purple)}.pill{display:inline-block;padding:8px 12px;border-radius:999px;background:#E4EACA;color:#315128;font-size:13px;font-weight:650}.mascot{max-width:280px;justify-self:center;transform:rotate(3deg)}.mascot svg{width:100%;display:block}.levelbox{padding:20px 24px;background:#E9DDF7;border:2px solid #D0B6EB;border-radius:20px;display:flex;justify-content:space-between;align-items:center;gap:16px}.levelbox p{margin:0}.score{text-align:center;flex:none}.score b{font-size:28px;display:block}.score span{display:block;font-size:12px;max-width:92px}.workspace{display:grid;grid-template-columns:1fr 260px;gap:20px;margin:24px 0 36px;align-items:start}.drawing-wrap{background:#FFFDF9;padding:24px;border:2px solid var(--kids-line);border-radius:24px;min-width:0}.drawing-heading{display:flex;justify-content:space-between;gap:12px;align-items:start}.drawing-heading p{font-size:14px}.stars{color:#805508;font-size:24px;white-space:nowrap}.paper-scroll{overflow:auto;max-height:660px;background:#fff;border:2px solid #E8E1D2;border-radius:18px}.paper{width:100%;margin:auto;transform-origin:top left}.paper svg{display:block;width:100%;max-height:580px;touch-action:none;user-select:none}.paper [data-region]{cursor:crosshair}.tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tools .button{padding:10px 14px}.feedback{color:var(--kids-green);font-weight:650;min-height:25px;margin:16px 0 8px}.small{font-size:13px;color:#55586A}.colorbox{border:2px solid var(--kids-line);background:#FFFDF9;border-radius:24px;padding:24px}.palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.color{height:58px;min-width:52px;border:3px solid transparent;border-radius:18px;position:relative}.color[aria-pressed=true]{outline:3px solid var(--kids-ink);outline-offset:2px}.color span{background:#FFFDF9;color:var(--kids-ink);padding:1px 6px;border:1px solid var(--kids-ink);border-radius:999px;font-weight:800;font-size:13px}.color[aria-pressed=true]::after{content:'✓';color:white;background:var(--kids-ink);position:absolute;right:1px;top:1px;border-radius:50%;width:22px;height:22px;font-size:15px}.hint{background:#FFF0BB;padding:16px;border-radius:16px;color:#503910}.hint span{font-size:26px}.hint b{display:block}.hint p{font-size:14px;margin:8px 0 0}.badgebox{margin-top:20px;font-size:13px}.badge{display:block;padding:8px 12px;background:#E4EACA;border-radius:12px;margin:8px 0;color:#315128}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:20px}.drawing-card{background:#FFFDF9;border:2px solid var(--kids-line);border-radius:20px;padding:12px;text-align:left;color:var(--kids-ink);min-width:0}.drawing-card svg{width:100%;display:block;pointer-events:none}.drawing-card b{display:block;line-height:1.3;margin:8px 0}.drawing-card small{font-size:12px}.drawing-card[aria-current=true]{border-color:var(--kids-blue);box-shadow:0 0 0 2px #3655AE}.locked{background:#F4EDD9;opacity:1!important}.locked svg{opacity:.5}.gentle{padding:24px;background:#DFEAF7;border-radius:20px;margin-top:28px}.gentle p{margin:8px 0 0}footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:28px;padding-top:20px;border-top:2px solid var(--kids-line);font-size:13px}dialog{max-width:620px;width:calc(100% - 24px);max-height:90vh;overflow:auto;padding:28px;border:2px solid var(--kids-line);border-radius:24px;color:var(--kids-ink);background:#FFFDF9}dialog::backdrop{background:#20233C88}dialog label{display:grid;gap:8px;margin:16px 0}input,select{min-height:52px;width:100%;border:2px solid var(--kids-line);border-radius:12px;padding:10px;background:white;color:var(--kids-ink)}.parent-section{padding:18px 0;border-bottom:1px solid var(--kids-line)}.skip{position:absolute;top:-100px}.skip:focus{top:0;padding:12px;background:white;z-index:9}[hidden]{display:none!important}@media(max-width:760px){.shell{padding:16px 14px 32px}.brand{font-size:23px}header .button{font-size:13px;padding:10px 12px}.welcome{grid-template-columns:1.5fr 1fr;gap:10px;padding:24px 0}.welcome h1{font-size:32px}.welcome p:not(.eyebrow){font-size:14px}.eyebrow{font-size:11px}.mascot{max-width:140px}.pill{font-size:11px;border-radius:12px}.workspace{grid-template-columns:1fr;gap:16px}.drawing-wrap,.colorbox{padding:16px}.colorbox{order:-1}.palette{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.color{min-width:0;height:52px;border-radius:14px}.colorbox .hint{display:none}.colorbox h2{font-size:18px;margin-bottom:6px}.colorbox p{font-size:13px;margin:0}.palette{margin:12px 0}.badgebox{margin-top:8px}.badge{display:inline-block;margin:4px 6px 0 0}.levelbox{padding:16px}.levelbox h2{font-size:20px}.levelbox p{font-size:14px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery b{font-size:14px}.drawing-heading h2{font-size:20px}.drawing-heading{flex-wrap:wrap}.section-head{display:block}.tools .button{font-size:14px}.paper svg{max-height:none}.stars{font-size:22px}}@media(max-width:360px){.welcome{grid-template-columns:1fr}.mascot{display:none}.palette{grid-template-columns:repeat(4,minmax(0,1fr))}.welcome h1{font-size:32px}.score b{font-size:24px}.levelbox{align-items:start}.colorbox{padding:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}