*{box-sizing:border-box}.learn-page{max-width:1240px;margin:24px auto;padding:0 16px}.learn-page>h1,.learn-page>p{text-align:center}.guide{position:relative;container-type:inline-size;aspect-ratio:16/9;width:100%;overflow:hidden;background:#fbf4df url('./assets/notebook.webp') center/100% 100%;color:#443521;border:3px solid #66764b;border-radius:18px;font-family:'Zen Maru Gothic',sans-serif;font-weight:900}.guide button{font:inherit;cursor:pointer;color:#493a24;background:#fff6da;border:2px solid #927848;border-radius:12px;box-shadow:0 3px 0 #735c394a;padding:.45em .8em;touch-action:manipulation}.guide button:hover{background:#e5f1cf}.guide button:focus-visible{outline:4px solid #db644e;outline-offset:3px}.guide button:disabled{cursor:default}.guide .primary{background:#357735;color:#fffdf0;border-color:#245524}.guide .primary:hover{background:#286027}.game-tools{position:absolute;right:3%;top:2%;display:flex;gap:.6cqw;font-size:1.25cqw;z-index:5}.game-tools button{padding:.4em .6em}.game-tools [aria-pressed=false]{background:#ddd7c5;color:#5b574e}#scene,.menu,.play,.result{position:relative;height:100%}.guide h2{font-size:3.2cqw;line-height:1.35;margin:0;color:#345a32}.intro-book{position:absolute;left:6%;top:18%;width:60%;height:72%;display:flex;gap:4%}.intro-book article{width:48%;height:100%;position:relative;text-align:center}.intro-book h3{font-size:2cqw;margin:0}.intro-book .animal{position:absolute;left:5%;top:10%;width:90%;height:61%;object-fit:contain;z-index:1}.intro-book .landscape{position:absolute;left:4%;bottom:0;width:92%;height:35%;object-fit:cover;border-radius:45% 45% 20% 20%;border:5px solid #fff9e8}.menu aside,.result aside{position:absolute;left:71%;top:18%;width:23%;height:72%;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:1.5cqw;text-align:center;font-size:1.6cqw}.menu aside p,.result aside p{margin:0}.menu aside small{font-size:1.1cqw}.menu aside button,.result aside button{font-size:1.8cqw}.stats{position:absolute;left:6%;top:10%;width:37%;display:flex;justify-content:space-between;gap:1cqw;font-size:1.2cqw}.stats b{font-size:1.8cqw}.specimen{position:absolute;left:6%;top:22%;width:36%;height:65%;text-align:center}.specimen h2{font-size:2.7cqw}.specimen .animal{width:90%;height:76%;object-fit:contain}.specimen h3{font-size:2.5cqw;margin:0}.homes{position:absolute;left:49%;top:15%;width:44%;height:61%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1.1cqw}.homes button{position:relative;padding:0;overflow:hidden;background:#fff8e7;box-shadow:0 3px 0 #8874494a;border:3px solid #aa9970}.homes img{display:block;width:100%;height:68%;object-fit:cover}.homes strong{display:block;font-size:1.9cqw;line-height:1.2;margin-top:.15cqw}.homes small{display:block;height:1.4cqw;font-size:1.05cqw;line-height:1.2}.homes button.correct{border:4px solid #267f40;box-shadow:0 0 0 3px #e3f8c9}.homes button.correct strong:before{content:'○ ';color:#207038}.homes button.chosen-wrong{border-style:dashed}.reading{position:absolute;left:48%;top:79%;width:46%;height:16%;display:flex;align-items:center;gap:1.1cqw}.reading p{margin:0;font-size:1.35cqw;line-height:1.55;flex:1}.reading button{flex:none;font-size:1.3cqw;max-width:30%}.restart{position:absolute;left:8%;bottom:5%;font-size:1.2cqw!important}.trail{position:absolute;left:5%;top:17%;width:61%;height:73%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;gap:1.3cqw}.trail article{position:relative;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.number{position:absolute;left:0;top:0;border-radius:50%;width:2cqw;height:2cqw;background:#477c38;color:white;font-size:1.4cqw}.stamp{width:100%;height:9.4cqw;background-size:cover;background-position:center;border:4px solid #9eb77b;border-radius:48% 48% 42% 42%;overflow:hidden}.stamp .animal{width:88%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 1px #fff)}.trail strong{font-size:1.3cqw;margin-top:.4cqw}.trail p{margin:0;font-size:1.4cqw;color:#235e35}.trail small{font-size:1.05cqw}.result aside{top:17%;gap:1.2cqw}.result h2{font-size:2.8cqw}.batch-score{background:#ede6c7;border-radius:10px;padding:.5cqw;font-size:1.7cqw}.batch-score b{font-size:3.5cqw;color:#c4563e}.total{font-size:1.25cqw}.sheet{position:absolute;inset:0;z-index:10;background:#304c39d9;display:flex;justify-content:center;align-items:center;padding:4%}.sheet>div{width:70%;max-height:100%;overflow:auto;background:#fff6df;border:5px solid #9cab73;border-radius:18px;padding:3%;text-align:center;font-size:1.5cqw}.sheet h2{font-size:2.5cqw}.sheet p{margin:.7em 0}.sheet button{font-size:1.5cqw;margin:.5cqw}.guide [hidden]{display:none!important}.parent-note{font-size:14px}.guide:fullscreen{width:100vw;height:100dvh;border:0;border-radius:0;aspect-ratio:auto}@media(max-width:600px) and (orientation:portrait){.learn-page{padding:0 6px}.guide{aspect-ratio:9/15;border-radius:14px;background-size:180% 100%;background-position:5% center}.game-tools{left:4%;right:4%;top:2%;justify-content:space-between;gap:1cqw;font-size:2.7cqw}.game-tools button{padding:.5em}.intro-book{left:8%;top:13%;width:84%;height:38%;gap:3%}.intro-book h3{font-size:4cqw}.menu aside{left:10%;top:53%;width:80%;height:40%;gap:2cqw;font-size:3.7cqw}.menu aside h2{font-size:7cqw}.menu aside h2 br{display:none}.menu aside button{font-size:4cqw}.menu aside small{font-size:2.8cqw}.stats{left:9%;top:10%;width:82%;font-size:2.7cqw}.stats b{font-size:3.8cqw}.specimen{left:10%;top:17%;width:80%;height:30%}.specimen h2{font-size:5cqw}.specimen .animal{height:70%;width:80%}.specimen h3{font-size:4.5cqw}.homes{left:9%;top:49%;width:82%;height:29%;gap:2cqw}.homes img{height:58%}.homes strong{font-size:4cqw}.homes small{font-size:2.4cqw;height:3cqw}.reading{left:9%;top:80%;width:82%;height:13%;gap:2cqw}.reading p{font-size:3cqw;line-height:1.4}.reading button{font-size:3cqw;max-width:31%;padding:.5em}.restart{left:10%;bottom:3%;font-size:2.6cqw!important}.trail{left:9%;top:12%;width:82%;height:55%;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;gap:2cqw}.number{width:4cqw;height:4cqw;font-size:3cqw}.stamp{height:17cqw;border-width:2px}.trail strong{font-size:2.7cqw}.trail p{font-size:2.8cqw}.trail small{font-size:2.4cqw}.result aside{left:10%;top:68%;width:80%;height:28%;display:grid;grid-template-columns:1fr 1fr;gap:1.3cqw;font-size:3cqw}.result aside h2{font-size:4.6cqw;grid-column:1/-1}.result aside h2 br{display:none}.result aside .batch-score{font-size:3.3cqw}.batch-score b{font-size:5cqw}.total{font-size:2.7cqw}.result aside>p:not([class]){display:none}.result aside button{font-size:3.2cqw}.sheet>div{width:94%;font-size:3.6cqw}.sheet h2{font-size:5cqw}.sheet button{font-size:3.5cqw}}

.reading{background:#fff8e9ed;border-radius:12px;padding:.5cqw}@media(max-width:600px) and (orientation:portrait){.reading{top:78.5%;height:15%;padding:1.5cqw}.reading p{font-size:3.8cqw}.reading button{font-size:3.3cqw}.trail strong,.trail p{font-size:3.3cqw}.trail small{font-size:3cqw}.stamp{height:20cqw}}

.trail strong,.trail p,.trail small{background:#fff8e9ed;width:100%;border-radius:5px}