.seasons-page{max-width:1240px;margin:22px auto;padding:0 16px;color:#263d3b;font-family:'Zen Maru Gothic',sans-serif}.page-heading{padding:8px 4px 18px}.page-heading h1{font-size:34px;margin:0 0 6px}.page-heading p{margin:0}.parent-note{max-width:920px;margin:30px auto;padding:25px;background:#fff4d9;line-height:1.9}.parent-note h2{font-size:22px}#progress-storage{font-size:12px;text-align:center}
#host{--ink:#263d3b;--paper:#fff6df;position:relative;isolation:isolate;container-type:size;container-name:game;height:780px;max-width:1200px;margin:auto;overflow:hidden;background:#f3eddc;border:3px solid #4f7049;border-radius:10px;color:var(--ink);font-family:'Zen Maru Gothic',sans-serif}#host *{box-sizing:border-box}#host [hidden]{display:none!important}#host button{font:800 15px/1.4 'Zen Maru Gothic',sans-serif;min-width:0;min-height:43px;border:2px solid #9d8257;border-radius:9px;background:var(--paper);color:var(--ink);padding:8px 14px;cursor:pointer;touch-action:manipulation;box-shadow:0 3px 0 #b8a07e}#host button:disabled{cursor:default;opacity:.4}#host button:focus-visible,#host input:focus-visible{outline:3px solid #c44f34;outline-offset:3px}#host button:hover:enabled{filter:brightness(1.04)}#host button.primary{background:#386847;border-color:#195a56;color:#fff9df}#host input{accent-color:#386847;font:inherit}#host .seasons-top{height:55px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;background:#386847;color:#fff6df}#host .seasons-top strong{font-size:17px;white-space:nowrap}#host nav{display:flex;gap:7px}#host nav button{font-size:12px;min-height:31px;padding:5px 10px;border-width:1px;border-radius:5px;box-shadow:none}#base{height:calc(100% - 55px)}
#modal{position:absolute;inset:0;z-index:50;background:#1d3c3bc9;display:grid;place-items:center;padding:16px}#modal>section{max-height:100%;overflow:auto;width:min(620px,100%);background:#fff9e9;border:3px dashed #ad8c58;border-radius:12px;padding:25px}#modal header{display:flex;align-items:center;justify-content:space-between;gap:10px}#modal h2{font-size:23px;margin:0}#dialog-content{font-size:15px;line-height:1.9}#dialog-content>button{display:block;width:100%;margin-top:12px}#dialog-content label{display:flex;align-items:center;gap:12px;margin:17px 0}#dialog-content input[type=checkbox]{width:25px;height:25px}#dialog-content label:has(input[type=range]){display:block}#dialog-content input[type=range]{display:block;width:100%;height:34px}#storage-note{font-size:12px}#host:fullscreen,#host.faux-fullscreen{width:100vw;height:100dvh;max-width:none;margin:0;border:0;border-radius:0}#host.faux-fullscreen{position:fixed;inset:0;z-index:99999}
#cover{height:100%;display:grid;grid-template-columns:1.7fr .85fr;background:#fff9e9;gap:0}.season-windows{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:22px 15px}.season-windows figure{position:relative;margin:0;min-height:0;overflow:hidden;border-radius:100px 100px 7px 7px;border:2px solid #d5c397}.season-windows img{height:100%;width:100%;object-fit:cover;object-position:43% center}.season-windows figcaption{position:absolute;top:26px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:7px;background:#fff9e9ed;padding:15px 13px;border-radius:50% 50% 5px 5px;text-align:center;font-size:34px;font-weight:800;color:#305b38}.season-windows small{font-size:11px}.welcome{padding:30px 28px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:20px;border-left:2px solid #d5c397}.welcome h2{font-size:37px;line-height:1.45;margin:0;color:#2a5838}.welcome h2 span{font-size:.9em}.welcome>small{font-size:10px}.welcome p{font-size:13px;line-height:1.8;margin:0}.welcome>img{width:125px;max-height:24%;object-fit:cover;object-position:center 45%;border-radius:80px 80px 6px 6px}#host #start{font-size:17px;width:100%;min-height:50px}#ready-note{font-size:9px}
#play{height:100%;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px;padding:20px;background:#f3eedc}#garden{display:grid;grid-template-rows:68px minmax(0,1fr);gap:0;min-height:0}#season-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:end;padding:0 8px}#host #season-tabs button{border-radius:30px 30px 0 0;border:2px solid #c7b791;background:#fff9ec;box-shadow:none;padding:14px 5px;font-size:18px;min-height:58px}#season-tabs span{display:inline-block;font-size:25px;vertical-align:middle;margin-right:8px;color:#986448}#host #season-tabs button[aria-pressed=true]{border-color:#436842;border-bottom-color:#fff9ec;background:#fff3cd;min-height:65px}#garden>figure{position:relative;margin:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 116px;border:3px solid #c8b88f;border-radius:6px;overflow:hidden;background:#fffaeb;box-shadow:0 5px 0 #c9b89655}#scene-image{width:100%;height:100%;object-fit:cover;min-height:0}#garden figcaption{padding:17px 19px;border-top:6px solid var(--accent);display:flex;flex-direction:column;justify-content:center;gap:7px}#season-name{font-size:24px;line-height:1.25;margin:0;color:#315739}#season-description{font-size:14px;line-height:1.7;margin:0}#quiz{display:grid;grid-template-rows:52px 104px minmax(120px,1fr) 66px 48px 43px 18px;gap:12px;background:#fffaf0;border:2px solid #c6b68f;border-radius:100px 100px 12px 12px;padding:22px 25px 18px;min-height:0}#quiz>header{display:flex;align-items:center;justify-content:center;gap:20px;font-size:10px}#quiz header span{display:flex;flex-direction:column;gap:7px;align-items:center}#quiz header b{font:700 28px/1 'Fredoka',sans-serif;color:#386d42}.question-area{border-top:2px dashed #d4c79e;padding-top:16px;display:flex;flex-direction:column;gap:10px;justify-content:center}.question-area>small{font-size:10px;color:#7b7253}#question{font-size:22px;line-height:1.6;margin:0}#answers{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:14px;min-height:0}#host #answers button{background:color-mix(in srgb,var(--season) 20%,#fffaf1);border:2px solid color-mix(in srgb,var(--season) 55%,#a4956f);box-shadow:0 4px 0 #c8b997;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:14px;min-height:0;padding:8px;font-size:23px}#answers button>span{font-size:35px;font-weight:400}#host #answers button:disabled{opacity:1}#host #answers button.correct{border:4px solid #437a43;box-shadow:0 4px 0 #7ba276}#host #answers button.correct b::after{content:' ○';font-size:17px}#host #answers button.wrong{border:3px dashed #a74f38}#host #answers button.wrong b::after{content:' △';font-size:17px}#feedback{font-size:14px;line-height:1.7;margin:0;display:flex;align-items:center;justify-content:center;background:#f4edda;border-radius:7px;padding:8px;text-align:center}#feedback[data-state=correct]{background:#e3edd8;color:#2f5c37}#feedback[data-state=wrong]{background:#f6e4d6;color:#8c452e}#host #next{font-size:16px}#host #review{font-size:13px;box-shadow:none}.tip{font-size:10px;text-align:center}
#result{height:100%;display:grid;grid-template-rows:77px minmax(0,1fr) 23px 45px;gap:15px;padding:24px 30px;background:#fff8e7}#result>header{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:3px solid #b7c294;padding-bottom:12px}#result h2{font-size:35px;line-height:1.3;margin:4px 0 0;color:#315c3b}#result header small{font-size:11px}#result header p{font-size:12px;margin:0;white-space:nowrap}#result-score{font:700 32px/1 'Fredoka',sans-serif}#result-total{font-size:13px}#review-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,.7fr);gap:27px;min-height:0}.field-notes{display:grid;grid-template-rows:120px minmax(0,1fr);gap:19px;min-height:0}#season-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}#season-strip figure{display:flex;flex-direction:column;align-items:center;gap:7px;min-height:0;margin:0}#season-strip img{height:calc(100% - 24px);width:100%;object-fit:cover;border-radius:50px 50px 3px 3px;border:2px solid #c5b792}#season-strip figcaption{font-size:12px}#collection{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border-block:2px solid #d0c4a3;padding:4px 9px}#collection>p{font-size:14px;line-height:1.9;padding:20px}#collection article{display:grid;grid-template-columns:29px minmax(0,1fr) 71px;gap:15px;align-items:center;min-height:64px;border-bottom:1px dashed #cbbd95;padding:12px 0}#collection article>span{font:600 14px/1 sans-serif;color:#7d806a}#collection p{font-size:14px;line-height:1.7;margin:0}#collection article>b{font-size:14px;color:#386e40;background:#e4eccf;padding:6px 5px;border-radius:6px;text-align:center}#collection article[data-ok=false]>b{color:#964e31;background:#f1e1c9}.review-art{width:100%;height:100%;object-fit:contain;min-height:0}.reading-note{font-size:11px;text-align:center;margin:0;line-height:1.6}#result>footer{display:flex;gap:15px;justify-content:center}#host #result>footer button{min-width:190px}#collection:focus-visible{outline:3px solid #b35b3d;outline-offset:2px}
@media(max-width:700px){.seasons-page{padding:0 8px}#host{height:910px}.page-heading h1{font-size:29px}.parent-note{padding:16px}}@media(max-height:520px) and (min-width:621px){#host{height:390px}}
@container game (max-width:620px){#host .seasons-top{height:77px;display:grid;justify-content:stretch;gap:6px;padding:7px 8px;text-align:center}#host .seasons-top strong{font-size:14px}#host nav{gap:5px}#host nav button{flex:1;white-space:nowrap;font-size:10px;padding:7px 3px;min-height:31px}#base{height:calc(100% - 77px)}#cover{grid-template-columns:1fr;grid-template-rows:minmax(170px,1fr) auto}.season-windows{padding:15px 11px;gap:7px}.season-windows figcaption{top:18px;padding:10px 7px;font-size:25px}.season-windows small{font-size:9px}.welcome{padding:17px 20px;gap:13px;border-left:0;border-top:2px solid #d5c397;display:grid;grid-template-columns:1fr 85px;grid-template-rows:auto auto auto auto;align-content:center}.welcome h2{font-size:28px;grid-column:1;grid-row:2}.welcome h2 br{display:none}.welcome>small:first-child{grid-column:1;grid-row:1;font-size:8px}.welcome p{grid-column:1;grid-row:3;font-size:10px}.welcome img{grid-column:2;grid-row:1/4;width:85px;max-height:125px;height:125px;object-fit:cover}#host #start{grid-column:1/3;font-size:15px;min-height:42px}#ready-note{grid-column:1/3;font-size:8px}#play{grid-template-columns:1fr;grid-template-rows:minmax(185px,1fr) 351px;gap:14px;padding:12px}#garden{grid-template-rows:44px minmax(0,1fr)}#season-tabs{padding:0 4px;gap:6px}#host #season-tabs button{font-size:12px;min-height:37px;padding:7px 2px;border-radius:18px 18px 0 0}#host #season-tabs button[aria-pressed=true]{min-height:42px}#season-tabs span{font-size:20px;margin-right:5px}#garden>figure{grid-template-rows:minmax(0,1fr) 89px;border-width:2px}#garden figcaption{padding:10px 12px;border-top-width:4px;gap:5px}#season-name{font-size:18px}#season-description{font-size:11px;line-height:1.65}#quiz{grid-template-rows:34px 51px minmax(82px,1fr) 34px 34px 31px 13px;gap:8px;padding:12px 15px;border-radius:40px 40px 9px 9px}#quiz>header{font-size:8px;gap:31px}#quiz header span{gap:3px}#quiz header b{font-size:18px}.question-area{padding-top:6px;gap:4px}.question-area>small{font-size:8px}#question{font-size:14px;line-height:1.5}#answers{gap:8px}#host #answers button{font-size:16px;border-radius:9px;gap:8px;padding:4px}#answers button>span{font-size:23px}#host #answers button.correct{border-width:2px}#host #answers button.wrong{border-width:2px}#feedback{font-size:10px;padding:5px;line-height:1.55}#host #next{font-size:11px;min-height:31px;padding:4px}#host #review{font-size:10px;min-height:29px;padding:3px}.tip{font-size:8px}#result{grid-template-rows:78px minmax(0,1fr) 28px 41px;padding:17px 14px;gap:11px}#result h2{font-size:24px}#result header small{font-size:8px}#result header p{font-size:9px}#result-score{font-size:23px}#result-total{font-size:10px}#review-layout{grid-template-columns:1fr;gap:0}.review-art{display:none}.field-notes{grid-template-rows:112px minmax(0,1fr);gap:15px}#season-strip{gap:9px}#season-strip figcaption{font-size:10px}#collection{padding:3px 5px}#collection article{grid-template-columns:18px minmax(0,1fr) 55px;gap:9px;min-height:63px;padding:10px 0}#collection p{font-size:11px;line-height:1.65}#collection article>span{font-size:11px}#collection article>b{font-size:11px;padding:5px 3px}.reading-note{font-size:9px}#host #result>footer button{min-width:0;flex:1;font-size:12px;min-height:36px;padding:5px}#modal>section{padding:18px}#modal h2{font-size:19px}#dialog-content{font-size:13px}}
@container game (max-height:520px) and (min-width:621px){#host .seasons-top{height:38px;padding:4px 12px}#host .seasons-top strong{font-size:12px}#host nav button{min-height:27px;font-size:10px;padding:4px 8px}#base{height:calc(100% - 38px)}.season-windows{padding:13px 10px;gap:7px}.season-windows figcaption{font-size:24px;top:20px;padding:11px 9px;gap:4px}.season-windows small{font-size:9px}.welcome{padding:12px 22px;gap:8px}.welcome h2{font-size:24px;line-height:1.3}.welcome h2 br{display:none}.welcome>small{font-size:8px}.welcome p{font-size:10px}.welcome>img{width:65px;max-height:80px;height:80px}#host #start{font-size:12px;min-height:34px}#ready-note{font-size:8px}#play{padding:10px 16px;gap:15px;grid-template-columns:1.3fr 1fr}#garden{grid-template-rows:37px minmax(0,1fr)}#host #season-tabs button{font-size:12px;padding:5px 2px;min-height:32px;border-radius:20px 20px 0 0}#host #season-tabs button[aria-pressed=true]{min-height:37px}#season-tabs span{font-size:18px;margin-right:6px}#garden>figure{grid-template-rows:minmax(0,1fr) 67px;border-width:2px}#garden figcaption{padding:7px 11px;border-top-width:4px;gap:3px}#season-name{font-size:16px}#season-description{font-size:10px;line-height:1.6}#quiz{grid-template-rows:29px 45px minmax(54px,1fr) 29px 29px 26px 12px;gap:5px;padding:9px 15px;border-radius:35px 35px 8px 8px}#quiz>header{font-size:8px;gap:22px}#quiz header span{gap:3px;flex-direction:row}#quiz header b{font-size:17px}.question-area{padding-top:5px;gap:3px}.question-area>small{font-size:8px}#question{font-size:13px;line-height:1.45}#answers{gap:6px}#host #answers button{font-size:14px;border-radius:8px;gap:9px;padding:3px;border-width:1px}#answers button>span{font-size:21px}#host #answers button.correct,#host #answers button.wrong{border-width:2px}#feedback{font-size:9px;padding:4px;line-height:1.45}#host #next{font-size:11px;min-height:27px;padding:3px}#host #review{font-size:9px;min-height:24px;padding:2px}.tip{font-size:8px}#result{grid-template-rows:50px minmax(0,1fr) 17px 31px;gap:7px;padding:12px 24px}#result h2{font-size:24px}#result header small{font-size:8px}#result header p{font-size:10px}#result-score{font-size:24px}#result-total{font-size:11px}#review-layout{gap:20px;grid-template-columns:1.8fr .6fr}.field-notes{grid-template-rows:61px minmax(0,1fr);gap:10px}#season-strip{gap:10px}#season-strip figure{gap:4px}#season-strip img{height:calc(100% - 17px);border-radius:25px 25px 3px 3px}#season-strip figcaption{font-size:9px}#collection article{grid-template-columns:23px minmax(0,1fr) 53px;gap:10px;min-height:43px;padding:7px 0}#collection p{font-size:11px}#collection article>b{font-size:10px;padding:4px}#collection article>span{font-size:10px}.reading-note{font-size:9px}#host #result>footer button{min-height:29px;min-width:160px;font-size:11px;padding:3px}#modal>section{padding:13px 22px}#modal h2{font-size:19px}#dialog-content{font-size:12px;line-height:1.6}#dialog-content p{margin:9px 0}#dialog-content label{margin:8px 0}}
@container game (max-width:350px){#play{grid-template-rows:minmax(123px,1fr) 321px;padding:8px;gap:9px}#garden{grid-template-rows:36px minmax(0,1fr)}#host #season-tabs button{min-height:31px;font-size:10px;padding:4px 2px}#host #season-tabs button[aria-pressed=true]{min-height:36px}#season-tabs span{font-size:16px;margin-right:3px}#garden>figure{grid-template-rows:minmax(0,1fr) 65px}#garden figcaption{padding:7px 9px;gap:3px}#season-name{font-size:14px}#season-description{font-size:9px;line-height:1.6}#quiz{grid-template-rows:29px 47px minmax(70px,1fr) 30px 30px 27px 12px;gap:7px;padding:10px 12px}#quiz>header{gap:25px}#question{font-size:12px}#host #answers button{font-size:13px}#answers button>span{font-size:21px}#feedback{font-size:9px}#host #next{font-size:10px;min-height:29px}#host #review{min-height:25px}.welcome{padding:12px 13px;gap:8px;grid-template-columns:1fr 63px}.welcome>img{width:63px;height:105px}.welcome h2{font-size:23px}.welcome p{font-size:9px}.season-windows{padding:10px 8px;gap:5px}.season-windows figcaption{font-size:21px;padding:10px 6px}.season-windows small{font-size:8px}#result{padding:12px 11px;gap:9px;grid-template-rows:69px minmax(0,1fr) 29px 37px}#result h2{font-size:20px}#result header small{font-size:7px}#result header p{font-size:8px}#result-score{font-size:18px}#result-total{font-size:9px}.field-notes{grid-template-rows:89px minmax(0,1fr);gap:10px}#collection p{font-size:10px}#collection article{gap:6px;grid-template-columns:17px minmax(0,1fr) 49px}#collection article>b{font-size:10px}.reading-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){#host *{transition:none!important;animation:none!important}}