*{box-sizing:border-box}.learn-page{max-width:1280px;margin:20px auto;padding:0 16px}.learn-page>h1{font-size:26px;color:#183a59;margin:0}.learn-page>p{color:#334f62;margin:8px 0 16px}.town{container-type:inline-size;position:relative;isolation:isolate;width:100%;aspect-ratio:16/9;background:#f4dfaa url('./assets/town.webp') center/cover;border:5px solid #264657;border-radius:12px;overflow:hidden;color:#152f4e;font-family:'Zen Maru Gothic',sans-serif}.town button{font:900 clamp(12px,1.4cqw,20px)/1.35 'Zen Maru Gothic',sans-serif;color:#183451;border:3px solid #273e4d;border-radius:6px;background:#fff5d6;padding:8px 14px;cursor:pointer;box-shadow:3px 3px 0 #c3a96f}.town button.primary{background:#ffb442}.town button:focus-visible{outline:4px solid #8b3eb0;outline-offset:3px}.town button:disabled{cursor:default;opacity:.6}.town button[aria-pressed=true]{background:#d8efc3}.game-tools{position:absolute;right:1.5%;top:2%;height:7%;display:flex;gap:7px;z-index:5}.game-tools button{font-size:clamp(10px,1.1cqw,16px);padding:4px 7px;border-width:2px}.game-tools button[aria-pressed=false]{background:#eee8d7;color:#60666a}#scene{position:absolute;inset:12% 3% 3%;display:grid;grid-template-rows:minmax(0,1fr) 10% 17% 10%;gap:3%}.stats{position:absolute;top:-11%;left:0;display:flex;gap:8px;max-width:58%;height:8%;font-size:clamp(11px,1.4cqw,20px);font-weight:900}.stats span{display:flex;align-items:center;gap:8px;background:#fff8e4;border:2px solid #526b6e;padding:5px 10px;white-space:nowrap}.board-slot{grid-row:1;position:relative;min-height:0;display:grid;place-items:center}.plot{position:relative;margin:30px 0 0 45px}.board{display:grid;grid-template-columns:repeat(var(--cols),var(--unit));grid-auto-rows:var(--unit);border:3px solid #456c42;background:#456c42;image-rendering:pixelated}.grass{width:var(--unit);height:var(--unit);background:#84d94f url('./assets/grass.webp') center/100% 100%;display:block}.dim{position:absolute;background:#fff8dd;border:2px solid #627054;border-radius:5px;font-weight:900;font-size:clamp(12px,1.6cqw,22px);padding:2px 8px;white-space:nowrap}.dim-x{left:50%;top:-36px;transform:translateX(-50%)}.dim-y{top:50%;left:-60px;transform:translateY(-50%);writing-mode:vertical-rl;letter-spacing:3px;padding:8px 3px}.feedback{grid-row:2;justify-self:center;align-self:center;margin:0;min-width:48%;text-align:center;background:#fff9dfef;border:2px solid #b39c60;border-radius:5px;padding:6px 12px;font-weight:900;font-size:clamp(13px,1.7cqw,24px)}.feedback.correct{background:#e1f2bf}.feedback.wrong{background:#fff0cf}.answers{grid-row:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;width:78%;justify-self:center;min-height:0}.answers button{font-size:clamp(20px,3cqw,43px);padding:5px}.answers small{font-size:.5em}.answers button:disabled{opacity:1}.answers button.chosen{background:#d5e7f4}.answers button.correct{background:#e1f2bf;border-color:#497a37}.bottom-actions{grid-row:4;display:flex;justify-content:space-between;gap:12px;align-items:center}.bottom-actions button{font-size:clamp(11px,1.25cqw,18px);padding:7px 10px}.town[data-scene=menu] #scene{grid-template-columns:55% minmax(0,1fr);grid-template-rows:minmax(0,1fr) 17%;gap:4%}.permit{grid-column:1;grid-row:1;background:#fff7df;border:5px solid #6c6f64;box-shadow:8px 8px 0 #315870;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8%;padding:7%;text-align:center}.permit h2{font-size:clamp(25px,4.2cqw,60px);line-height:1.25;margin:0;color:#164775}.permit p{font-size:clamp(14px,1.9cqw,27px);margin:0}.permit button{font-size:clamp(16px,2.2cqw,32px);width:100%;padding:12px}.preview{grid-column:2;grid-row:1;display:grid;place-items:center}.preview .board{--unit:clamp(22px,5.7cqw,86px);--cols:4}.intro-note{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;align-items:center;gap:5%;background:#fff7dfed;border:3px solid #385569;font-size:clamp(13px,1.7cqw,24px);font-weight:700;padding:12px}.town[data-scene=record] #scene{grid-template-rows:minmax(0,1fr) 13%;gap:3%}.book{grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:9%;min-height:0;background:url('./assets/book.webp') center/100% 100%;padding:6% 8%;image-rendering:auto}.book h2{font-size:clamp(18px,2.4cqw,34px);margin:0 0 12px}.totals{display:flex;flex-direction:column;gap:9%;justify-content:center;min-height:0}.totals p{display:flex;justify-content:space-between;align-items:baseline;font-size:clamp(13px,1.9cqw,27px);margin:0;padding:5px 0;border-bottom:2px solid #cfceb4}.totals b{font-size:clamp(24px,3.8cqw,55px)}.records{min-height:0;display:flex;flex-direction:column;gap:10px}.records h3{font-size:clamp(15px,1.7cqw,24px);margin:0}.history{overflow:auto;min-height:0;padding:2px 9px 2px 2px;scrollbar-gutter:stable;flex:1}.history:focus-visible{outline:3px solid #2873a6}.history article{padding:12px 5px;border-bottom:2px solid #d5d9bc;display:grid;grid-template-columns:70px 1fr;gap:8px;align-items:center;font-size:clamp(12px,1.3cqw,19px)}.mini{display:grid;grid-template-columns:repeat(var(--cols),10px);grid-auto-rows:10px;justify-self:center}.mini i{background:#8bdb59 url('./assets/grass.webp') center/100% 100%;width:10px;height:10px}.history p{margin:3px 0}.history .eq{font-size:clamp(15px,1.7cqw,24px);font-weight:900}.empty{font-size:16px}.record-actions{grid-row:2;display:flex;justify-content:center;align-items:stretch;gap:3%}.record-actions button{font-size:clamp(13px,1.7cqw,24px);min-width:20%}.sheet{position:absolute;inset:0;z-index:10;background:#1e3e61bb;display:grid;place-items:center;padding:3%;backdrop-filter:blur(3px)}.sheet[hidden]{display:none}.sheet>div{background:#fff6dc;border:4px solid #4b6574;border-radius:8px;padding:22px;max-height:100%;overflow:auto;width:min(94%,600px);display:grid;gap:12px}.sheet h2,.sheet p{margin:0}.sheet p{font-size:clamp(12px,1.4cqw,20px);line-height:1.6}.parent-note{font-size:13px!important}.town:fullscreen{width:100vw;height:100dvh;aspect-ratio:auto;border:0;border-radius:0}@media(max-width:900px) and (orientation:landscape){.stats{font-size:10px;gap:4px;max-width:54%}.stats span{padding:3px 5px;gap:4px}.game-tools{gap:5px}.game-tools button{font-size:10px;padding:3px 5px}.answers{width:80%;gap:10px}.bottom-actions button{font-size:11px;padding:5px}.dim{font-size:12px}.dim-x{top:-28px}.dim-y{left:-44px;padding:4px 2px}.book{padding:6% 8%}.book h2{font-size:18px}.history article{padding:6px 2px;grid-template-columns:55px 1fr;font-size:11px}.history .eq{font-size:15px}.history p{margin:0}.record-actions button{padding:5px;font-size:13px}.totals p{font-size:13px}.totals b{font-size:28px}}@media(max-width:600px) and (orientation:portrait){.learn-page{padding:0 8px}.town{aspect-ratio:auto;border-width:4px}.game-tools{position:relative;right:auto;top:auto;margin:8px;justify-content:flex-end;height:37px;gap:5px}.game-tools button{font-size:10px;padding:4px 5px}#scene{position:relative;inset:auto;margin:13px;display:grid;grid-template-rows:39px 300px auto 124px 46px;gap:13px}.stats{position:static;grid-row:1;max-width:none;width:100%;height:auto;justify-content:space-between;font-size:11px;gap:4px}.stats span{padding:4px 6px;gap:4px}.board-slot{grid-row:2}.plot{margin:28px 0 0 33px}.dim{font-size:13px}.dim-x{top:-28px}.dim-y{left:-37px;padding:4px 2px;letter-spacing:1px}.feedback{grid-row:3;width:100%;font-size:15px;padding:10px 4px;min-height:48px}.answers{grid-row:4;width:100%;grid-template-columns:1fr 1fr;gap:10px}.answers button{font-size:26px;min-height:55px}.bottom-actions{grid-row:5}.bottom-actions button{font-size:12px;padding:7px 8px}.town[data-scene=menu] #scene{display:flex;flex-direction:column;gap:20px}.permit{min-height:260px;padding:22px;gap:22px}.permit h2{font-size:34px}.permit p{font-size:17px}.permit button{font-size:20px}.preview{padding:12px}.preview .board{--unit:55px}.intro-note{font-size:14px;display:block;padding:15px;line-height:1.8}.town[data-scene=record] #scene{display:flex;flex-direction:column;gap:15px}.book{display:flex;flex-direction:column;gap:20px;padding:25px;background:#fff8df;border:6px solid #1f5687;min-height:520px}.book h2{font-size:23px;margin:0 0 10px}.totals{gap:8px}.totals p{font-size:16px}.totals b{font-size:28px}.records h3{font-size:18px}.history{height:245px;flex:auto;max-height:245px}.history article{grid-template-columns:65px 1fr;font-size:13px;padding:10px 0}.history .eq{font-size:18px}.record-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.record-actions button{font-size:15px;min-height:45px}.sheet>div{padding:18px}.sheet p{font-size:14px}.sheet button{font-size:16px}.town:fullscreen{overflow:auto;min-height:100dvh}.town:fullscreen .game-tools{position:sticky;top:0;background:#f5e4b7;z-index:6}}
@media(max-width:600px) and (orientation:portrait){.book:has(.empty){min-height:0}.book:has(.empty) .history{height:auto;min-height:75px}}