*{box-sizing:border-box}.learn-page{max-width:1240px;margin:24px auto;padding:0 16px}.learn-page>h1,.learn-page>p{text-align:center}.circus{position:relative;container-type:inline-size;aspect-ratio:16/9;width:100%;overflow:hidden;background:#f7ebcf url('./assets/background.webp') center/cover;color:#263c40;border:5px solid #315b5c;border-radius:20px;font-family:'Zen Maru Gothic',sans-serif;font-weight:900}.circus button{font:inherit;cursor:pointer;color:#263c40;background:#fff5d9;border:2px solid #986f42;border-radius:10px;box-shadow:0 3px 0 #644934;padding:.45em .7em;touch-action:manipulation}.circus button:hover{background:#ffdf9d}.circus button:focus-visible{outline:4px solid #1e7586;outline-offset:3px}.circus button:disabled{cursor:default;opacity:.7}.circus button[aria-pressed=false]{opacity:.62}.circus button.primary{background:#b9362b;color:#fff8e6;border-color:#78251e}.game-tools{position:absolute;right:2%;top:2%;display:flex;gap:.5cqw;z-index:5;font-size:1.25cqw}.game-tools button{padding:.4em .6em}#scene{height:100%}.menu,.play,.result{height:100%;position:relative}.circus h2{margin:0;color:#9d2d25;font-size:3cqw;line-height:1.3}.plate{background:#fff4d9;border:2px solid #b98f58;border-radius:12px;box-shadow:0 3px 0 #886e4970}.menu h2{position:absolute;left:6%;top:9%;padding:1.4% 3%}.scale{position:absolute;left:5%;top:22%;width:59%;height:60%}.post{position:absolute;left:39%;top:7%;height:88%;width:22%;object-fit:contain}.beam{position:absolute;left:8%;top:17%;width:84%;height:0;transform:rotate(var(--angle,0deg));transform-origin:50% 0}.beam-img{position:absolute;width:100%;height:4.5cqw;left:0;top:-2.25cqw;object-fit:fill}.anchor{position:absolute;top:0;width:0;height:0;transform:rotate(calc(-1 * var(--angle,0deg)));transform-origin:0 0}.anchor.left{left:3%}.anchor.right{left:97%}.hanger{position:absolute;top:0;left:-10.5cqw;width:21cqw;height:20cqw}.rope{position:absolute;top:0;width:3px;height:12cqw;background:#88734e;transform-origin:top center;left:50%}.rope.a{transform:rotate(34deg)}.rope.b{transform:rotate(-34deg)}.tray{position:absolute;left:0;top:11cqw;width:100%;height:8cqw;object-fit:fill}.animals{position:absolute;z-index:2;left:1%;top:6.3cqw;width:98%;height:7.5cqw;display:flex;align-items:flex-end;justify-content:center}.animal{object-fit:contain;object-position:center bottom;width:6.2cqw;height:7.5cqw;flex:none}.side-label{position:absolute;top:91%;font-size:1.65cqw;background:#fff1cc;border:1px solid #aa8550;padding:.12em .6em;border-radius:20px}.side-label.left{left:1%}.side-label.right{right:1%}.legend{position:absolute;left:12%;bottom:3%;width:45%;padding:.5% 2%;text-align:center}.legend small{font-size:1.1cqw}.legend>div{display:flex;justify-content:space-around;gap:1cqw}.legend span{display:flex;align-items:center;gap:.4cqw}.legend .animal{width:3.5cqw;height:4cqw}.legend b{font-size:1.6cqw}.settings{position:absolute;right:6%;top:24%;width:27%;display:grid;gap:1.4cqw}.settings button{font-size:1.7cqw;padding:.6em}.settings small{display:block;font-size:1.15cqw}.settings button[aria-pressed=true]{outline:3px solid #257777;background:#ffe5a8}.stats{position:absolute;left:3%;top:3%;display:flex;gap:2cqw;padding:.5% 1.5%;font-size:1.1cqw}.stats b{font-size:1.6cqw}.play h2{position:absolute;top:13%;left:31%}.play .scale{left:19%;top:23%;width:62%;height:54%}.play .legend{left:3%;bottom:auto;top:20%;width:15%;padding:1%}.play .legend>div{display:grid;grid-template-columns:1fr 1fr;gap:.6cqw}.play .legend small{font-size:1cqw}.play .legend .animal{width:3.1cqw}.play .side-label{display:none}.answers{position:absolute;left:18%;right:16%;top:73%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2cqw}.answers button{font-size:1.55cqw;min-height:4cqw}.answers button.correct{opacity:1;background:#23705b;color:white}.answers button.wrong{border-style:dashed}.play #feedback{position:absolute;left:16%;right:15%;top:83%;margin:0;text-align:center;font-size:1.5cqw;background:#fff5dce8;border-radius:20px}.actions{position:absolute;bottom:2%;left:4%;right:4%;display:flex;justify-content:space-between;gap:1cqw;font-size:1.2cqw}.result h2{position:absolute;left:5%;top:7%}.result-score{position:absolute;left:6%;top:14%;font-size:1.4cqw}.program{position:absolute;left:5%;top:26%;width:64%;height:67%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;gap:1.5cqw}.program article{text-align:center;overflow:hidden;position:relative;padding:1cqw}.program h3{position:absolute;left:.6cqw;top:.3cqw;font-size:1.2cqw;margin:0}.comparison{display:flex;align-items:center;justify-content:center;margin-top:1.5cqw;gap:.4cqw}.comparison>div{display:flex;align-items:flex-end;justify-content:center;width:43%;height:5.5cqw}.comparison .animal{width:2.2cqw;height:4.5cqw}.comparison b{font-size:2cqw}.program p{font-size:1.4cqw;margin:.7cqw 0 0}.result aside{position:absolute;right:5%;top:25%;width:23%;display:flex;flex-direction:column;align-items:center;gap:1cqw;font-size:1.5cqw;text-align:center}.result aside img{height:15cqw;max-width:100%;object-fit:contain}.result aside p{margin:0}.result aside button{width:100%}.sheet{position:absolute;inset:0;z-index:10;background:#23494ed9;display:flex;justify-content:center;align-items:center;padding:4%}.sheet>div{background:#fff3d6;border:5px solid #c19250;border-radius:20px;padding:3%;width:70%;max-height:100%;overflow:auto;text-align:center;font-size:1.5cqw}.sheet h2{font-size:2.5cqw;margin-bottom:1cqw}.sheet button{margin:.5cqw;font-size:1.5cqw}.sheet p{margin:.6em 0}.parent-note{font-size:14px}.circus:fullscreen{width:100vw;height:100dvh;border:0;border-radius:0;aspect-ratio:auto}.circus [hidden]{display:none!important}@media(max-width:600px) and (orientation:portrait){.learn-page{padding:0 6px}.circus{aspect-ratio:9/14;border-width:3px;border-radius:14px}.game-tools{top:2%;left:3%;right:3%;justify-content:space-between;font-size:2.8cqw}.menu h2{top:10%;left:10%;font-size:6cqw}.scale,.play .scale{left:5%;top:26%;width:90%;height:37%}.post{height:90%;left:41%;width:18%}.beam{left:10%;width:80%;top:14%}.beam-img{height:7cqw;top:-3.5cqw}.hanger{left:-15cqw;width:30cqw;height:30cqw}.rope{height:18cqw}.tray{top:16cqw;height:12cqw}.animals{top:9cqw;height:11.5cqw}.animal{width:9cqw;height:11.5cqw}.side-label{top:85%;font-size:3cqw}.menu .legend{left:9%;top:56%;bottom:auto;width:82%}.legend small,.play .legend small{font-size:2.4cqw}.legend .animal,.play .legend .animal{width:6cqw;height:7cqw}.legend b{font-size:3.4cqw}.settings{top:70%;left:6%;width:88%;grid-template-columns:repeat(3,1fr);gap:2cqw}.settings button{font-size:3.2cqw}.settings small{font-size:2.1cqw}.settings #start{grid-column:1/-1;font-size:4cqw}.stats{top:9%;left:7%;width:86%;justify-content:space-around;font-size:2.4cqw}.stats b{font-size:3.2cqw}.play h2{top:17%;left:22%;font-size:5.5cqw}.play .legend{top:54%;left:9%;width:82%;padding:1%}.play .legend>div{display:flex}.answers{left:4%;right:4%;top:68%;gap:2cqw}.answers button{font-size:3cqw;min-height:10cqw;padding:.4em}.play #feedback{top:78%;left:5%;right:5%;font-size:3.4cqw;padding:1cqw}.actions{bottom:5%;font-size:2.8cqw}.actions button{padding:.5em}.result h2{top:9%;font-size:6cqw}.result-score{top:14%;font-size:3cqw}.program{top:24%;left:5%;width:90%;height:48%;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:2cqw}.program h3{font-size:2.5cqw}.comparison{margin-top:1cqw}.comparison>div{height:9cqw}.comparison .animal{width:4.7cqw;height:9cqw}.comparison b{font-size:4cqw}.program p{font-size:3cqw}.result aside{top:76%;left:6%;width:88%;display:grid;grid-template-columns:1fr 1fr;font-size:3cqw;gap:2cqw}.result aside img{position:absolute;left:0;top:-.5cqw;width:14cqw;height:16cqw}.result aside p{grid-column:1/-1;padding-left:12cqw;min-height:15cqw}.result aside button{font-size:3.2cqw}.sheet>div{width:94%;font-size:3.5cqw}.sheet h2{font-size:5cqw}.sheet button{font-size:3.5cqw;padding:.7em}}
/* Keep the cords attached to the pan rims. */
.rope{height:17cqw}.menu .scale{left:9%;width:51%}.settings button[aria-pressed=false]{opacity:1}.game-tools button[aria-pressed=false]{opacity:1;background:#ddd5c2;color:#57534b}@media(max-width:600px) and (orientation:portrait){.rope{height:24.5cqw}.menu .scale{left:5%;width:90%}}

@media(max-width:600px) and (orientation:portrait){.post{object-fit:fill;left:42%;width:16%;top:7%;height:83%}.menu .side-label{display:none}}

@media(max-width:600px) and (orientation:portrait){.post{top:14%;height:56%}}

.program article{display:flex;flex-direction:column;justify-content:center}.comparison{align-items:flex-end}.comparison b{padding-bottom:1cqw}.comparison .animal{width:2.7cqw;height:5.4cqw}.program p{font-size:1.8cqw}.program small{font-size:1.1cqw;margin-top:.5cqw}@media(max-width:600px) and (orientation:portrait){.comparison .animal{width:4.7cqw;height:9cqw}.program p{font-size:3cqw}.program small{font-size:2cqw;margin-top:0}.comparison b{padding-bottom:1.5cqw}}

@media(max-width:600px) and (orientation:portrait){.program small{font-size:2.8cqw}.program p{font-size:3.5cqw}.program h3{font-size:3cqw}.comparison .animal{width:5.8cqw}}