.studio-page{max-width:1320px;margin:auto;padding:12px 18px 28px;color:#44303e;font-family:'Zen Maru Gothic',sans-serif}.studio-page>h1{font-size:24px;margin:0}.studio-page>p{margin:6px 0 12px}.studio{position:relative;aspect-ratio:16/9;container-type:inline-size;overflow:hidden;border:3px solid #9582ac;border-radius:18px;background:#e1d4e9 url('./assets/studio.webp') center/cover;isolation:isolate}.studio *{box-sizing:border-box}.studio [hidden]{display:none!important}.studio button{font:900 clamp(12px,1.4cqw,22px)/1.3 'Zen Maru Gothic',sans-serif;padding:8px 14px;min-height:36px;cursor:pointer;border:2px solid #fff9ea;border-radius:15px;color:#3f283b;background:#fff0d6;box-shadow:0 3px 5px #563f412b;touch-action:manipulation}.studio button:hover{filter:brightness(1.05)}.studio button:focus-visible{outline:4px solid #813b85;outline-offset:2px}.studio button:disabled{cursor:default}.studio .primary{background:#27684c;color:white}.game-tools{position:absolute;right:1%;top:1%;display:flex;gap:4px;z-index:3}.game-tools button{min-width:36px;padding:5px 8px;font-size:clamp(11px,1.1cqw,17px);border-radius:12px}.game-tools [aria-pressed=false]{background:#c6bdc8;text-decoration:line-through}.game-tools button:disabled{opacity:.5}.studio #scene{position:absolute;inset:0}.calendar-paper{position:absolute;left:5%;top:15%;width:54%;height:61%;background:url('./assets/calendar.webp') center/100% 100% no-repeat}.cover{top:7%;height:69%}.cover h2{position:absolute;left:8%;right:8%;top:16%;font-size:clamp(23px,3.4cqw,48px);line-height:1.25;text-align:center;margin:0}.cover p{position:absolute;left:8%;right:8%;top:29%;margin:0;text-align:center;font-size:clamp(12px,1.3cqw,20px);font-weight:900}.cover-seasons{position:absolute;left:12%;right:12%;top:37%;bottom:11%;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.cover-seasons img{width:100%;height:100%;object-fit:contain}.welcome{position:absolute;right:5%;top:22%;width:31%;text-align:center;background:#fff6e6;border:2px solid #fff;border-radius:18px;padding:16px;color:#4f2946}.welcome h3{margin:0;font-size:clamp(16px,2cqw,30px)}.welcome strong{display:block;font-size:clamp(28px,4cqw,58px);line-height:1.3}.welcome small{font-size:clamp(14px,1.6cqw,24px);font-weight:900}.welcome p{font-size:clamp(12px,1.3cqw,20px);font-weight:900}.welcome .start{width:90%;background:#d96654;color:#fff;font-size:clamp(18px,2.1cqw,30px)}.date-strip{position:absolute;left:5%;top:1%;display:flex;gap:5px;width:45%;height:12%;z-index:2}.date-tab{width:31%;display:grid;align-content:center;justify-items:center;background:#fff5e3;border:2px solid #fff;border-radius:12px;font-size:clamp(11px,1.15cqw,17px);font-weight:900;line-height:1.3}.date-tab strong{font-size:clamp(17px,2cqw,28px)}.date-tab.today{background:#d75f50;color:#fff}.month-title{position:absolute;left:9%;right:9%;top:15%;margin:0;text-align:center;font-size:clamp(20px,2.8cqw,40px);color:#265b46}.month-title small{font-size:.6em}.month-grid{position:absolute;left:11%;top:29%;width:78%;height:56%;border-collapse:collapse;table-layout:fixed;text-align:center;font-size:clamp(14px,1.8cqw,26px);font-weight:900}.month-grid th{font-size:.72em;background:#f2e9de}.month-grid td{border:1px solid #dacbb6}.month-grid td:nth-child(1),.month-grid th:nth-child(1){color:#b73837}.month-grid td:nth-child(7),.month-grid th:nth-child(7){color:#315d95}.month-grid td span{display:inline-grid;place-items:center;min-width:1.6em;min-height:1.6em;border:2px solid transparent;border-radius:50%;line-height:1}.month-grid td.today span{background:#cc5449;color:white}.month-grid td.tomorrow span{border-color:#257354}.calendar-legend{position:absolute;left:14%;right:14%;bottom:7%;margin:0;text-align:center;font-size:clamp(10px,1cqw,15px);font-weight:900}.quiz{position:absolute;right:5%;top:15%;width:32%;height:60%;background:#f5d4bd;border:3px solid #fff1e0;border-radius:19px;padding:12px 16px;display:flex;flex-direction:column;align-items:stretch;gap:8px;box-shadow:5px 8px 0 #9c79522b}.quiz h2{font-size:clamp(17px,2cqw,30px);text-align:center;background:#cc6656;color:#fff;margin:0;padding:5px;border-radius:7px}.question{font-size:clamp(17px,2.1cqw,30px);text-align:center;font-weight:900;min-height:2.5em;display:grid;align-content:center;line-height:1.3}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.answers button{min-width:0;min-height:42px;font-size:clamp(13px,1.5cqw,23px);padding:7px 3px}.answers button.correct{background:#23664b;color:white}.answers button.wrong{background:#a1464d;color:white}.feedback{font-size:clamp(12px,1.2cqw,18px);line-height:1.4;text-align:center;min-height:2.6em;font-weight:900;margin:0!important;padding:0!important;background:none!important;box-shadow:none!important}.quiz #next{margin-top:auto}.seasons{position:absolute;left:5%;right:12%;bottom:1%;height:23%;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.season{display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;min-width:0}.season img{width:100%;height:100%;object-fit:contain}.season-caption{background:#fff4df;border-radius:8px;text-align:center;padding:3px 8px;min-width:80%;font-weight:900;font-size:clamp(12px,1.3cqw,20px);line-height:1.2}.season-caption small{display:block;font-size:.7em;white-space:nowrap}.season.current .season-caption{outline:3px solid #3c7655}.menu-button{position:absolute;right:1%;bottom:2%}.shade{position:absolute;inset:0;z-index:5;background:#483551b8;display:grid;place-items:center;padding:16px}.shade>div{max-width:600px;max-height:100%;overflow:auto;background:#fff3e1;border:4px solid #bda7c9;border-radius:20px;padding:18px 24px;font-size:clamp(13px,1.4cqw,21px)}.shade h2{margin:0 0 10px}.shade li{margin-bottom:7px}.shade button{margin:5px}.parent-note{font-size:13px;color:#55495d}.studio:fullscreen{width:100vw;height:100dvh;aspect-ratio:auto;border:0;border-radius:0}@container(max-width:600px){.game-tools{right:2%;left:2%;justify-content:flex-end}.game-tools button{font-size:11px;padding:4px 6px;min-height:34px}.calendar-paper{top:14%;left:3%;width:94%;height:35%}.cover{top:8%;height:43%}.cover h2{font-size:26px}.cover p{top:32%;font-size:13px}.cover-seasons{top:43%;left:8%;right:8%;bottom:12%}.welcome{top:52%;left:8%;width:84%;height:28%;padding:10px}.welcome strong{font-size:34px;display:inline}.welcome small{font-size:16px;margin-left:12px}.welcome h3{font-size:16px;display:inline;margin-right:12px}.welcome p{font-size:13px;margin:8px 0}.date-strip{left:3%;top:6%;width:94%;height:8%;gap:6px}.date-tab{font-size:11px;width:33%;grid-template-columns:1fr auto;padding:3px;align-items:center}.date-tab small{grid-column:1/3}.date-tab strong{font-size:19px}.month-title{top:15%;font-size:24px}.month-grid{font-size:16px;top:30%;height:55%;left:10%;width:80%}.month-grid td span{min-height:1.35em;min-width:1.5em;border-width:2px}.calendar-legend{bottom:7%;font-size:10px}.quiz{left:5%;right:5%;top:50%;width:90%;height:29%;padding:8px 12px;gap:5px;display:grid;grid-template-columns:1fr 82px;grid-template-rows:25px 35px 1fr 32px}.quiz h2{font-size:16px;padding:2px;grid-column:1/3}.question{font-size:17px;min-height:0;grid-column:1/3}.answers{grid-column:1/3;grid-template-columns:repeat(2,1fr);gap:4px}.answers button{font-size:14px;min-height:32px;padding:4px}.feedback{font-size:12px;min-height:0;align-self:center}.quiz #next{font-size:14px;min-height:32px;padding:3px;margin:0}.seasons{left:3%;right:3%;height:16%;bottom:3%;gap:4px}.season-caption{font-size:13px;padding:3px 4px}.menu-button{font-size:11px!important;padding:2px 8px!important;min-height:25px!important;bottom:.3%;right:2%}.shade>div{font-size:14px;padding:14px}.shade button{font-size:14px}.studio[data-scene=menu] .seasons{bottom:2%}}@media(max-width:620px) and (orientation:portrait){.studio-page{padding:8px}.studio{aspect-ratio:3/7;min-height:840px}}@media(max-height:500px) and (orientation:landscape){.studio .quiz{gap:3px;padding:7px 12px}.studio .quiz h2{font-size:17px;padding:3px}.studio .question{font-size:17px;min-height:2em}.studio .answers button{min-height:32px;padding:3px}.studio .feedback{min-height:2em;font-size:11px}.studio .quiz #next{min-height:32px;padding:3px}}
.seasons{grid-template-rows:minmax(0,1fr)}.season,.season img{min-height:0}.cover-seasons{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,minmax(0,1fr));top:36%;bottom:10%}.cover-seasons img{min-height:0}.feedback{border:0!important;border-radius:0!important}.quiz{justify-content:space-between}.calendar-legend{bottom:5%;font-size:clamp(10px,.95cqw,14px)}

.month-grid{height:50%;font-size:clamp(14px,1.65cqw,23px)}.month-grid td span{min-height:1.4em;min-width:1.4em}.calendar-legend{bottom:9%;line-height:1.3}@container(max-width:600px){.month-grid{font-size:16px}}

.month-grid td{line-height:0}.month-grid td span{vertical-align:middle}@container(max-width:600px){.month-grid td span{min-height:1.25em;min-width:1.4em}.date-tab{grid-template-columns:1fr;gap:0}.date-tab small{grid-column:auto}}

@container(max-width:600px){.menu-button{top:1%;bottom:auto;left:2%;right:auto;min-height:34px!important}}

.calendar-legend{left:5%;right:5%}

@media(max-height:500px) and (orientation:landscape){.month-grid{font-size:13px}.month-grid td span{min-height:1.25em;min-width:1.25em;border-width:1px}}

@media(max-height:500px) and (orientation:landscape){.welcome{top:15%;padding:10px}.welcome p:first-of-type{display:none}.welcome p{margin:6px 0;line-height:1.3}.welcome strong{font-size:28px}.welcome h3{font-size:16px}.welcome small{font-size:13px}.welcome .start{min-height:34px;padding:5px;font-size:18px}}

.answers{flex:1;min-height:0}@container(min-width:601px){.calendar-legend{bottom:12%}}

@media(max-height:500px) and (orientation:landscape){.calendar-legend{bottom:9%}}

@media(max-height:500px) and (orientation:landscape){.date-strip{height:14%}.date-tab,.date-tab small{font-size:10px}.date-tab strong{font-size:17px}}