*{box-sizing:border-box}.learn-page{max-width:1240px;margin:24px auto;padding:0 16px}.learn-page>h1,.learn-page>p{text-align:center}.theatre{position:relative;container-type:inline-size;aspect-ratio:16/9;width:100%;overflow:hidden;background:#f2d798 url('./assets/theatre.webp') center/100% 100%;color:#523316;border:3px solid #8b5e34;border-radius:18px;font-family:'Zen Maru Gothic',sans-serif;font-weight:900}.theatre button{font:inherit;color:#523316;background:#fff0c9;border:3px solid #a77b45;border-radius:10px;box-shadow:0 4px 0 #53311055;cursor:pointer;touch-action:manipulation;padding:.45em .65em}.theatre button:hover{background-color:#ffe3a0}.theatre button:focus-visible{outline:4px solid #22599b;outline-offset:3px}.theatre button:disabled{cursor:default}.theatre .primary{background:#ffc555;border-color:#aa6b29}.game-tools{position:absolute;top:2%;right:4%;display:flex;gap:.45cqw;font-size:max(11px,1cqw);z-index:5}.game-tools button{min-height:30px}.game-tools [aria-pressed=false]{background:#d5ccba}#scene{height:100%;position:relative}.menu h2{position:absolute;left:7%;top:8%;width:51%;text-align:center;font-size:3.2cqw;background:#f6d494;border:5px solid #9c6b36;border-radius:40%;padding:1cqw;margin:0}.menu-shadow{position:absolute;left:9%;top:24%;width:46%;height:54%}.menu-shadow>.silhouette{position:absolute;width:75%;height:100%;object-fit:contain;right:0;bottom:0}.menu-shadow>.colored{position:absolute;width:38%;height:42%;object-fit:contain;left:0;bottom:0}.silhouette{filter:brightness(0);opacity:.88}.menu-caption{position:absolute;left:7%;bottom:6%;width:48%;font-size:1.65cqw;line-height:1.5;text-align:center;margin:0;background:#eecb89;border:2px solid #a77b45;border-radius:8px;padding:.5cqw}.modes{position:absolute;right:7%;top:18%;width:32%;height:52%;display:flex;flex-direction:column;gap:2cqw}.modes button{flex:1;font-size:2cqw;display:flex;justify-content:space-between;align-items:center}.modes [aria-pressed=true]{background:#ffe9a0;outline:4px solid #276867}.modes button:nth-child(2){color:#33516c}.modes button:nth-child(3){color:#89493d}#start{position:absolute;right:7%;bottom:9%;width:32%;height:14%;font-size:2.8cqw}.stats{position:absolute;left:6%;top:3%;width:44%;display:flex;gap:1cqw;font-size:1.15cqw}.stats span{flex:1;background:#f5dda9;border:2px solid #a47943;border-radius:5px;text-align:center;padding:.5cqw}.stats b{font-size:2cqw;color:#913e25}.puppet-screen{position:absolute;left:8%;top:20%;width:40%;height:58%;display:grid;place-items:center;border:7px solid #9f713c;border-radius:8px;background:#ffe9b2aa;box-shadow:0 5px 0 #53311044}.puppet-screen img{width:90%;height:90%;object-fit:contain;transition:none}.answers{position:absolute;left:53%;right:7%;top:18%;height:63%;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-auto-rows:minmax(0,1fr);gap:1.1cqw}.answer{min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;padding:.5cqw!important}.answer img{width:100%;height:calc(100% - 2.3cqw);object-fit:contain;min-height:0}.answer span{font-size:1.45cqw;line-height:1.4}.answer.wrong{border-color:#b3623c}.answer.correct{outline:4px solid #2e8864}.bottom{position:absolute;left:7%;right:7%;bottom:5%;height:9%;display:flex;gap:1cqw;align-items:center}.bottom p{flex:1;min-width:0;font-size:1.6cqw;line-height:1.3;margin:0}.bottom button{font-size:1.35cqw}.program{position:absolute;inset:14% 7% 8%;background:#fbe8bdbb;border:3px solid #bb904f;border-radius:9px}.program h2{position:absolute;top:4%;width:100%;font-size:3.2cqw;text-align:center;margin:0}.parade{position:absolute;left:2%;right:2%;top:26%;height:43%;display:grid;grid-template-columns:repeat(6,1fr);gap:1cqw;border-bottom:8px solid #aa763e}.parade figure{margin:0;min-width:0;display:flex;flex-direction:column;align-items:center}.parade img{width:100%;height:calc(100% - 2.2cqw);object-fit:contain}.parade figcaption{font-size:1.3cqw;background:#f9e6b8;border-radius:6px;padding:.2cqw .3cqw}.program>p{position:absolute;left:4%;bottom:3%;font-size:1.7cqw}.result-buttons{position:absolute;right:4%;bottom:6%;display:flex;gap:1cqw}.result-buttons button{font-size:1.5cqw}.sheet{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#202c4bea;padding:4%}.sheet>div{width:72%;max-height:100%;overflow:auto;text-align:center;background:#fff1cc;border:6px solid #bd9451;border-radius:14px;padding:3%;font-size:1.65cqw}.sheet h2{font-size:2.8cqw;margin:.2em 0}.sheet button{margin:.5cqw;font-size:1.5cqw}.theatre [hidden]{display:none!important}.parent-note{font-size:14px}.theatre:fullscreen{width:100vw;height:100dvh;aspect-ratio:auto;border:0;border-radius:0}@media(max-width:600px) and (orientation:portrait){.learn-page{padding:0 6px}.theatre{aspect-ratio:9/15;border-radius:12px}.game-tools{left:6%;right:6%;top:2%;gap:1cqw;justify-content:space-between;font-size:10px}.game-tools button{padding:.35em;min-height:32px;border-width:2px}.menu h2{left:9%;top:11%;width:82%;font-size:5.2cqw;border-width:3px}.menu-shadow{left:15%;top:22%;width:70%;height:33%}.menu-caption{left:12%;bottom:38%;width:76%;font-size:3.5cqw;line-height:1.3}.menu-caption br{display:none}.modes{right:12%;top:65%;width:76%;height:20%;gap:1.5cqw}.modes button{font-size:3.8cqw;padding:.2em .8em;border-width:2px}#start{right:24%;bottom:5%;width:52%;height:7%;font-size:4.5cqw}.stats{left:10%;top:10%;width:80%;font-size:2.6cqw;gap:1cqw}.stats b{font-size:4cqw}.stats span{padding:.7cqw .2cqw}.puppet-screen{left:23%;top:18%;width:54%;height:27%;border-width:4px}.answers{left:9%;right:9%;top:48%;height:33%;gap:2cqw}.answer{border-width:2px;border-radius:7px}.answer img{height:calc(100% - 5cqw)}.answer span{font-size:3.5cqw}.bottom{left:9%;right:9%;bottom:5%;height:12%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:1cqw}.bottom p{grid-column:1/-1;font-size:3.5cqw;text-align:center}.bottom button{font-size:2.9cqw;padding:.4em .15em;border-width:2px}.program{inset:11% 8% 6%;border-width:2px}.program h2{top:4%;font-size:5.5cqw}.parade{top:17%;height:56%;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;gap:3cqw 1cqw;border-bottom:0}.parade img{height:calc(100% - 5cqw)}.parade figcaption{font-size:3cqw;white-space:nowrap}.program>p{left:0;bottom:15%;width:100%;font-size:3.8cqw;text-align:center}.result-buttons{left:6%;right:6%;bottom:5%;height:10%;gap:2cqw}.result-buttons button{font-size:3cqw;flex:1;border-width:2px;padding:.3em}.sheet>div{width:94%;font-size:3.6cqw}.sheet h2{font-size:5cqw}.sheet button{font-size:3.5cqw}}

.bottom p{background:#fff0cb;border:2px solid #b08042;border-radius:7px;padding:.5cqw .8cqw}.answers:has(.answer:nth-child(3):last-child){height:49%;top:25%}@media(max-width:600px) and (orientation:portrait){.answers:has(.answer:nth-child(3):last-child){height:27%;top:49%}.bottom p{padding:1cqw}}

@media(min-width:601px),(orientation:landscape){.answers:has(.answer:nth-child(3):last-child){grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);height:63%;top:18%}.answers:has(.answer:nth-child(3):last-child) .answer{flex-direction:row}.answers:has(.answer:nth-child(3):last-child) img{width:42%;height:100%}.answers:has(.answer:nth-child(3):last-child) span{width:58%;font-size:2.2cqw}}