/* The village is the application frame; learning opens as an in-world paper window. */
.cloud-panel{border-top:3px solid #ad925e;padding-top:18px;margin-top:28px}.cloud-panel h2{font-size:20px}.cloud-panel .setting-row{display:block}.cloud-panel .setting-row input{display:block;min-width:0;width:100%;max-width:320px;height:auto;min-height:44px;margin:8px 0 0;padding:8px;background:#fff2d0;border:2px solid #9a8054;flex:initial}.cloud-panel button{font-size:12px}.cloud-panel p{line-height:1.8;font-size:13px;overflow-wrap:anywhere}
html,body{width:100%;height:100%;overflow:hidden;background:#527747}
.app-shell{position:relative;width:100%;height:100dvh;max-width:none;min-height:0;margin:0;padding:0;background:#527747;isolation:isolate;overflow:hidden}
#village{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}
.masthead{position:absolute;top:12px;left:16px;right:16px;padding:0;gap:12px;z-index:3;pointer-events:none}
.wordmark{font-family:ui-monospace,"Microsoft JhengHei",monospace;font-size:22px;color:#fff1c8;text-shadow:2px 2px #3c392d;pointer-events:auto}
.wordmark small{font-size:8px}.seal{border:3px solid #d4b878;box-shadow:3px 3px #3d3b2b;width:36px;height:39px}.edition{display:none}
button,.quiet{border:2px solid #705035;border-radius:0;background:#ecdbac;box-shadow:3px 3px 0 #443b2b;color:#393c2c;transition:none;font-weight:600}
button:hover{background:#f8e8bb;border-color:#473c2b}button.primary{background:#8b492e;border-color:#d8a86b;box-shadow:3px 3px #44352a}.quiet{pointer-events:auto;font-size:12px;color:#3e3c2d;padding:6px 12px}
.hud{position:absolute;top:68px;left:16px;right:16px;z-index:3;gap:20px;flex-wrap:wrap;width:fit-content;max-width:calc(100% - 32px);padding:10px 14px;background:#efe0b7;border:3px solid #705035;box-shadow:4px 4px #3e402a;font:12px ui-monospace,"Microsoft JhengHei",monospace;color:#3b402d}
.hud strong{font-size:16px}.badge{padding:3px 5px;border:1px solid #917044;color:#61492f;font-size:11px}.xp progress{width:80px;height:8px}
#destinations{position:absolute;inset:0;pointer-events:none;z-index:1}.map-destination{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;font-size:12px;min-height:36px;padding:5px 9px;border-width:2px;background:#ead09e;white-space:nowrap;text-shadow:none}
body:not([data-screen="home"]) #destinations{display:none}
#main{position:absolute;inset:124px 24px 30px;z-index:2;pointer-events:auto;overflow:auto;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-color:#83613f #ebdcb9}
body[data-screen="home"] #main{inset:auto 16px 30px;overflow:visible;pointer-events:none}
.quest-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 22px;width:min(630px,100%);padding:15px 19px;background:#efdfb1;border:4px solid #79563a;outline:2px solid #c4a16a;box-shadow:6px 6px #3b3e29;pointer-events:auto}
.quest-panel .eyebrow{font-size:10px;margin:0 0 5px;color:#6e593c}.quest-panel h2{font-family:ui-monospace,"Microsoft JhengHei",monospace;font-size:19px;font-weight:700;margin:0 0 4px}.quest-panel p{font-size:12px;line-height:1.6;margin:0;color:#65583e}.quest-panel .primary{width:auto;align-self:center;grid-column:2;grid-row:1;white-space:nowrap}.goal-wrap{margin:3px 0 0;display:flex;gap:10px;align-items:center;grid-column:1/-1;font-size:11px}.goal-wrap progress{width:150px}
.village-tools{display:flex;align-items:center;gap:14px;margin-top:10px;width:fit-content;max-width:100%;padding:6px 10px;background:#394a30ed;color:#f0dfb3;font-size:11px;pointer-events:auto;border:2px solid #8d9765}.keyboard-help{font:10px monospace;color:#c9d1a3}
.secondary{position:relative;padding:0;margin:0;border:0}.secondary summary{font-size:12px;color:#f0dfb3;min-height:30px;line-height:30px;white-space:nowrap}.secondary nav{position:absolute;bottom:42px;right:0;display:grid;width:190px;margin:0;background:#ecd9a8;padding:10px;border:3px solid #74513b;box-shadow:4px 4px #38382b}.secondary nav button{font-size:12px;white-space:nowrap}
.screen{pointer-events:auto;max-width:900px;width:100%;margin:0 auto;padding:22px 26px 30px;background:#f0e2bd;border:5px solid #765339;outline:2px solid #c6a56c;box-shadow:7px 7px #313f2c;min-height:200px}.screen h1{font-family:ui-monospace,"Microsoft JhengHei",monospace;font-size:25px;font-weight:700}.backbar{margin-bottom:18px}.learning{gap:24px}.lesson-scene{border:3px solid #6a7149;background:#bec891;image-rendering:pixelated}.answers button{border:2px solid #a68b59;box-shadow:3px 3px #bca574;background:#fff2d0}.screen .primary{color:#fff4d4}.setting-row select{max-width:180px;background:#fff0cb;border:2px solid #8c7046;padding:6px;font:inherit}
.save-status{position:absolute;right:12px;bottom:7px;font:10px monospace;color:#e4e7bc;text-shadow:1px 1px #263a26;z-index:3}.warning#save-warning{position:absolute;top:120px;left:20px;right:20px;z-index:5;margin:0;pointer-events:auto}
dialog{max-width:min(420px,calc(100vw - 32px));padding:24px;background:#f0dfb3;color:#343d2d;border:5px solid #765339;box-shadow:7px 7px #263b2c;font:14px "Microsoft JhengHei",sans-serif}dialog::backdrop{background:#1d342879}dialog h2{font-size:23px;margin:5px 0 16px}.skip:focus{z-index:8}
@media(max-width:680px){.masthead{top:10px;left:10px;right:10px}.wordmark{font-size:18px;gap:8px}.wordmark small{font-size:7px}.seal{width:30px;height:34px}.quiet{font-size:11px;min-height:36px;padding:4px 8px}.hud{top:58px;left:10px;right:10px;max-width:calc(100% - 20px);gap:7px 12px;padding:8px 10px;font-size:10px}.hud .badge{width:100%;border:0;padding:0;font-size:10px}.hud strong{font-size:13px;margin-left:4px}.xp{gap:5px}.xp progress{width:43px}.map-destination{font-size:10px;min-height:36px;padding:4px 7px}#main{inset:145px 10px 25px}body[data-screen="home"] #main{inset:auto 10px 25px}.quest-panel{padding:12px;gap:8px;border-width:3px}.quest-panel h2{font-size:15px}.quest-panel p{font-size:11px}.quest-panel .primary{font-size:12px;padding:8px 11px;min-height:42px}.goal-wrap{font-size:10px}.goal-wrap progress{width:90px}.village-tools{font-size:10px;gap:10px;padding:4px 7px;width:100%;justify-content:space-between}.keyboard-help{display:none}.secondary nav{right:0;width:180px}.screen{padding:16px 14px 25px;border-width:3px}.screen h1{font-size:21px}.screen .backbar{font-size:10px;align-items:flex-start}.backbar button{font-size:11px;padding:6px 8px}.lesson-body .teaching-jp{font-size:28px}.lesson-body .kana-large{font-size:64px}.unit-row{gap:7px}.unit-row strong{font-size:14px}.unit-row button{font-size:11px;padding:5px 7px}.unit-row .number{font-size:12px}.boss-banner{gap:12px;padding:12px}.boss-banner canvas{width:60px;height:66px}.save-status{font-size:9px}.answers button{font-size:17px}.lesson-actions button{font-size:13px}}
@media(max-height:550px){.hud{top:8px;left:220px;right:100px;font-size:10px;gap:8px;padding:5px}.hud strong{font-size:12px}.badge{display:none}#main{top:68px}body[data-screen="home"] #main{bottom:22px}.quest-panel{padding:8px 12px;max-width:470px}.quest-panel .quest-copy p:last-child{display:none}.quest-panel h2{font-size:14px}.goal-wrap{display:none}.village-tools{margin-top:6px}.map-destination{font-size:10px}}