/* Torn edges belong to decorative paper layers; content and focus rings remain unclipped. */
/* Keep ink text on light scraps, and chalk text on dark paper. */
.parent-offers>.card,.parent-offers>.card h3,.parent-offers>.card p{color:#101010}
.parent-offers>.card{background-color:#e9e2cf;background-image:var(--grain);border-radius:2px 8px 2px 5px;box-shadow:5px 6px 0 #0008;display:flex;flex-direction:column;gap:18px}
.parent-offers>.card h3{font-size:27px;line-height:1.35;margin:0;padding:8px 3px;background-color:#edf4ca}
.parent-offers>.card p{margin:0;flex:1;padding:12px;font-size:18px;line-height:1.6}
.parent-offers>.card .btn{font-size:15px;text-align:center;line-height:1.5}
.parent-offers>.card .number{align-self:flex-start;line-height:1.6}
.parent-info{color:#eee5f5;margin-top:32px;line-height:1.7;padding:30px}
.parent-info h3{color:#f7efdf;font-size:27px;margin-top:8px}
.parent-info p,.parent-info li{color:#eee5f5}
.parent-info li{margin-bottom:16px;padding-left:5px}
.parent-info a:not(.btn){color:#d6f58e;text-underline-offset:4px;overflow-wrap:anywhere}
.parent-info .toolbar{margin-top:24px}
.parent-info .notice:empty{display:none}
@media(max-width:700px){.parent-info{padding:25px 20px}.parent-offers>.card h3{font-size:25px}.parent-info ol{padding-left:24px}.parent-offers{gap:25px}}
:root{--paper:#15121c;--ink:#f7f0de;--grain:url('assets/paper-grain.svg');--tear:polygon(0 1%,8% .4%,13% 1.2%,21% 0,30% .8%,38% 0,46% 1%,56% .2%,65% 1.1%,74% 0,84% .8%,93% .2%,99% 1%,99.5% 12%,98.9% 24%,100% 36%,99.2% 48%,100% 60%,99% 72%,99.8% 84%,99% 99%,90% 99.5%,80% 98.8%,69% 100%,59% 99%,47% 100%,36% 99.2%,26% 100%,15% 99%,1% 99.8%,.5% 89%,1.2% 77%,0 64%,.8% 53%,0 41%,1% 29%,.2% 16%)}
body{background:#100c17;background-image:linear-gradient(#100b18c9,#100b18e0),url('assets/neon-painted-ink-background.png');background-size:cover;background-position:center top;background-attachment:fixed;color:var(--ink)}
header,footer{background-color:#15121c;background-image:var(--grain);border-color:#4b4059;box-shadow:0 5px 20px #0007;color:var(--ink)}.brand,.brand small{color:var(--ink)}.brand small{color:#c7ef80}
nav button{background-color:#eae4d3;background-image:var(--grain);color:#101010;border-radius:2px 8px 1px 5px;border-color:#08070b;box-shadow:2px 3px 0 #0009;transform:rotate(1deg)}nav button:nth-child(2n){transform:rotate(-1.5deg)}nav button.active{background-color:var(--pink);background-image:var(--grain);box-shadow:3px 4px 0 #000b}
.hero>div:first-child,.art,.panel,.drawing-lesson,.lesson-library,.story-spread,.neon-stage,dialog{position:relative;isolation:isolate;z-index:0;background:transparent;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(5px 8px 2px #0009)}
.hero>div:first-child:before,.art:before,.panel:before,.drawing-lesson:before,.lesson-library:before,.story-spread:before,.neon-stage:before,dialog:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-color:var(--scrap,#26202f);background-image:var(--grain),repeating-linear-gradient(2deg,transparent 0 4px,#ffffff03 5px,transparent 6px);clip-path:var(--tear);border:1px solid #ffffff22}
.hero>div:first-child{--scrap:#24202b;padding:35px}.hero>div:first-child:after,.art:after{content:'';position:absolute;top:-10px;left:38%;width:100px;height:29px;background-color:#c1a1efaa;background-image:var(--grain);transform:rotate(-7deg);box-shadow:0 2px 2px #0004;pointer-events:none;border-left:2px dashed #ffffff3b;border-right:2px dashed #ffffff3b}.hero h1{color:#fff7e9;text-shadow:2px 3px #0009}.hero p{color:#eee4f5}.hero .notice{color:#c2b4cd!important}.hero h1{font-size:clamp(46px,6vw,77px)}
.art{--scrap:#29c9cb;padding:23px;transform:rotate(1deg)}.art:before{background-image:var(--grain),linear-gradient(#2beae4dd,#2beae4d9),url('assets/neon-painted-ink-background.png');background-size:auto,auto,900px}.art:after{left:63%;background-color:#ff74c699;transform:rotate(13deg)}.art img{border:3px solid #111;box-shadow:2px 4px 1px #0008}.art span{transform:rotate(-2deg);background-image:var(--grain);border-radius:1px 6px 2px 3px}
.pill,.badge,.btn,.btn.light,.level,.card .number,.card h3,.card p,.art span,.story-top>h2{background-image:var(--grain);border-radius:2px 7px 1px 5px;box-shadow:3px 4px 0 #05030888}.pill{transform:rotate(-3deg);border-style:dashed}.btn{color:#101010}.btn.light{background-color:#e8e0cf;color:#101010}.btn:not(:disabled):hover{background-color:#ff87dc}.btn:disabled{opacity:.45}.btn[aria-pressed=true]{box-shadow:0 0 0 2px #fff4,4px 5px 0 #0009}.badge{color:#101010;transform:rotate(2deg)}
h2,h3,.eyebrow{color:#f7efdf}.notice,.drawing-help,.status,.story-caption{color:#d8cce2!important}.story-top>h2{color:#101010;transform:rotate(-.7deg);margin-bottom:20px}.story-top>.eyebrow,.story-top>span:not(.badge),main>.eyebrow{color:#101010;background-color:#d7c1f2;background-image:var(--grain);border:1px solid #100c17;border-radius:0;box-shadow:3px 3px 0 #0008;transform:rotate(-1deg)}
main>h2,main>p{color:#f7efdf;background-color:#24202be8;background-image:var(--grain);border:0;border-left:4px solid #ba87e1;border-radius:0;box-shadow:3px 4px 0 #0007;padding:14px 18px}main>p.drawing-help{color:#e1d7e8!important}
.activities>button.card,.game-grid>button.card{border:3px solid #08060d;border-radius:2px;background-color:#32243e;box-shadow:5px 7px 0 #000a;padding:19px;transform:rotate(-.6deg)}.activities>button.card:nth-child(2),.game-grid>button.card:nth-child(2n){transform:rotate(.8deg)}.activities>button.card:hover,.game-grid>button.card:hover{transform:translateY(-4px) rotate(0)}.card .number{transform:rotate(-2deg);border-style:dashed}.activities>button.card h3,.game-grid>button.card h3{transform:rotate(-1deg);color:#101010;background-color:#d2f66a;position:relative;margin-bottom:5px}.card p{background-color:#e9e1ce;color:#101010;transform:rotate(.4deg);border:1px solid #17111c}
.panel{--scrap:#24202b;padding:28px}.lesson-library{--scrap:#35283f;color:#f7efdf;padding:22px}.lesson-library summary{color:#f7efdf}.lesson-library summary span{color:#d6f58e}.lesson-filters label{color:#f7efdf}.lesson-filters select{background-color:#e8dfcb;background-image:var(--grain);color:#101010;border-color:#100c17;border-radius:2px}.lesson-card{background-color:#e9e2d4;background-image:var(--grain);border:2px solid #100c17;border-radius:1px 5px 2px 7px;box-shadow:2px 3px 0 #0008;transform:rotate(-.4deg)}.lesson-card:nth-child(2n){transform:rotate(.5deg)}.lesson-card.chosen{border-color:#ec93dc;box-shadow:inset 0 0 0 3px #ec93dc}.lesson-card strong{color:#101010}.lesson-gallery{padding:8px;gap:16px}.drawing-lesson{--scrap:#263c3c;color:#f7efdf;padding:24px}.drawing-lesson h3{color:#baf3dc}.canvas-shell{border:3px solid #d5c9b4;box-shadow:5px 6px 0 #0009;border-radius:1px}.swatch{border:2px solid #e0d6e8}.swatch.selected{outline-color:#fff0d8;box-shadow:0 0 0 6px #a93d87}
.story-spread{--scrap:#282230;overflow:visible;color:#f7efdf}.story-copy{padding:32px}.story-copy h2,.cover-title{color:#e0f8a1!important}.story-copy p{color:#f0e5f5}.story-visual{background-color:#18141e;background-image:var(--grain);border-right:2px dashed #8a7392;margin:10px 0 10px 10px;padding:12px}.story-visual img{box-shadow:2px 4px 0 #0009}.progress{background:#302737;border-color:#51415d}.progress span{background-color:var(--pink);background-image:var(--grain)}
.neon-stage{--scrap:#292333;color:#f7efdf}.status{background-color:#2d2536;background-image:var(--grain);color:#defaab!important;border-left:3px solid #9d77c5;border-radius:0}.status:empty{border:0}.tile,.pad,.secret,.count-art span{background-image:var(--grain);border-radius:2px 7px 3px 1px;box-shadow:4px 5px 0 #0009}.tile{background-color:#9e6caa;color:#101010}.tile.open,.tile.matched{background-color:#ccf370;background-image:var(--grain)}.count-art{background-color:#302a39;background-image:var(--grain);border:2px dashed #6c587a}.count-art .star{color:#141019}.count-art .moon{color:#602ba7}.count-art span{background-color:#d4e7c8}.secretstage{border:3px solid #796486}.pad{color:#101010}.pad.lit{box-shadow:0 0 0 5px #fff5,0 0 25px #ebc5ff99}.secret{color:#101010}
dialog{--scrap:#2d2536;color:#f7efdf;padding:36px;background:#211928}dialog h2{color:#dafa95}dialog input{background:#e8dfcc;color:#101010}footer{color:#c7b9d2;border-top:2px dashed #5c486b}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #f6e7fe;outline-offset:5px;box-shadow:0 0 0 8px #783197}
@media(max-width:800px){.story-visual{border-right:0;border-bottom:2px dashed #8a7392;margin:10px}.hero{gap:38px}.hero>div:first-child{padding:27px}}
@media(max-width:700px){body{background-attachment:scroll;background-size:auto 1200px;background-repeat:repeat-y}.panel{padding:20px 15px}.lesson-library{padding:20px 14px}.art{padding:21px}.hero>div:first-child:after,.art:after{width:80px}.story-copy{padding:24px}.drawing-lesson{padding:20px}.activities>button.card,.game-grid>button.card{transform:none}.lesson-card{transform:none}.lesson-card:nth-child(2n){transform:none}main>h2{font-size:29px}}