.ad-page{background:#f5fbec}.ad-page .site-header img{animation:none}.ad-intro{display:flex;align-items:center;gap:24px;padding:35px 0}.ad-intro>img{object-fit:contain;flex:none}.ad-eyebrow{color:#6c4518;font-weight:700}.ad-intro h1{font-size:clamp(2rem,5vw,3.2rem);color:#704316;margin:8px 0}.ad-small{font-size:.95rem;color:#4d5346}.ad-filters,.ad-options,.ad-tools{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.ad-filters button,.ad-choice{font:700 1.05rem 'Andika',sans-serif;min-height:52px;padding:13px 18px;border:2px solid #b08234;border-radius:16px;background:#fffbee;color:#44351c;cursor:pointer}.ad-filters button[aria-pressed=true],.ad-choice[aria-pressed=true]{background:#ffe38a;border-color:#735413;box-shadow:inset 0 0 0 2px #735413}.ad-page button:disabled{opacity:.68;cursor:default}.ad-page [hidden]{display:none!important}.ad-page :focus-visible{outline:4px solid #126da5;outline-offset:4px}.ad-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ad-card{display:flex;flex-direction:column;padding:24px;border:2px solid #dfc889;border-radius:24px;background:#fff;text-decoration:none;color:#35412d;box-shadow:0 5px 0 #e5e6cd}.ad-icon{font-size:2.6rem}.ad-card h2{font-size:1.5rem;color:#704316;margin:12px 0}.ad-card p{margin:0 0 18px}.ad-open{font-weight:700;color:#116c51;margin-top:auto}.ad-card:hover{border-color:#238564}#ad-player{scroll-margin-top:250px;padding:clamp(18px,4vw,36px);border:3px solid #e8bd51;background:#fff;border-radius:28px;margin:25px 0}#ad-title{font-size:clamp(1.7rem,4vw,2.5rem);color:#704316}.ad-storytext{font-size:1.3rem;line-height:1.8}.ad-scene{display:block;width:100%;max-width:600px;height:auto;margin:20px auto;border-radius:22px;border:2px solid #dfca8d}.ad-reference{font-size:1rem;font-weight:700;color:#27654e}.ad-select{display:inline-flex;flex-direction:column;gap:8px;margin:10px 16px 16px 0;font-weight:700}.ad-select select{padding:12px;border:2px solid #9c7f3f;border-radius:12px;font:inherit;max-width:100%;background:#fffbee}.ad-output,.ad-success{padding:22px;background:#f1f8e8;border-left:5px solid #4c8c4e;border-radius:16px;margin:24px 0;line-height:1.8}.ad-output h3{margin-top:0}.ad-fieldset{border:2px solid #dfc889;border-radius:18px;margin:16px 0;padding:16px}.ad-fieldset legend{font-size:1.25rem;font-weight:700}.ad-progress{font-weight:700;color:#6d451d}.ad-sequence{min-height:70px;border:2px dashed #dbc486;border-radius:16px;padding:20px 20px 20px 48px}.ad-avatar{object-fit:contain;display:block;margin:auto}.ad-character{text-align:center}.ad-character img{object-fit:contain}.ad-sheepgarden{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(#d7f3ff 50%,#c9e3a5 50%);gap:20px;padding:30px;border-radius:20px}.ad-sheepgarden button{font-size:2.8rem;border:2px solid #5e853f}.ad-theater{display:flex;justify-content:center;gap:35px;background:linear-gradient(#e2f4ff 70%,#c8dda7 70%);border:9px solid #b38750;border-radius:25px;padding:30px}.ad-theater img{object-fit:contain;width:min(35%,150px);height:auto}.ad-familycard{background:#fff8dd;padding:28px;border:3px solid #d9b457;border-radius:22px}.ad-reveal{position:relative;max-width:600px;margin:20px auto}.ad-reveal .ad-scene{margin:0}.ad-revealgrid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr)}.ad-revealgrid button{border:2px solid white;border-radius:10px;background:#e9bd4c;color:#493715;font:700 1.6rem sans-serif;cursor:pointer;min-width:0;min-height:44px}.ad-revealgrid .uncovered{visibility:hidden}.ad-song{padding-left:30px}.ad-song li{padding:20px;border-radius:16px;margin:8px 0}.ad-song li span{display:block;font-size:1rem;margin-top:8px}.ad-singing{background:#fff1b8;outline:2px solid #b88d24}.ad-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ad-compare figure{margin:0;min-width:0}.ad-compare figcaption{font-weight:700;text-align:center}.ad-diffscene{position:relative}.ad-diffscene .ad-scene{margin:20px 0}.ad-diffspot{position:absolute;border:2px dashed #315843;background:#ffffffba;border-radius:12px;min-width:44px;min-height:44px;cursor:pointer;font-size:1.2rem;color:#315843}.ad-diffspot.is-found{background:#d3f1b0;border-style:solid}.ad-spot-0{left:80%;top:4%}.ad-spot-1{left:12%;top:10%}.ad-spot-2{left:75%;top:77%}.ad-spot-3{left:48%;top:33%}.ad-spot-4{left:42%;top:8%}.ad-diffsun{position:absolute;left:79%;top:8%;width:11%;height:18%;background:#ffae88;border-radius:50%}.ad-diffcloud{position:absolute;left:9%;top:15%;width:26%;height:12%;background:#fff;border-radius:60%}.ad-difffish{position:absolute;left:78%;top:75%;font-size:clamp(20px,3vw,32px)}.ad-diffsail{position:absolute;left:50%;top:26%;width:15%;height:25%;background:#e9b9ed;clip-path:polygon(0 0,100% 100%,0 100%)}.ad-diffflag{position:absolute;left:45%;top:9%;font-size:24px}.ad-thanksgarden{display:flex;flex-wrap:wrap;justify-content:center;gap:25px;min-height:180px;background:linear-gradient(#e0f6ff 65%,#cee5b1 65%);border-radius:22px;padding:28px}.ad-flower{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;max-width:135px;text-align:center}.ad-flower>span{font-size:3.5rem}.ad-flower>b{padding:8px;background:white;border-radius:12px}.ad-screenbreak{text-align:center;font-weight:700;color:#49613b;padding:30px}.ad-mobile-home{text-align:center;margin-bottom:35px}.ad-page audio{display:block;width:min(100%,520px);margin:20px 0}.ad-tools .btn{min-height:50px}#ad-status:empty{display:none}#ad-status{padding:16px;background:#fff4ce;border-radius:14px;font-weight:700}.ad-retelling{border-top:1px solid #e0d7bc;padding-top:20px}.ad-page .site-footer{padding-bottom:30px}
@media(max-width:1000px){.ad-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-compare{grid-template-columns:1fr}.ad-diffscene{max-width:600px;margin:auto}}
@media(max-width:600px){.ad-intro{display:block}.ad-intro>img{width:95px;height:95px;float:right;margin:0 0 12px 12px}.ad-cards{grid-template-columns:1fr}.ad-options{flex-direction:column}.ad-options .ad-choice{width:100%}.ad-tools{gap:8px}.ad-tools .btn{font-size:.95rem;padding:10px}.ad-sheepgarden{grid-template-columns:repeat(2,1fr);padding:16px;gap:12px}.ad-filters{gap:8px}.ad-filters button{font-size:.95rem;padding:9px}.ad-select{display:flex;margin-right:0}#ad-player{scroll-margin-top:15px}.ad-revealgrid button{font-size:1rem}}
@media print{.site-header,.site-footer,.ad-intro,.ad-tools,.ad-filters,.ad-cards,.ad-screenbreak,.ad-mobile-home,.ad-retelling,#ad-status,.ad-options,.ad-next{display:none!important}#ad-player{border:0;padding:0}.ad-page{background:white}.ad-familycard{break-inside:avoid}}

.ad-diffspot:not(.is-found):not(:focus-visible){border-color:transparent;background:transparent;color:transparent}.ad-diffcloud{left:8%;top:29%}
html:has(body.ad-page){scroll-behavior:auto}
