@charset "UTF-8";:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;color:#243f39;background:#f7f8f2;font-synthesis:none;font-weight:400;font-size:15px;line-height:1.75;--green:#196b53;--ink:#243f39;--muted:#6e7f75;--line:#dfe6db;--orange:#f0b567}*{box-sizing:border-box}body{margin:0}button{cursor:pointer;color:inherit}button,a,label,input,textarea{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #d98e30;outline-offset:4px}main:focus,[tabindex="-1"]:focus{outline:none}svg{flex-shrink:0;vertical-align:middle}p{margin:0 0 1em}h1,h2,h3{line-height:1.5;margin:0;font-weight:750}h1{font-size:30px;letter-spacing:.04em}h2{font-size:19px}h3{font-size:16px}small{font-size:12px}strong{font-weight:750}button{border:0;background:none}button:active{transform:translateY(1px)}button.primary:hover{background:#115440}fieldset{border:0;padding:0;margin:0;min-width:0}progress{display:block;appearance:none;width:100%;height:8px;border:0;border-radius:20px;overflow:hidden;background:#e7ebdf;color:var(--green)}progress::-webkit-progress-bar{background:#e7ebdf}progress::-webkit-progress-value{background:#4a9a70;border-radius:20px}progress::-moz-progress-bar{background:#4a9a70;border-radius:20px}.app-shell{max-width:1600px;margin:auto}.app-header{height:96px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:40px;padding:0 max(36px,calc((100% - 1232px)/2));background:#fffefa}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap;padding:0;text-align:left}.brand-icon{width:44px;height:46px;display:grid;place-items:center;border-radius:12px;background:#e0eee2;color:var(--green)}.brand strong{display:block;font-size:21px;letter-spacing:.05em;line-height:1.3}.brand small{font-size:10px;display:block;letter-spacing:.3em;color:#7b9282}.desktop-nav{display:flex;align-self:stretch;gap:28px;margin:auto}.desktop-nav button{font-size:14px;color:#728276;display:flex;align-items:center;gap:8px;padding:0 3px;border-bottom:3px solid transparent;border-top:3px solid transparent}.desktop-nav .active{border-bottom-color:var(--green);color:var(--green);font-weight:750}.header-actions{display:flex;align-items:center;gap:18px}.offline-pill{display:flex;gap:7px;align-items:center;color:#7a8174;font-size:11px;white-space:nowrap}.offline-pill>span{height:6px;width:6px;border-radius:100%;background:#c79641}.offline-pill.ready{color:#488463}.offline-pill.ready>span{background:#66a57b}.icon-button{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:#7c8d80}.icon-button:hover,.icon-button.active{background:#edf1e7;color:var(--green)}main{max-width:1232px;margin:auto;padding:38px 0 34px;min-height:70vh}.eyebrow{font-size:10px;letter-spacing:.19em;line-height:1.6;font-weight:750;color:#668575}.welcome{display:flex;justify-content:space-between;align-items:center;margin:0 0 28px;gap:20px}.welcome h1{margin:8px 0 7px;font-size:29px;letter-spacing:.06em}.welcome p{font-size:13px;color:var(--muted);margin:0}.mobile-break{display:none}.level-badge{background:#eef1e3;border:1px solid #e1e6d4;padding:13px 22px;border-radius:12px;display:flex;align-items:center;gap:14px;color:#7b8d4d}.level-badge span{font-size:10px;color:#7c876a}.level-badge strong{display:block;font-size:15px;color:#526747;letter-spacing:.04em}.town-layout{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:24px}.map-panel{background:#fffefa;border:1px solid #dce6d5;border-radius:17px;overflow:hidden;align-self:start;box-shadow:0 4px 12px #314f2c04}.map-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;font-size:12px;background:#fffefa}.map-toolbar>div{font-weight:750;letter-spacing:.04em}.map-toolbar>span{font-size:11px;color:#7c8a7b}.map-toolbar strong{font-size:16px;color:var(--green);padding:0 3px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#70a46b;margin-right:8px}.town-map{display:block;width:100%;height:auto;max-height:480px;min-height:240px}.town-map [role=button]{cursor:pointer}.town-map [role=button]:hover{filter:brightness(1.08)}.town-map [role=button]:focus-visible{outline:none;filter:drop-shadow(0 0 4px #bc791c)}.map-caption{display:flex;gap:18px;padding:13px 21px;align-items:center;color:#778774;font-size:10px}.map-caption>span{display:flex;align-items:center;gap:6px}.map-caption .map-hint{margin-left:auto;font-size:10px}.legend-built,.legend-empty{display:block;width:8px;height:8px;background:#6b9f77;border-radius:2px}.legend-empty{background:#cbd6a9;border:1px dashed #97b084}.town-sidebar{display:flex;flex-direction:column;gap:20px}.guide-card{background:#edf2e3;border:1px solid #e0e7d2;border-radius:16px;padding:17px 23px}.guide-top{display:flex;gap:15px;align-items:center;margin-bottom:9px}.guide-top .eyebrow{font-size:8px;letter-spacing:.06em}.guide-top h2{font-size:21px;margin:2px 0}.speech-dot{font-size:9px;color:#70916d}.guide-card p{font-size:12px;line-height:1.95;margin:0;color:#526b55}.panel{background:#fffefa;border:1px solid var(--line);border-radius:15px;padding:25px}.progress-card{padding:19px 22px;flex:1}.progress-card h2{font-size:12px}.section-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-row>svg{color:#a5b47f}.progress-total{display:flex;align-items:baseline;gap:12px;margin:13px 0 12px}.progress-total>strong{font-size:32px;line-height:1.3;color:var(--green)}.progress-total strong small{font-size:16px;color:#a1ad96;font-weight:500}.progress-total>span{font-size:11px;color:#86927e}.category-progress{margin-top:18px;display:grid;gap:8px}.category-progress>div{display:flex;justify-content:space-between;font-size:11px}.category-progress span{display:flex;align-items:center;gap:7px;color:#718371}.category-progress strong{font-size:12px}.category-progress small{font-size:11px;color:#a0ac99;font-weight:400}.primary,.secondary{min-height:48px;padding:11px 22px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:15px;font-weight:700;font-size:13px;transition:background .15s}.primary{background:var(--green);color:#fff}.secondary{border:1px solid #cbd8c9;background:#f5f7ef;color:var(--green)}.full{display:flex;width:100%;justify-content:center}.text-button{min-height:44px;display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;color:var(--green);padding:8px 4px}.next-mission{display:flex;align-items:center;gap:22px;background:#eaf1e5;border:1px solid #dce6d5;border-radius:14px;padding:23px 27px;margin-top:26px}.next-icon{width:58px;height:58px;display:grid;place-items:center;background:#dce9d6;color:#4b8566;border-radius:15px}.next-mission h2{font-size:18px;margin:3px 0 5px}.next-mission p{font-size:11px;color:#768875;margin:0;max-width:650px}.next-mission .eyebrow{font-size:9px;letter-spacing:.1em}.next-mission .primary{margin-left:auto;white-space:nowrap}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:32px 0 17px}.section-heading h2{font-size:20px;letter-spacing:.03em;margin-top:4px}.mission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mission-card{text-align:left;display:flex;flex-direction:column;background:#fffefa;border:1px solid var(--line);border-radius:13px;padding:20px 22px;min-height:194px;transition:border .15s,box-shadow .15s}.mission-card:hover{border-color:#95b3a1;box-shadow:0 5px 18px #29453408}.category-tag{font-size:10px;display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:5px;font-weight:700}.category-tag.traffic,.mission-seal.traffic{background:#eaf2f6;color:#4d8caa}.category-tag.safety,.mission-seal.safety{background:#fbf0df;color:#ae7d3f}.category-tag.eco,.mission-seal.eco{background:#e9f2e7;color:#5b936b}.mission-status{font-size:10px;color:#8e9a8b}.mission-status.done{color:#337653}.mission-status.review{color:#a96132}.mission-card h3{font-size:16px;margin:13px 0 4px;letter-spacing:.02em}.mission-reward{color:#89927e;font-size:11px;margin:0 0 18px}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;color:#708875;font-size:10px}.card-bottom>span{display:flex;align-items:center;gap:5px}.learning-note{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:29px;color:#7d8e77}.learning-note p{margin:0;font-size:11px}.learning-note strong{margin-right:12px;font-weight:600}.app-footer{max-width:1232px;margin:auto;border-top:1px solid var(--line);padding:24px 0 34px;display:flex;align-items:center;gap:24px;color:#8a9783;font-size:10px}.footer-brand{font-size:9px;letter-spacing:.17em}.app-footer small{margin-left:auto;font-size:9px}.mobile-nav{display:none}.page-heading{margin:10px 0 28px}.page-heading h1{margin:8px 0 9px}.page-heading p{color:var(--muted);font-size:13px;margin:0}.filter-tabs{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.filter-tabs button{min-height:44px;padding:9px 22px;border:1px solid var(--line);border-radius:8px;font-size:13px;background:#fffefa}.filter-tabs button[aria-pressed=true]{background:var(--green);color:#fff;border-color:var(--green)}.all-missions{row-gap:20px}.empty-state{text-align:center;padding:50px 20px;color:#789075}.empty-state h2{margin:14px 0 8px}.empty-state p{font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px}.stat-grid .panel{display:flex;flex-direction:column;gap:4px}.stat-grid svg{color:#7ca28a;margin-bottom:8px}.stat-grid span{font-size:12px;color:var(--muted)}.stat-grid strong{font-size:33px;color:var(--green);margin:0 0 4px}.stat-grid strong small{font-size:16px;margin-left:5px}.stat-grid small{color:#8b9987;font-size:11px}.records-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.records-columns h2,.history-panel h2{margin-bottom:10px}.skill-row{display:grid;grid-template-columns:125px 1fr 36px;align-items:center;gap:12px;margin-top:15px;font-size:11px}.skill-row>div{display:flex;flex-direction:column;line-height:1.7}.skill-row>div>span{font-size:10px;color:#8e9a88}.skill-row>span{text-align:right;color:#6d846e}.review-link{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}.review-link>span{display:flex;flex-direction:column;gap:3px}.category-mini{font-size:10px;color:#869b80}.history-panel{margin-top:24px}.history-list{margin:0;padding:0;list-style:none}.history-list li{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #e7ebdf}.history-list li:last-child{border-bottom:0}.history-mark{background:#faeddb;color:#a97733;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.history-mark.correct{background:#e5f0df;color:#4f8b5f}.history-list strong{display:block;font-size:13px}.history-list small{display:block;font-size:10px;color:#8c9a87}.history-list li>span:last-child{margin-left:auto;font-size:11px;white-space:nowrap;color:#6b826c}.empty-copy{font-size:13px;color:#7d8b75;padding:24px 0}.settings-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-columns h2{margin-bottom:15px}.settings-columns p{font-size:13px}.settings-columns .primary,.settings-columns .secondary{margin-top:13px}.file-label{position:relative;cursor:pointer}.file-label input{position:absolute;opacity:0;width:100%;height:100%;inset:0;cursor:pointer}.file-label:focus-within{outline:3px solid #d98e30;outline-offset:3px}.file-label.disabled{opacity:.5;cursor:default}.note-box{background:#f3f3e6;border-radius:9px;padding:15px;font-size:11px;line-height:1.9;margin-top:20px;color:#7d7d5c}.settings-columns .fineprint{font-size:11px;margin-top:14px}.pwa-status{display:flex;align-items:center;gap:10px;color:#9d824a}.pwa-status.ready{color:#397f5e}.howto{padding-left:24px;font-size:12px;line-height:1.9}.howto li{margin:10px 0}.about-panel{margin-top:24px}.howto-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:24px 0}.howto-cards span{font-size:24px;color:#86ab8b;font-weight:750}.howto-cards h3{margin:7px 0}.howto-cards p{font-size:12px;color:#7b8e77}.about-panel>p{font-size:13px}.mission-page{padding-bottom:15px}.back-button{margin-top:-14px;margin-bottom:12px}.mission-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:24px}.mission-heading h1{margin:8px 0 12px}.mission-heading .eyebrow span{font-size:9px;font-weight:500;letter-spacing:.05em;color:#8b9884}.mission-seal{width:73px;height:73px;border-radius:20px;display:grid;place-items:center}.meta{display:flex;align-items:center;gap:18px;color:#819077;font-size:11px;flex-wrap:wrap}.meta>span:first-child{display:flex;gap:6px;align-items:center}.steps{display:flex;align-items:center;justify-content:center;gap:16px;color:#a4ac9a;font-size:11px;padding:17px;border:1px solid var(--line);border-radius:10px;background:#f0f3e9;margin-bottom:23px}.steps .active{color:var(--green);font-weight:750}.steps i{width:38px;height:1px;background:#cfdbca}.resident-message{display:flex;gap:15px;padding:21px 25px;background:#eaf1e4;border-radius:12px;margin-bottom:28px}.resident-message>svg{color:#76a17d;margin-top:4px}.resident-message strong{font-size:12px}.resident-message p{font-size:13px;color:#6b8169;margin:6px 0 0}.mission-columns{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;align-items:start}.materials{display:grid;gap:19px}.material{border:1px solid var(--line);border-radius:13px;padding:23px;background:#fffefa;overflow:hidden}.material h3{font-size:14px;display:flex;gap:10px;align-items:baseline;margin-bottom:18px;flex-wrap:wrap}.material-number{font-size:10px;color:#62906a;background:#e9f0df;padding:3px 8px;border-radius:4px;white-space:nowrap}.source-text{font-size:14px;line-height:2.1;margin:0}.table-scroll{overflow:auto;max-width:100%;border-radius:6px}table{border-collapse:collapse;width:100%;font-size:12px;text-align:center}th,td{padding:12px 9px;border:1px solid #dee5d7;white-space:normal;min-width:65px}thead{background:#edf2e5;color:#5c7c60}thead th{font-size:11px;font-weight:650}tbody th{background:#f4f6ee;font-weight:650}tbody td{background:#fffefa}.bar-chart{margin:0}.bar-chart figcaption{font-size:10px;color:#819078;margin:0 0 13px}.bar-row{display:grid;grid-template-columns:25px 1fr 45px;gap:8px;align-items:center;margin:13px 0;font-size:12px}.bar-row strong{font-size:11px;color:#5a7a5e}.bar-track{height:22px;background:repeating-linear-gradient(to right,#e2e7d9 0 1px,transparent 1px 25%)}.bar-fill{height:100%;border-radius:0 4px 4px 0;background:#84b497;border:1px solid #74a885}.bar-chart small{font-size:10px;color:#84917b}.route-map{width:100%;height:auto}.route-key{display:flex;flex-wrap:wrap;list-style:none;font-size:10px;color:#799072;padding:0;gap:6px 16px;margin:18px 0 0}.answer-column{display:grid;gap:20px}.answer-panel .eyebrow{margin-bottom:6px}.answer-panel h2{font-size:18px}.prompt{font-size:15px;font-weight:600;line-height:2;margin:16px 0 22px}.choices{display:grid;gap:10px;margin-bottom:24px}.choice{display:flex;align-items:center;gap:12px;border:1px solid #dbe3d3;min-height:54px;padding:10px 14px;border-radius:8px;font-size:13px;cursor:pointer}.choice input{width:18px;height:18px;accent-color:var(--green);flex-shrink:0}.choice.selected{border:2px solid #5f9974;padding:9px 13px;background:#f0f6e9}.option-letter{font-size:10px;font-weight:700;color:#809573;min-width:12px}.field-label{font-weight:650;font-size:12px;display:block;margin-bottom:22px}.field-label small{display:block;color:#8d9b82;font-size:11px;font-weight:400;margin-top:7px}.number-field{display:flex;align-items:center;gap:12px;margin-top:10px}.number-field input{width:100%;min-width:0;border:1px solid #cbd9c8;padding:13px;border-radius:8px;background:#fffef8;font-size:16px}.number-field span{white-space:nowrap}textarea{width:100%;display:block;padding:13px;border:1px solid #cbd9c8;border-radius:8px;background:#fffef8;font-size:16px;line-height:1.9;margin-top:10px;resize:vertical;color:var(--ink)}input:disabled,textarea:disabled{opacity:.8;background:#f3f4ec}.fineprint{font-size:10px;color:#829079;line-height:1.9;margin:12px 0 0}.hint-panel{border:1px solid #e9dfc8;border-radius:12px;background:#fbf6e9;padding:19px 23px}.hint-panel h3{display:flex;gap:8px;align-items:center;font-size:13px;color:#a28447}.hint-panel .section-row>span{font-size:10px;color:#ac9a71}.hint-panel p{font-size:12px;line-height:2;margin:12px 0}.hint-panel p strong{display:block;color:#9f884c;font-size:10px}.hint-panel .text-button{color:#9c7b3f;margin-bottom:-8px;margin-top:4px}.self-panel h2{margin:10px 0 18px}.tag{font-size:10px;padding:5px 10px;border-radius:4px;background:#e5efe2;color:#548061}.model{padding:15px 18px;background:#f0f4e8;border-left:3px solid #a6bd86;border-radius:0 6px 6px 0;font-size:14px;line-height:2}.self-panel>p{font-size:13px}.rubric{display:flex;align-items:flex-start;gap:12px;padding:12px 0;font-size:12px;line-height:1.9;cursor:pointer;min-height:48px}.rubric input{width:21px;height:21px;flex-shrink:0;accent-color:var(--green);margin-top:3px}.self-panel .primary{margin-top:20px}.result-panel{border:2px solid #9cbf97}.result-panel.retry{border-color:#dfc8a2}.result-icon{width:58px;height:58px;background:#eaf2dc;display:grid;place-items:center;color:#749352;border-radius:50%;margin:0 auto 15px}.retry .result-icon{background:#f7ecda;color:#bd9958}.result-panel>.eyebrow,.result-panel>h2{text-align:center;display:block}.result-panel h2{font-size:20px;margin:5px 0 12px}.reward-label{text-align:center;color:#50855b;font-size:13px;font-weight:650}.result-panel h3{font-size:12px;margin:20px 0 8px}.result-panel>p{font-size:13px;line-height:2}.answer-summary{background:#f7f6ee;padding:13px;border-radius:8px;overflow-wrap:anywhere}.result-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:9px;color:#84947d;margin:20px 0}.result-meta span{display:flex;align-items:center;gap:4px}.error{padding:13px 15px;border:1px solid #e5bcb1;border-radius:8px;background:#fff1eb;color:#9d4d3b;font-size:12px;margin-top:15px}.toast{padding:14px 20px;border:1px solid #bbd5ba;background:#eaf3e4;border-radius:10px;margin-bottom:22px;font-size:12px;display:flex;align-items:center;gap:10px}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;text-align:center;padding:30px}.loading h1{font-size:24px}.loading>svg{color:var(--green)}.loading p{font-size:13px;color:#7b8e73}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:0;left:10px;background:#fff;padding:12px;transform:translateY(-120%);z-index:99;color:var(--green)}.skip-link:focus{transform:translateY(0)}@keyframes float{50%{translate:0 -2px}}@keyframes clouds{50%{transform:translate(8px)}}@keyframes build{0%{opacity:0;translate:0 -16px}to{opacity:1;translate:0 0}}.clouds{animation:clouds 12s ease-in-out infinite}.town-person{animation:float 2.5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.town-person:nth-last-of-type(2){animation-delay:.8s}.construction{animation:build .8s ease-out}.town-car{animation:float 3s ease-in-out infinite}@media(min-width:1450px){main{padding-top:46px}.welcome{margin-bottom:32px}.welcome h1{font-size:32px}.town-layout{grid-template-columns:minmax(0,1fr) 300px}.guide-card{padding-top:22px;padding-bottom:22px}.progress-card{padding-top:23px}}@media(max-width:1320px){main,.app-footer{margin-left:36px;margin-right:36px}.app-header{padding-left:36px;padding-right:36px;gap:30px}.desktop-nav{gap:22px}.header-actions{gap:12px}}@media(max-width:1020px){.app-header{gap:20px;padding:0 24px}.desktop-nav{gap:15px}.desktop-nav button{font-size:12px;gap:5px}.offline-pill{font-size:9px}.brand strong{font-size:18px}main,.app-footer{margin-left:24px;margin-right:24px}.town-layout{grid-template-columns:minmax(0,1fr) 248px;gap:17px}.guide-card{padding:15px 18px}.progress-card{padding:17px}.progress-total{margin:7px 0}.map-caption .map-hint{display:none}.mission-card{padding:17px}.next-mission{padding:20px;gap:16px}.next-mission p{max-width:410px}.next-mission h2{font-size:16px}.primary{padding:11px 17px;font-size:12px}.mission-columns{gap:18px}.panel,.material{padding:20px}}@media(max-width:760px){.app-header{height:77px;padding:0 20px;gap:10px}.brand{gap:9px}.brand-icon{width:38px;height:40px;border-radius:10px}.brand strong{font-size:18px}.brand small{font-size:8px}.desktop-nav{display:none}.header-actions{margin-left:auto;gap:3px}.offline-pill{font-size:8px;gap:5px}.header-actions .icon-button{display:none}main{margin:0;padding:27px 20px 25px}.welcome{margin:0 0 22px;align-items:flex-start}.welcome .eyebrow{font-size:8px;letter-spacing:.15em}.welcome h1{font-size:24px;line-height:1.65;margin:8px 0 9px;letter-spacing:.035em}.welcome p{font-size:11px;line-height:1.9}.mobile-break{display:initial}.level-badge{padding:8px;border-radius:10px;gap:5px;margin-top:8px;flex-direction:column;text-align:center;min-width:81px}.level-badge svg{width:19px;height:19px}.level-badge span{font-size:7px}.level-badge strong{font-size:10px}.town-layout{display:flex;flex-direction:column;gap:16px}.map-panel{width:100%;border-radius:13px}.map-toolbar{padding:13px 15px;font-size:10px}.map-toolbar>span{font-size:9px}.map-toolbar strong{font-size:14px}.town-map{min-height:0;aspect-ratio:690/470}.map-caption{padding:11px 15px;gap:17px;font-size:8px}.town-sidebar{display:grid;grid-template-columns:1fr;gap:16px}.guide-card{padding:13px 17px;display:flex;align-items:center;gap:15px}.guide-top{margin:0;gap:8px;flex-shrink:0}.guide-top svg{width:46px;height:55px}.guide-top>div{display:none}.guide-card p{font-size:11px;line-height:1.9}.progress-card{padding:15px 18px;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;align-items:center}.progress-card .section-row{grid-column:1/-1}.progress-card h2{font-size:11px}.progress-total{margin:0}.progress-total>strong{font-size:25px}.progress-total>span{font-size:10px}.progress-total strong small{font-size:13px}.category-progress{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:1px;border-top:1px solid #e7ebdd;padding-top:12px;gap:12px}.category-progress>div{gap:10px;font-size:9px}.category-progress svg{width:14px}.category-progress strong{font-size:10px}.category-progress small{font-size:9px}.next-mission{padding:18px;margin-top:20px;gap:12px;flex-wrap:wrap;align-items:flex-start;border-radius:12px}.next-icon{width:41px;height:41px;border-radius:10px}.next-icon svg{width:23px}.next-mission>div:nth-child(2){flex:1;min-width:0}.next-mission .eyebrow{font-size:8px}.next-mission h2{font-size:15px;line-height:1.7;margin:3px 0 6px}.next-mission p{font-size:10px;line-height:1.9}.next-mission .primary{width:100%;margin-top:4px;min-height:48px}.section-heading{margin:28px 0 14px}.section-heading h2{font-size:19px}.section-heading .eyebrow{font-size:8px}.section-heading .text-button{font-size:10px}.mission-grid{grid-template-columns:1fr;gap:12px}.mission-card{min-height:164px;padding:17px 19px}.mission-card h3{font-size:16px;margin:10px 0 4px}.mission-reward{margin-bottom:15px}.mission-card .card-bottom{font-size:10px}.learning-note{align-items:flex-start;margin-top:22px;gap:9px}.learning-note>svg{width:19px}.learning-note p{font-size:10px;line-height:1.9}.learning-note strong{display:block;margin:0}.app-footer{margin:0 20px 85px;padding:20px 0;display:flex;flex-wrap:wrap;gap:6px 12px;font-size:8px}.app-footer small{margin:0;width:100%;font-size:8px}.footer-brand{font-size:8px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffef9f7;border-top:1px solid #dce4d3;z-index:20;padding:7px 12px calc(7px + env(safe-area-inset-bottom));backdrop-filter:blur(12px);justify-content:space-around}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:9px;color:#899681;min-height:46px;min-width:64px;justify-content:center;border-radius:9px}.mobile-nav button[aria-current=page]{color:var(--green);background:#eaf1e4}.page-heading{margin:3px 0 23px}.page-heading h1{font-size:25px;margin:7px 0 10px}.page-heading p{font-size:11px;line-height:1.9}.filter-tabs{gap:6px;margin-bottom:18px}.filter-tabs button{font-size:11px;padding:9px 13px;flex:1;white-space:nowrap}.stat-grid{gap:8px;margin-bottom:17px}.stat-grid .panel{padding:14px 11px;gap:4px;border-radius:10px}.stat-grid svg{width:18px;height:18px}.stat-grid strong{font-size:23px;white-space:nowrap;letter-spacing:-.05em}.stat-grid span{font-size:10px}.stat-grid small{font-size:8px;line-height:1.6}.stat-grid strong small{font-size:12px}.records-columns{grid-template-columns:1fr;gap:17px}.records-columns h2,.history-panel h2{font-size:17px}.skill-row{grid-template-columns:114px 1fr 35px;gap:8px}.history-panel{margin-top:17px}.history-list li{gap:10px}.history-list strong{font-size:11px}.history-list small{font-size:8px;line-height:1.8}.history-list li>span:last-child{font-size:9px}.history-mark{width:25px;height:25px;flex-shrink:0;font-size:12px}.settings-columns{grid-template-columns:1fr;gap:17px}.settings-columns p{font-size:12px}.settings-columns h2{font-size:17px}.howto-cards{grid-template-columns:1fr;gap:17px;padding:20px 0}.howto-cards>div{display:grid;grid-template-columns:35px 1fr;gap:0 12px}.howto-cards span{grid-row:1/3;font-size:23px}.howto-cards h3{font-size:14px;margin:2px 0 4px}.howto-cards p{font-size:11px;margin:0}.about-panel>p{font-size:12px}.about-panel>.fineprint{font-size:10px}.panel{padding:20px;border-radius:12px}.back-button{margin-top:-8px;margin-bottom:10px;font-size:11px}.mission-heading{gap:10px;margin-bottom:20px}.mission-heading h1{font-size:24px;margin:7px 0 13px}.mission-heading .eyebrow{font-size:9px;letter-spacing:.08em}.mission-heading .eyebrow span{font-size:8px}.mission-seal{width:46px;height:46px;border-radius:13px;flex-shrink:0;margin-top:4px}.mission-seal svg{width:25px}.meta{font-size:9px;gap:7px 12px}.steps{gap:8px;font-size:9px;padding:13px 6px;margin-bottom:18px}.steps i{width:12px}.resident-message{padding:16px;gap:10px;margin-bottom:18px}.resident-message strong{font-size:10px}.resident-message p{font-size:12px;line-height:1.95}.resident-message>svg{width:18px}.mission-columns{grid-template-columns:1fr;gap:23px}.materials{gap:15px}.material{padding:18px 16px;border-radius:12px}.material h3{font-size:12px;gap:7px;margin-bottom:15px}.material-number{font-size:9px}.source-text{font-size:13px;line-height:2.1}th,td{font-size:11px;padding:11px 7px;min-width:51px}thead th{font-size:10px}.answer-column{gap:17px}.answer-panel h2{font-size:17px}.prompt{font-size:14px;line-height:2}.choice{font-size:13px;padding:12px;min-height:56px}.choice.selected{padding:11px}.primary,.secondary{min-height:49px;font-size:12px;padding:12px 17px}.hint-panel{padding:17px 19px}.hint-panel p{font-size:12px}.result-panel>p{font-size:13px}.model{padding:14px 15px;font-size:13px;line-height:2}.rubric{font-size:12px}.result-meta{font-size:8px;gap:10px}.mission-page .fineprint{font-size:9px}.result-panel h2{font-size:19px}.route-key{font-size:9px;gap:6px 10px}.toast{font-size:11px;padding:13px 15px}}@media(max-width:365px){main{padding-left:15px;padding-right:15px}.app-header{padding-left:15px;padding-right:15px}.brand strong{font-size:16px}.welcome h1{font-size:22px}.level-badge{min-width:70px}.filter-tabs{gap:4px}.filter-tabs button{padding:8px 9px}.category-progress{gap:8px}.category-progress>div{gap:5px}.stat-grid strong{font-size:21px}}@media(max-width:760px){.mission-heading>div:first-child{min-width:0}.mission-heading h1{text-wrap:balance}.mission-seal{display:none}}.backup-links{margin:14px 0;padding:0 14px 14px;border-radius:10px;background:#f1f5e9}.backup-links a{font-size:11px;text-decoration:none}:root{--green:#087ca7;--ink:#19364c;--muted:#617b8f;--line:#d5e1eb;--orange:#f2ad43;color:var(--ink);background:#edf3f8;font-size:16px}body{background:#edf3f8}button,a,input,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex="0"]:focus-visible{outline-color:#eb9a20}.app-shell{max-width:1800px}main{max-width:1416px;margin:0 auto;padding:30px 28px 36px;min-width:0}.app-header{background:#143653;border-bottom:3px solid #09a9d7;color:#eaf5fc;min-height:88px;height:auto;padding:calc(14px + env(safe-area-inset-top)) 28px 14px;gap:26px;justify-content:space-between}.brand{min-height:48px}.brand-icon{background:#24516f;color:#8de6ff;border:1px solid #43748f;border-radius:9px;width:46px;height:46px}.brand strong{font-size:22px;color:#fff}.brand small{font-size:10px;letter-spacing:.08em;color:#a0c1d7;margin-top:4px}.desktop-nav{margin:0 auto;gap:24px;min-height:48px}.desktop-nav button{color:#b1c9db;font-size:14px;gap:8px;min-height:48px}.desktop-nav .active{color:#fff;border-bottom-color:#53d7f4}.header-actions{gap:12px}.offline-pill,.offline-pill.ready{color:#a8d8df;font-size:10px}.offline-pill.ready>span{background:#65ddb4}.icon-button{color:#c5dae9}.icon-button:hover,.icon-button.active{color:#fff;background:#28526d}.welcome{margin-bottom:22px;gap:20px}.welcome .eyebrow{color:#457791;font-size:11px;letter-spacing:.12em}.welcome h1{font-size:32px;letter-spacing:.035em;line-height:1.55;color:#163955;margin:8px 0}.welcome p{font-size:14px;line-height:1.9;color:#607d92}.level-badge{background:#e0edf5;border-color:#c5dae8;color:#167caa;border-radius:10px;padding:12px 19px;min-width:170px}.level-badge span{color:#55778d;font-size:11px}.level-badge strong{font-size:16px;color:#164866}.eyebrow{color:#5d8299}.primary{background:#087fae;color:#fff;border-bottom:3px solid #065c84;border-radius:8px;min-height:50px;font-size:14px}.primary:hover,button.primary:hover{background:#086a96}.secondary{background:#eaf2f8;border-color:#b6ccdc;color:#21617f;min-height:48px;font-size:14px}.text-button{font-size:13px;color:#136e96;min-height:46px}.panel,.mission-card,.map-panel,.material{background:#fff;border-color:#d1dfe9;box-shadow:0 3px 12px #1c436806;border-radius:12px}.rail-network{background:#fff;border:1px solid #c4d9e7;border-top:4px solid #128bb5;border-radius:12px;padding:17px 22px 14px;margin:0 0 24px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:12px 24px;box-shadow:0 4px 16px #23476305}.rail-network-heading{display:flex;align-items:center;gap:11px;flex-wrap:wrap;align-content:center}.rail-line-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;background:#0783b1;color:#fff;font-size:25px;font-weight:800;line-height:1;font-family:ui-sans-serif,system-ui,sans-serif}.rail-network-heading .eyebrow{font-size:9px;color:#64859a;letter-spacing:.12em}.rail-network-heading h2{font-size:16px;margin-top:2px;color:#1b4864}.line-status{font-size:10px;padding:3px 9px;background:#fff1d7;color:#93601c;border:1px solid #eed2a2;border-radius:4px;margin-left:53px;white-space:nowrap}.line-status.open{background:#dff4ed;color:#176b55;border-color:#b3decf}.network-stops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}.network-stop{padding:2px 4px 4px;min-height:83px;display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:6px;min-width:0}.network-stop:hover{background:#eef7fc}.stop-track{width:100%;position:relative;display:grid;place-items:center;margin:0 0 4px}.stop-track:before{content:"";position:absolute;left:0;right:0;top:50%;height:4px;background:#d8e4ec}.network-stop:first-child .stop-track:before{left:50%}.network-stop:last-child .stop-track:before{right:50%}.stop-number{position:relative;background:#fff;border:3px solid #b6cad8;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;color:#7898ae;font-size:10px;font-weight:750;font-variant-numeric:tabular-nums;line-height:1}.connected .stop-number{border-color:#0d96bf;background:#0d96bf;color:#fff}.connected .stop-track:before{background:#1fa1c5}.network-stop strong{font-size:12px;line-height:1.6;color:#2d536d;text-align:center}.network-stop small{font-size:9px;color:#6b879b}.connected small{color:#087da5}.network-progress{grid-column:1/-1;display:grid;grid-template-columns:auto 140px 1fr;align-items:center;gap:17px;border-top:1px solid #e3ebf1;padding-top:11px;color:#668297;font-size:10px}.network-progress>span{display:flex;align-items:center;gap:8px;white-space:nowrap}.network-progress strong{font-size:13px;color:#087da5;font-variant-numeric:tabular-nums}.network-progress small{font-size:10px}.network-progress progress{height:6px;background:#dfeaf1}progress::-webkit-progress-bar{background:#e1ebf2}progress::-webkit-progress-value{background:#128fba}progress::-moz-progress-bar{background:#128fba}.town-layout{grid-template-columns:minmax(0,1fr) 285px;gap:22px}.map-toolbar{background:#fff;padding:15px 20px;font-size:13px;border-bottom:1px solid #dce6ee}.map-toolbar>span{font-size:11px;color:#658397}.map-toolbar strong{color:#087da5}.live-dot{background:#0b9bc2}.railway-scene{position:relative;background:#e8f2f8}.town-map{max-height:none;min-height:0;aspect-ratio:760/520;display:block}.scene-status{position:absolute;left:17px;top:14px;display:flex;align-items:center;gap:8px;z-index:1;padding:6px 10px;color:#2e607f;background:#f8fcffe8;border:1px solid #c2d9e8;border-radius:6px;font-size:10px;pointer-events:none}.scene-status strong{font-size:10px}.scene-status>span:last-child{font-size:9px;border-left:1px solid #c7dbe7;padding-left:8px}.signal-light{width:7px;height:7px;background:#e9a546;border-radius:100%;box-shadow:0 0 0 3px #edbd6322}.signal-light.go{background:#29ac91;box-shadow:0 0 0 3px #29ac9122}.train-motion-control{position:absolute;bottom:12px;right:14px;min-height:44px;padding:8px 13px;border:1px solid #b9d2e2;border-radius:7px;font-size:11px;color:#285f7e;background:#f9fcfff0}.train-motion-control:hover{background:#fff}.map-caption{background:#fff;color:#6b8797;padding:13px 20px;font-size:11px}.map-caption .map-hint{font-size:10px}.legend-built{background:#208fb2}.legend-empty{background:#c4d8e4;border-color:#82a7bb}.town-sidebar{gap:20px}.guide-card{background:#e1edf7;border-color:#c9dce9;padding:20px 21px;border-radius:12px}.guide-top{gap:16px}.guide-top .eyebrow{font-size:9px;color:#628399}.guide-top h2{font-size:23px;color:#254d68}.guide-card p{font-size:13px;color:#516f84;line-height:1.95}.speech-dot{font-size:10px;color:#4d829a}.progress-card{padding:21px}.progress-card h2{font-size:14px}.progress-total>strong{font-size:36px;color:#087fae}.progress-total>span{font-size:12px;color:#6b8495}.progress-total strong small{color:#8ba6b8}.category-progress{gap:12px}.category-progress>div{font-size:12px}.category-progress span{color:#58778e}.category-progress strong{font-size:13px}.category-progress small{color:#8aa1b2}.next-mission{background:#143e5d;color:#f3faff;border-color:#143e5d;border-left:5px solid #f3b14c;border-radius:11px;padding:24px;margin-top:24px}.next-mission .eyebrow{color:#6dd3ec}.next-icon{background:#285977;color:#7addf3;border-radius:10px}.next-mission h2{font-size:20px;color:#fff}.next-mission p{font-size:12px;color:#b3cddb}.next-mission .primary{background:#f4b248;color:#17384e;border-bottom-color:#cc8a26;min-height:52px}.next-mission .primary:hover{background:#ffc76b}.section-heading h2{color:#244b67}.mission-card{border-top:3px solid #cbdeeb;min-height:202px;padding:21px}.mission-card:hover{border-color:#64a9ce;box-shadow:0 6px 18px #193a5d0d}.mission-card h3{font-size:17px;color:#234963}.mission-reward{font-size:12px;color:#7891a4}.card-bottom{font-size:11px;color:#64839a}.mission-status{font-size:11px;color:#718b9d}.mission-status.done{color:#087da5}.category-tag{font-size:11px;padding:4px 9px}.category-tag.traffic,.mission-seal.traffic{background:#e2f3fc;color:#1384b1}.category-tag.safety,.mission-seal.safety{background:#fff0d9;color:#ac722c}.category-tag.eco,.mission-seal.eco{background:#e4f3ed;color:#2c836c}.learning-note{color:#7391a7}.learning-note p{font-size:12px}.app-footer{max-width:1360px;margin:0 28px;padding:23px 0 30px;color:#7793a8;border-color:#d1dfe9;font-size:11px}.footer-brand{font-size:10px}.page-heading p{color:#647f94;font-size:14px}.page-heading h1{color:#204760}.filter-tabs button{background:#fff;border-color:#cbdce8;min-height:48px;font-size:14px}.filter-tabs button[aria-pressed=true]{background:#087fae;border-color:#087fae}.stat-grid span{font-size:13px;color:#678397}.stat-grid strong{color:#087fae}.stat-grid small{font-size:12px;color:#708ca1}.skill-row{font-size:12px;grid-template-columns:135px 1fr 42px}.skill-row>div>span{font-size:11px;color:#738da1}.skill-row>span{color:#517b96}.history-list strong{font-size:14px}.history-list small{font-size:11px;color:#70899c}.history-mark.correct{background:#e2f2fb;color:#1582a7}.history-panel h2,.records-columns h2,.settings-columns h2,.about-panel h2{color:#234e6b}.history-list li{border-color:#e0e9f0}.settings-columns p,.about-panel>p{font-size:14px;line-height:1.95}.settings-columns .fineprint{font-size:12px}.note-box{background:#edf4fa;color:#5b7e95;font-size:12px}.howto{font-size:13px}.howto-cards span{color:#1f92b7}.howto-cards p{font-size:13px;color:#67869d}.backup-links{background:#ebf3fa}.pwa-status.ready{color:#167e9c}.mission-heading h1{color:#204761;font-size:30px}.mission-heading .eyebrow{font-size:12px;color:#2b83a5}.mission-heading .eyebrow span{color:#819aac}.mission-heading .meta{font-size:12px;color:#608099}.steps{background:#e8f1f8;border-color:#cddfec;font-size:12px;color:#87a0b2;min-height:52px}.steps .active{color:#177da4}.steps i{background:#b8d4e5}.resident-message{background:#e2f0fa;border-left:4px solid #4b9fc9}.resident-message>svg{color:#258bb4}.resident-message strong{font-size:13px;color:#26607f}.resident-message p{font-size:14px;color:#52758c}.mission-columns{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:24px}.mission-columns>div{min-width:0}.material h3{font-size:15px;color:#234d67}.material-number{font-size:11px;background:#e4f1f9;color:#2b7f9e}.source-text{font-size:16px;line-height:2.15}.answer-panel h2{font-size:21px;color:#234d68}.prompt{font-size:17px;line-height:2.05}.choice{font-size:16px;min-height:60px;border-color:#cadce8;gap:14px}.choice.selected{border-color:#259ac2;background:#eaf6fc}.choice input,.rubric input{accent-color:#0786b4}.option-letter{font-size:12px;color:#6a97af}.field-label{font-size:14px}.field-label small{font-size:12px;color:#6d8a9f}.number-field input,textarea{background:#fbfdff;border-color:#b8d1e1;font-size:17px;min-height:52px;color:#23465f}.hint-panel{background:#fff4df;border-color:#edd7af}.hint-panel h3{font-size:14px;color:#9d7025}.hint-panel p{font-size:14px}.hint-panel .text-button{color:#92651f;font-size:13px}.fineprint{font-size:11px;color:#718a9e}.model{background:#e9f4fb;border-left-color:#5bafce;font-size:15px}.rubric{font-size:14px;min-height:54px}.self-panel>p{font-size:14px}.result-panel{border-color:#75b2ce}.result-icon{color:#1e93b7;background:#e5f5fc}.result-panel>p{font-size:15px}.reward-label{color:#1b80a4}.answer-summary{background:#f0f5f9}.result-meta{font-size:10px;color:#6d8da3}.tag{background:#e3f2fb;color:#277d9d}.toast{background:#e6f5fa;border-color:#add3e4;color:#2e6f8c}.loading{color:#234e6b}.loading p{color:#66869d}@media(min-width:1500px){.app-header{padding-left:max(28px,calc((100% - 1360px)/2));padding-right:max(28px,calc((100% - 1360px)/2))}.app-footer{margin-left:auto;margin-right:auto}}@media(min-width:981px)and (max-width:1100px){.app-header{gap:14px;padding-left:22px;padding-right:22px}.brand strong{font-size:20px}.brand small{font-size:9px}.desktop-nav{gap:16px}.desktop-nav button{font-size:13px}.offline-pill{font-size:9px}.header-actions{gap:4px}.town-layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.guide-card{padding:18px}.guide-card p{font-size:12px}.rail-network{grid-template-columns:220px 1fr;gap:12px 16px}.rail-network-heading h2{font-size:15px}.network-stop strong{font-size:11px}.mission-columns{gap:18px}.panel,.material{padding:21px}.welcome h1{font-size:29px}}@media(max-width:980px){.desktop-nav{display:none}.header-actions{margin-left:auto}.app-header{min-height:82px;padding:calc(13px + env(safe-area-inset-top)) 24px 13px}.brand strong{font-size:21px}.header-actions .icon-button{display:grid}.offline-pill{font-size:10px}main{padding:26px 24px 30px;margin:0 auto}.welcome h1{font-size:30px}.welcome p{font-size:13px}.town-layout{grid-template-columns:1fr;gap:20px}.town-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}.guide-card{display:block;padding:20px}.guide-top{margin-bottom:12px}.guide-top>div{display:block}.guide-top svg{width:66px;height:76px}.guide-card p{font-size:13px}.progress-card{display:block;padding:21px}.progress-card .section-row{grid-column:auto}.progress-total{margin:15px 0}.category-progress{display:grid;gap:10px;border:0;padding:0;margin-top:20px}.category-progress>div{font-size:12px}.category-progress span{font-size:12px}.category-progress strong{font-size:13px}.category-progress small{font-size:11px}.category-progress svg{width:16px}.rail-network{grid-template-columns:1fr;gap:14px;padding:16px 20px}.rail-network-heading{flex-wrap:nowrap}.line-status{margin-left:auto}.network-progress{grid-template-columns:auto 1fr;gap:10px 18px}.network-progress small{grid-column:1/-1}.network-stops{margin:0 -8px}.network-stop{min-height:88px}.network-stop strong{font-size:13px}.network-stop small{font-size:10px}.map-caption .map-hint{display:inline}.mission-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.mission-card{padding:18px 16px;min-height:210px}.mission-card h3{font-size:16px}.mission-reward{font-size:11px}.card-bottom{font-size:10px}.learning-note p{font-size:11px}.next-mission{padding:21px;gap:16px}.next-mission h2{font-size:18px}.next-mission .primary{font-size:13px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#f9fcfff5;border-top:1px solid #c8dce9;z-index:20;padding:8px 20px calc(8px + env(safe-area-inset-bottom));backdrop-filter:blur(12px);justify-content:space-around}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;color:#678a9f;min-height:50px;min-width:90px;border-radius:8px}.mobile-nav button[aria-current=page]{color:#087fae;background:#e0f1fa}.app-footer{margin:0 24px 100px;padding:22px 0 28px;flex-wrap:wrap;font-size:10px}.mission-heading h1{font-size:29px}.mission-seal{display:grid}.source-text{font-size:15px}th,td{font-size:13px;padding:12px 8px;min-width:58px}thead th{font-size:12px}.prompt{font-size:16px}.choice{font-size:15px;padding:12px}.choice.selected{padding:11px}.answer-panel h2{font-size:19px}.material h3{font-size:14px}.mission-columns{gap:18px}.material,.answer-panel{padding:20px}.settings-columns{grid-template-columns:1fr}.howto-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.app-header{min-height:78px;padding:calc(12px + env(safe-area-inset-top)) 20px 12px}.brand strong{font-size:19px}.brand-icon{width:40px;height:42px}.brand small{font-size:8px;letter-spacing:.05em}.offline-pill{font-size:8px}.header-actions .icon-button{display:none}main{padding:25px 20px 28px}.welcome{gap:12px}.welcome .eyebrow{font-size:9px;letter-spacing:.05em}.welcome h1{font-size:25px}.welcome p{font-size:12px}.level-badge{min-width:80px;padding:9px;gap:7px;flex-direction:column;text-align:center}.level-badge span{font-size:8px}.level-badge strong{font-size:10px}.level-badge svg{width:20px}.rail-network{padding:14px 12px;margin-bottom:18px;gap:12px}.rail-network-heading{gap:9px}.rail-line-symbol{width:35px;height:35px;font-size:21px}.rail-network-heading h2{font-size:14px}.rail-network-heading .eyebrow{font-size:8px}.line-status{font-size:9px;padding:3px 6px}.network-stops{margin:0 -4px}.network-stop{min-height:83px;padding:2px}.network-stop strong{font-size:10px;line-height:1.7}.network-stop small{font-size:8px}.stop-number{width:26px;height:26px;font-size:9px}.network-progress{font-size:9px;gap:8px 12px}.network-progress strong{font-size:12px}.network-progress small{font-size:9px;line-height:1.8}.town-sidebar{display:flex;flex-direction:column;gap:16px}.guide-card{display:flex;gap:14px;padding:15px 18px}.guide-top{margin:0;flex-shrink:0}.guide-top>div{display:none}.guide-top svg{width:51px;height:59px}.guide-card p{font-size:12px}.progress-card{padding:17px 19px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.progress-card .section-row{grid-column:1/-1}.progress-card h2{font-size:12px}.progress-total{margin:0}.progress-total>strong{font-size:28px}.progress-total>span{font-size:10px}.category-progress{display:flex;grid-column:1/-1;justify-content:space-between;border-top:1px solid #dbe5ed;padding-top:13px;margin-top:0;gap:12px}.category-progress>div{gap:9px}.category-progress span{font-size:10px}.category-progress strong{font-size:11px}.category-progress small{font-size:10px}.map-toolbar{font-size:11px;padding:13px 15px}.map-toolbar>span{font-size:10px}.map-caption{padding:12px 15px;font-size:9px;gap:15px}.map-caption .map-hint{display:none}.scene-status{left:10px;top:9px;gap:6px;padding:4px 7px;font-size:8px}.scene-status strong{font-size:8px}.scene-status>span:last-child{font-size:8px}.train-motion-control{font-size:10px;padding:7px 10px;bottom:9px;right:10px;min-height:44px}.next-mission{flex-wrap:wrap;padding:18px;gap:12px}.next-mission>div:nth-child(2){flex:1;min-width:0}.next-mission h2{font-size:16px}.next-mission p{font-size:11px}.next-mission .primary{width:100%;margin-top:5px}.next-icon{width:42px;height:42px}.mission-grid{grid-template-columns:1fr;gap:13px}.mission-card{min-height:172px;padding:18px 20px}.mission-card h3{font-size:17px}.mission-reward{font-size:12px}.card-bottom,.learning-note p{font-size:11px}.app-footer{margin:0 20px 100px;font-size:9px}.app-footer small{font-size:9px}.mobile-nav{padding:7px 12px calc(7px + env(safe-area-inset-bottom))}.mobile-nav button{min-width:64px;font-size:10px;min-height:48px}.page-heading h1{font-size:26px}.page-heading p{font-size:13px}.filter-tabs button{font-size:12px;padding:9px 12px}.stat-grid strong{font-size:24px}.stat-grid span{font-size:11px}.stat-grid small{font-size:9px}.stat-grid .panel{padding:15px 11px}.skill-row{grid-template-columns:115px 1fr 37px;font-size:11px}.history-list strong{font-size:12px}.history-list small{font-size:9px}.mission-heading h1{font-size:25px;text-wrap:balance}.mission-heading .eyebrow,.mission-heading .meta{font-size:10px}.mission-seal{display:none}.steps{font-size:10px;gap:9px}.steps i{width:14px}.resident-message{padding:16px;gap:10px}.resident-message strong{font-size:11px}.resident-message p{font-size:13px}.mission-columns{grid-template-columns:1fr;gap:22px}.material{padding:19px 16px}.material h3{font-size:13px}.material-number{font-size:10px}.source-text{font-size:14px}th,td{font-size:12px;padding:11px 7px;min-width:50px}thead th{font-size:10px}.answer-panel h2{font-size:19px}.prompt{font-size:15px}.choice{font-size:14px}.hint-panel p{font-size:13px}.model{font-size:14px}.self-panel>p,.rubric{font-size:13px}.result-panel>p{font-size:14px}.mission-page .fineprint{font-size:10px}.howto-cards{grid-template-columns:1fr}.settings-columns p{font-size:13px}.settings-columns .fineprint{font-size:11px}.settings-columns h2{font-size:18px}.about-panel>p{font-size:13px}}@media(max-width:365px){main{padding-left:15px;padding-right:15px}.app-header{padding-left:15px;padding-right:15px}.brand strong{font-size:17px}.brand small{font-size:7px}.welcome h1{font-size:22px}.welcome .eyebrow{font-size:8px}.welcome p{font-size:11px}.rail-network-heading h2{font-size:12px}.network-stop strong{font-size:9px}.network-stop small{font-size:7px}.filter-tabs button{padding-left:8px;padding-right:8px;font-size:11px}.scene-status>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.welcome>div:first-child{min-width:0}.level-badge strong{white-space:nowrap}@media(min-width:761px)and (max-width:980px){.welcome .mobile-break{display:initial}.welcome h1{font-size:28px}.level-badge{flex-shrink:0;min-width:198px;padding:12px 15px}}.town-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:22px;align-items:start}.town-main{min-width:0}.town-main>.rail-network{margin-bottom:18px}.town-sidebar>.next-mission{margin:0;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:18px}.town-sidebar>.next-mission>.next-icon{display:none}.town-sidebar>.next-mission>div:nth-child(2){flex:initial}.town-sidebar>.next-mission h2{font-size:17px}.town-sidebar>.next-mission .primary{width:100%;margin:0}.guide-top .mamo{flex-shrink:0;width:82px;height:96px}.guide-top h2{font-size:25px}@keyframes mamo-wave{0%,60%,to{rotate:0deg}70%,90%{rotate:-7deg}80%{rotate:5deg}}.mamo-paw{transform-box:fill-box;transform-origin:25% 85%;animation:mamo-wave 5s ease-in-out infinite}@media(min-width:981px)and (orientation:landscape){.app-header{min-height:64px;padding:calc(8px + env(safe-area-inset-top)) 24px 8px;gap:22px}.brand{min-height:44px}.brand-icon{width:40px;height:40px}.brand strong{font-size:20px}.brand small{font-size:9px;margin-top:2px}.desktop-nav,.desktop-nav button{min-height:44px}.desktop-nav button{font-size:13px}.app-header .icon-button{height:44px}main{padding:16px 24px 28px}.welcome{margin-bottom:12px;gap:18px}.welcome .eyebrow{font-size:10px;line-height:1.6}.welcome h1{font-size:24px;line-height:1.45;margin:3px 0 4px}.welcome p{font-size:12px;line-height:1.65}.level-badge{padding:8px 12px;min-width:166px;gap:10px}.level-badge>svg{width:20px;height:20px}.level-badge span{font-size:9px}.level-badge strong{font-size:13px}.town-dashboard{grid-template-columns:minmax(0,1fr) 280px;gap:18px;height:calc(100dvh - 182px - env(safe-area-inset-top));max-height:780px;min-height:0;align-items:stretch}.town-main{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px}.town-main>.rail-network{margin:0;grid-template-columns:185px minmax(0,1fr);padding:10px 14px 9px;gap:7px 14px;border-top-width:3px}.rail-network-heading{gap:9px}.rail-line-symbol{width:35px;height:35px;font-size:22px}.rail-network-heading h2{font-size:13px;white-space:nowrap}.rail-network-heading .eyebrow{font-size:8px}.rail-network-heading .line-status{display:none}.network-stop{min-height:58px;padding:0 2px;gap:1px}.stop-track{margin:0 0 2px}.stop-number{width:24px;height:24px;font-size:9px;border-width:2px}.network-stop strong{font-size:10px;white-space:nowrap}.network-stop small{font-size:8px}.network-progress{grid-template-columns:auto 95px 1fr;gap:12px;padding-top:6px;font-size:9px}.network-progress strong{font-size:12px}.network-progress small{font-size:9px}.town-main>.map-panel{height:100%;min-height:0;display:grid;grid-template-rows:40px minmax(0,1fr) 28px;align-self:stretch}.map-toolbar{padding:8px 14px;font-size:12px}.map-toolbar>span{font-size:10px}.map-caption{padding:4px 14px;min-height:0;height:28px;font-size:9px;line-height:18px;gap:15px}.map-caption .map-hint{font-size:9px}.railway-scene{min-height:0}.town-map{width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto}.scene-status{top:10px;left:12px}.train-motion-control{bottom:9px;right:10px;min-height:44px}.town-dashboard>.town-sidebar{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr);gap:12px;min-height:0;height:100%}.guide-card{padding:11px 14px}.guide-top{gap:12px;margin-bottom:5px}.guide-top .mamo{width:55px;height:64px}.guide-top .eyebrow{font-size:9px}.guide-top h2{font-size:24px;line-height:1.35;margin:3px 0}.guide-top .speech-dot{display:none}.guide-card p{font-size:12px;line-height:1.75;margin:0}.progress-card{padding:11px 14px;min-height:0}.progress-card h2{font-size:12px}.progress-card .section-row>svg{width:17px;height:17px}.progress-total{margin:5px 0 8px;gap:12px}.progress-total>strong{font-size:29px;line-height:1.25}.progress-total strong small{font-size:13px}.progress-total>span{font-size:10px}.progress-card progress{height:6px}.category-progress{display:flex;justify-content:space-between;gap:8px;margin-top:10px}.category-progress>div{gap:7px;font-size:10px}.category-progress span{gap:4px;font-size:10px}.category-progress svg{width:14px;height:14px}.category-progress strong{font-size:11px}.category-progress small{font-size:10px}.town-sidebar>.next-mission{padding:13px 14px;gap:9px;justify-content:center;min-height:0;border-left-width:4px}.town-sidebar>.next-mission .eyebrow{font-size:9px}.town-sidebar>.next-mission h2{font-size:16px;line-height:1.5;margin:5px 0 0}.town-sidebar>.next-mission p{display:none}.town-sidebar>.next-mission .primary{min-height:48px;font-size:13px;padding:9px 10px}}@media(max-width:980px){.town-dashboard{grid-template-columns:1fr;gap:20px}.town-main>.rail-network{margin-bottom:20px}.town-sidebar>.next-mission{grid-column:1/-1;flex-direction:row;align-items:center}.town-sidebar>.next-mission>div:nth-child(2){flex:1}.town-sidebar>.next-mission .primary{width:auto;white-space:nowrap}.guide-top .mamo{width:76px;height:88px}}@media(max-width:760px){.town-dashboard{gap:16px}.town-sidebar>.next-mission{flex-direction:column;align-items:stretch}.town-sidebar>.next-mission .primary{width:100%}.guide-top .mamo{width:56px;height:66px}.guide-top>div{display:block}.guide-top .eyebrow{font-size:8px}.guide-top h2{font-size:21px}.guide-top .speech-dot{display:none}.guide-card{display:block}.guide-top{margin-bottom:8px}.guide-card p{font-size:12px}}@media(prefers-reduced-motion:reduce){.mamo-paw{animation:none!important}}@media(min-width:981px)and (orientation:landscape){.guide-top .mamo{width:68px;height:80px}}@media(min-width:981px)and (min-height:740px)and (orientation:landscape){.town-sidebar>.next-mission p{display:block;font-size:12px;line-height:1.85;margin:8px 0 0}}:root{--green:#087dc1;--ink:#173b64;--muted:#496e8b;--line:#b9dced;--orange:#ffbc37;color:var(--ink);background:#e6f8ff}body{background-color:#e6f8ff;background-image:radial-gradient(#8ccde459 1.4px,transparent 1.4px);background-size:22px 22px}button,input,textarea{font:inherit}button{font-weight:750}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #9134c8;outline-offset:4px}.app-header{background:linear-gradient(110deg,#0958aa,#087bc6 58%,#008bcb);border-bottom:4px solid #ffd153;box-shadow:0 3px #0568a225}.brand-icon{background:#fff;border:2px solid #153d71;border-radius:13px;color:#087ec2;box-shadow:0 3px #084c81;rotate:-4deg}.brand strong{font-weight:950;letter-spacing:.1em;text-shadow:0 2px #064a85}.brand small{color:#e1f8ff;letter-spacing:.03em}.desktop-nav{gap:12px}.desktop-nav button{border:0;border-radius:12px;padding:7px 13px;color:#e1f4ff;font-weight:800}.desktop-nav button:hover{background:#ffffff21}.desktop-nav .active{background:#fff;color:#085ca5;box-shadow:0 3px #004a8f}.offline-pill,.offline-pill.ready{color:#fff}.offline-pill.ready>span{background:#aff175;box-shadow:0 0 0 3px #b8ff9b24}.icon-button{border-radius:12px;color:#fff}.icon-button:hover,.icon-button.active{background:#ffffff24}.welcome .eyebrow{display:inline-flex;align-items:center;gap:6px;font-weight:850;letter-spacing:.07em;color:#1769a0}.welcome .eyebrow:before{content:"★";display:inline-grid;place-items:center;background:#ffd55d;color:#875109;width:20px;height:20px;border-radius:6px;rotate:-8deg}.welcome h1{font-weight:950;color:#153f6e;letter-spacing:.025em}.hero-call{color:#bd4d13;margin-right:.3em}.welcome p{color:#426b88;font-weight:600}.level-badge{border:2px solid #e7af35;background:#fff2ae;border-radius:15px;box-shadow:0 4px #e8c975;rotate:2deg;color:#9b610f}.level-badge span{color:#805e21;font-weight:750}.level-badge strong{color:#72501d;font-weight:900}.primary{position:relative;background:#ffbd35;border:2px solid #bc7514;border-bottom-width:3px;color:#40340c;border-radius:14px;box-shadow:0 4px #d58d18;font-weight:900;transition:transform .12s,box-shadow .12s,background .12s}.primary:hover,button.primary:hover{background:#ffcf5d;transform:translateY(-2px);box-shadow:0 6px #d58d18}.primary:active{transform:translateY(3px);box-shadow:0 1px #d58d18}.primary:disabled{transform:none;box-shadow:none;background:#e5eaf0;color:#587083;border-color:#b5c4cf;opacity:1}.secondary{border:2px solid #92c9e7;border-radius:13px;color:#135b91;background:#f0fbff;box-shadow:0 3px #c1e3f2}.text-button{color:#096aa7;font-weight:800}.panel,.material{border:2px solid #b9dced;border-radius:18px;background:#fff;box-shadow:0 4px #cce7f3}.rail-network{border:2px solid #80c8eb;border-top:5px solid #159fe0;border-radius:18px;background:#fff;box-shadow:0 4px #b4def3}.rail-line-symbol{border:2px solid #075c94;background:#1aa5de;color:#fff;border-radius:11px;box-shadow:0 3px #0b79b2;font-weight:950}.rail-network-heading h2{font-weight:900;color:#145382}.rail-network-heading .eyebrow{color:#3f6f90;font-weight:800}.stop-track:before{height:5px;background:#bfe0ef}.stop-number{background:#fff5c6;border-color:#dcad30;color:#704b15;font-weight:900}.network-stop{border-radius:12px}.network-stop:hover{background:#e4f7ff}.network-stop strong{font-weight:850;color:#1a527d}.network-stop small{color:#426e8d}.connected .stop-number{background:#a5e75b;border-color:#398135;color:#244d23}.connected .stop-track:before{background:#67bb5a}.connected small{color:#287139}.network-progress{border-color:#d1e8f3;color:#3d6887}.network-progress strong{color:#086aa4}progress{border-radius:20px}progress::-webkit-progress-bar{background:#dcedf5;border-radius:20px}progress::-webkit-progress-value{background:linear-gradient(90deg,#10a3d7,#42c788);border-radius:20px}progress::-moz-progress-bar{background:#1aaeaa;border-radius:20px}.line-status{background:#fff1b8;border:1px solid #d7a732;color:#7f551b;font-weight:800}.line-status.open{background:#d8f7ae;border-color:#8bc765;color:#315f26}.map-panel{border:3px solid #178bc5;border-radius:21px;box-shadow:0 6px #a9d8ec}.map-toolbar{background:#0b78bb;border-color:#07649e;color:#fff;font-weight:850}.map-toolbar>div{display:flex;align-items:center;gap:7px}.map-toolbar>span{color:#e3f7ff;white-space:nowrap}.map-toolbar strong{color:#ffe16b;font-weight:950}.live-dot{background:#b8f778;box-shadow:0 0 0 3px #ffffff1c;margin-right:2px}.map-live-badge{display:inline-flex;padding:2px 7px;border-radius:6px;background:#fff0a5;color:#775114;font-size:9px;font-weight:850}.railway-scene{background:#b9edff}.scene-status{background:#fffe;border:2px solid #7cc9e8;border-radius:10px;color:#1a5b85;box-shadow:0 2px #2c87b320}.scene-status strong{font-weight:850}.signal-light.go{background:#23b76d}.train-motion-control{background:#fff9df;border:2px solid #e5b64d;border-radius:12px;box-shadow:0 3px #d4b05d;color:#725116;font-weight:850}.train-motion-control:hover{background:#fff0b2}.train-motion-control:disabled{opacity:1;background:#f1f7fa;color:#46687f;border-color:#bed7e5;box-shadow:none}.map-caption{background:#f4fcff;color:#385f80}.legend-built{background:#1eae87}.legend-empty{background:#fff1a4;border-color:#e6ab27}.guide-card{position:relative;background:#fff3b7;border:2px solid #efc65a;border-radius:20px;box-shadow:0 4px #e4ca7c}.guide-top .eyebrow{display:inline-block;background:#fffdf1;border-radius:6px;padding:2px 7px;color:#835824;font-weight:800}.guide-top h2{color:#704321;font-weight:950}.speech-dot{color:#865b1a;font-weight:800}.guide-card p{color:#674e2b;font-weight:600}.mamo{filter:drop-shadow(0 3px 0 #b993402b)}.progress-card{border-color:#95d3ea;background:#fff}.progress-card h2{color:#22567b;font-weight:850}.section-row>svg{color:#ed9f0a}.progress-total>strong{color:#087bb6;font-weight:950}.progress-total>span{color:#47718c}.category-progress>div{padding:3px 5px;border-radius:7px;background:#eff8fc}.category-progress span{color:#335f7c}.category-progress strong{color:#16567e}.town-sidebar>.next-mission{background:linear-gradient(140deg,#147fd2,#1454a4);border:2px solid #084e94;border-top:6px solid #ffd056;border-radius:20px;box-shadow:0 4px #acd2ed}.next-mission .eyebrow{color:#fff0a4;font-weight:850}.next-mission h2{color:#fff;font-weight:900}.next-mission p{color:#edf9ff}.next-mission .primary{background:#ffc744;color:#3f350f;border-color:#b97b19;border-radius:13px;box-shadow:0 4px #064887}.next-mission .primary:hover{background:#ffda77}.section-heading .eyebrow{color:#197cb0;font-weight:850}.section-heading h2{font-weight:950;color:#194b78}.mission-card{position:relative;border:2px solid #8dcfea;border-bottom-width:4px;border-radius:20px;box-shadow:0 4px #c5e4f0;padding:16px;min-height:280px;overflow:hidden;transition:transform .15s,box-shadow .15s}.mission-card:hover{transform:translateY(-4px);border-color:#149edc;box-shadow:0 8px #b7dcec}.mission-safety{border-color:#f0b68c;box-shadow:0 4px #f1d9b9}.mission-safety:hover{border-color:#ed8b52;box-shadow:0 8px #efcba9}.mission-eco{border-color:#9ace9c;box-shadow:0 4px #cae5be}.mission-eco:hover{border-color:#55ac70;box-shadow:0 8px #bbddbc}.mission-art{margin:0 0 12px;line-height:0}.mission-art svg{width:100%;height:auto;max-height:105px;display:block}.mission-card h3{font-size:18px;font-weight:900;line-height:1.65;color:#1d4b73;margin:10px 0 4px}.mission-reward{color:#426b86;font-weight:650}.card-bottom{color:#375f80}.card-bottom>svg{background:#e4f5ff;border-radius:50%;width:30px;height:30px;padding:6px;color:#087dc1}.category-tag{font-weight:850;border-radius:7px}.category-tag.traffic,.mission-seal.traffic{background:#d9f4ff;color:#065d94}.category-tag.safety,.mission-seal.safety{background:#ffead0;color:#9c4b18}.category-tag.eco,.mission-seal.eco{background:#dff5ca;color:#2d6b33}.mission-status{color:#4a6e88;font-weight:750}.mission-status.done{background:#e5f8d4;padding:4px 7px;border-radius:7px;color:#336c27}.mission-status.review{background:#fff1c8;color:#8c5815;padding:4px 7px;border-radius:7px}.learning-note{background:#ffffffa8;border:1px solid #b9dfef;border-radius:16px;padding:15px;color:#3f718d}.learning-note strong{color:#1e628d}.app-footer{border-color:#add4e8;color:#486e89}.page-heading h1{font-weight:950;color:#194d7a}.page-heading p{color:#426d88}.page-heading .eyebrow{color:#197cb0;font-weight:850}.filter-tabs button{border:2px solid #a6d4e9;border-radius:13px;color:#235c82;box-shadow:0 3px #d1e8f3;font-weight:850}.filter-tabs button[aria-pressed=true]{background:#0d83c4;border-color:#086ba6;color:#fff;box-shadow:0 3px #0c5b91}.stat-grid .panel{border-top:5px solid #25a6df}.stat-grid .panel:nth-child(2){border-top-color:#ffb847}.stat-grid .panel:nth-child(3){border-top-color:#62c98c}.stat-grid strong{font-weight:950}.mission-heading h1{font-weight:950;color:#184d77}.mission-heading .eyebrow{color:#116f9f;font-weight:850}.mission-seal{border:2px solid currentColor;rotate:5deg;box-shadow:3px 4px #234d6a13}.steps{background:#fff;border:2px solid #a7d7ec;border-radius:14px;color:#466c86;box-shadow:0 3px #d1eaf5}.steps .active{color:#066a9d;font-weight:850}.steps i{background:#a5d9ee}.resident-message{background:#f2fcff;border:2px solid #a8dff1;border-left:6px solid #20a7da;border-radius:16px}.resident-message strong{color:#13648e;font-weight:850}.resident-message p{color:#3c6382}.material{box-shadow:0 4px #d2e9f3}.material h3{font-weight:850;color:#1d567f}.material-number{background:#087fb9;color:#fff;border-radius:7px;font-weight:850}thead th{background:#e6f6ff;color:#21516e}td,th{border-color:#c9e2ef}.source-text{color:#26465e}.answer-panel{border:2px solid #68bde5;border-top:6px solid #169ad7}.answer-panel .eyebrow{color:#0b75a3;font-weight:850}.answer-panel h2{font-weight:900;color:#155887}.prompt{color:#234b6c}.choice{border:2px solid #b4d7e9;border-radius:14px;background:#fcfeff;box-shadow:0 2px #e2eff6}.choice.selected{border:2px solid #078bcc;background:#e4f7ff;padding:12px;box-shadow:0 3px #abd9ef}.option-letter{background:#ecf6fb;border-radius:8px;display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;color:#376b8e;font-weight:900}.selected .option-letter{background:#078bcc;color:#fff}.number-field input,textarea{border:2px solid #9acde5;border-radius:12px;background:#fcfeff;color:#224963}.number-field input:focus,textarea:focus{border-color:#118fc8}.hint-panel{border:2px solid #edca64;border-radius:16px;background:#fff8d8;box-shadow:0 3px #eddfa3}.hint-panel h3{color:#835a15;font-weight:850}.hint-panel .text-button{color:#815418}.result-panel{position:relative;overflow:hidden;border:3px solid #67bd7b;border-top-width:8px;background:#fbfff7}.result-panel.success:after{content:"★";position:absolute;right:18px;top:14px;font-size:65px;color:#ffca36;rotate:13deg;opacity:.55;pointer-events:none}.result-panel.retry{border-color:#e8b350;background:#fffdf4}.result-panel h2{font-weight:950}.result-icon{background:#ffe792;color:#96520a;border:3px solid #efc04b;box-shadow:0 4px #efdaa0}.reward-label{color:#246935;font-weight:850}.model{background:#eefaff;border-left:4px solid #58b7df}.self-panel .tag{background:#dff3ff;color:#12648f}.rubric input{accent-color:#0b8fc8}.howto-cards span{color:#0b89bd;font-weight:950}.note-box{background:#eaf8ff;color:#3c6583}.toast{background:#ebffdc;border:2px solid #abd47e;color:#3d672a}.fineprint{color:#536f82}.mobile-nav{background:#fffef6f5;border-top:3px solid #63bfe7;box-shadow:0 -3px 16px #2b79a31c}.mobile-nav button{color:#466c88;font-weight:850;border-radius:13px}.mobile-nav button[aria-current=page]{color:#075f96;background:#e1f5ff;box-shadow:inset 0 -3px #7dcaed}@media(min-width:981px)and (orientation:landscape){.app-header{min-height:64px;padding-top:6px;padding-bottom:6px}.brand small{font-size:8px}.desktop-nav button{padding:6px 12px}.welcome h1{font-size:25px;line-height:1.4}.welcome p{font-size:12px}.welcome .eyebrow:before{width:17px;height:17px}.welcome{margin-bottom:11px}.town-dashboard{height:calc(100dvh - 187px - env(safe-area-inset-top))}.town-main>.rail-network{padding:9px 12px 8px;border-top-width:4px;gap:6px 12px}.rail-network-heading h2{font-size:13px}.town-main>.map-panel{grid-template-rows:40px minmax(0,1fr) 28px}.map-toolbar{font-size:12px}.guide-card{padding:10px 13px}.guide-top .mamo{width:68px;height:80px}.guide-top h2{font-size:26px}.guide-top .eyebrow{font-size:8px}.guide-card p{font-size:12px;line-height:1.7}.progress-card{padding:10px 13px}.category-progress{margin-top:8px}.category-progress>div{padding:3px 4px;gap:4px}.category-progress span{gap:3px}.town-sidebar>.next-mission{padding:12px 13px;gap:10px}.town-sidebar>.next-mission h2{font-size:17px;line-height:1.5}.town-sidebar>.next-mission .primary{min-height:48px;font-size:13px;padding:9px 8px}}@media(min-width:981px)and (max-height:700px)and (orientation:landscape){.guide-top .mamo{width:58px;height:68px}.guide-top{margin-bottom:3px}.guide-card p{font-size:11px;line-height:1.65}.guide-top h2{font-size:23px}.guide-card{padding:8px 11px}.progress-card{padding:9px 11px}.progress-total{margin:4px 0 6px}.progress-total>strong{font-size:27px}.category-progress{margin-top:6px}.town-sidebar>.next-mission h2{font-size:16px}}@media(max-width:980px){.welcome h1{font-size:29px}.mission-card{min-height:270px;padding:14px}.mission-card h3{font-size:16px}.level-badge{min-width:180px}.map-live-badge{font-size:9px}.town-sidebar{gap:18px}.town-sidebar>.next-mission{padding:20px}.guide-card,.progress-card{padding:18px}}@media(max-width:760px){.brand small{font-size:7px}.brand strong{font-size:19px}.app-header{padding-left:16px;padding-right:16px;gap:8px}.brand-icon{width:38px;height:40px}.welcome h1{font-size:24px;line-height:1.55}.hero-call{display:inline-block}.welcome p{font-size:12px}.welcome .eyebrow{font-size:9px;letter-spacing:.015em}.welcome .eyebrow:before{width:17px;height:17px}.level-badge{min-width:80px;padding:9px 6px;border-radius:12px}.level-badge span{font-size:8px}.level-badge strong{font-size:10px}.map-toolbar>div{gap:5px}.map-live-badge{display:none}.map-panel{border-radius:17px}.scene-status{padding:3px 5px;font-size:8px}.train-motion-control{font-size:10px}.guide-card{padding:13px 16px}.guide-top .mamo{width:64px;height:74px}.guide-top h2{font-size:23px}.guide-top .eyebrow{font-size:8px}.guide-card p{font-size:12px}.progress-card{padding:15px 16px}.category-progress{border-color:#d3eaf5;padding-top:10px;gap:5px}.category-progress>div{padding:4px;gap:5px}.town-sidebar>.next-mission{padding:17px}.town-sidebar>.next-mission h2{font-size:18px}.town-sidebar>.next-mission .primary{min-height:52px;font-size:14px}.mission-card{padding:15px;min-height:0}.mission-art svg{max-height:none}.mission-card h3{font-size:18px}.mission-art{margin-bottom:12px}.primary,.secondary{font-size:14px}.mission-heading h1{font-size:25px}.choice{font-size:14px;padding:12px}.choice.selected{padding:12px}.option-letter{width:25px;height:25px}.learning-note{padding:13px}.filter-tabs{gap:6px}.filter-tabs button{padding:9px 10px;font-size:12px}.stat-grid .panel{padding:14px 10px}.stat-grid strong{font-size:24px}.map-caption{font-size:9px;gap:12px}}@media(max-width:365px){.brand strong{font-size:16px}.brand small{font-size:6px}.brand-icon{width:34px;height:37px}.welcome h1{font-size:21px}.welcome p{font-size:11px}.level-badge{min-width:72px}.welcome .eyebrow{font-size:8px}.offline-pill{font-size:7px}.category-progress>div{gap:3px}.category-progress span{font-size:9px}.category-progress svg{width:12px}.filter-tabs button{font-size:11px;padding-left:7px;padding-right:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.primary:hover,.primary:active,.mission-card:hover{transform:none}}.mission-topbar{min-width:0}.mission-topbar .mission-heading{min-width:0;margin:0}.mission-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:#416887;flex-wrap:wrap}.mission-materials-pane,.mission-materials-scroll{min-width:0}.mission-answer-scroll{display:grid;gap:14px;min-width:0}.mission-question-reminder,.submitted-answer{padding:12px 14px;background:#f3f9fd;border:1px solid #c2e1f0;border-radius:12px;margin:12px 0}.mission-question-reminder p,.submitted-answer p{margin:6px 0 0;font-size:14px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.submitted-answer h3{font-size:14px;color:#255c7c}.mission-action-dock{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;padding:6px;background:#fffef6;border:1px solid #b4d6e7;border-radius:14px;box-shadow:0 2px #bfdde9}.mission-action-dock>.primary{flex:1;min-width:0;min-height:48px;font-size:14px;line-height:1.5}.mission-action-dock .dock-hint{min-width:82px;min-height:48px;justify-content:center;padding:6px 8px;gap:6px;font-size:13px}.mission-action-dock>.text-button.full{flex:0 1 auto;width:auto;max-width:120px;font-size:12px;line-height:1.5;min-height:48px;padding:6px 8px}.mission-action-dock .error{width:100%;margin:0;flex-basis:100%}.hint-dialog{width:min(520px,calc(100vw - 32px));max-height:80dvh;padding:0;border:2px solid #dfb74f;border-radius:20px;color:#654c22;background:#fff9dd;box-shadow:0 14px 50px #173b6438}.hint-dialog::backdrop{background:#113d6480}.hint-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #e7cf88;background:#fff0b1}.hint-dialog-heading h2{display:flex;align-items:center;gap:8px;font-size:18px}.hint-dialog-heading .icon-button{color:#71551c;min-height:44px;min-width:44px;font-size:28px;border-radius:10px;background:#fff9e8}.hint-dialog-heading .icon-button:hover{background:#fff;color:#573b0d}.hint-dialog .hint-panel{border:0;box-shadow:none;background:none;margin:0;padding:16px 20px;max-height:calc(80dvh - 72px);overflow:auto}.hint-dialog .section-row{font-size:13px}.hint-dialog .section-row>span{color:#795e2b;font-size:12px}.hint-dialog .section-row>strong{white-space:nowrap}.hint-dialog .hint-panel p{font-size:15px;line-height:1.9}.hint-dialog .text-button{min-height:44px}@media(min-width:700px){.app-shell.mission-mode{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.mission-mode #main{flex:1 1 0;min-height:0;width:100%;max-width:1600px;padding:calc(8px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));margin:0 auto;overflow:hidden}.mission-mode .mission-page{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px}.mission-topbar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}.mission-topbar .back-button{margin:0;padding:6px 12px;min-height:44px;align-self:center;font-size:13px;background:#fff;border:1px solid #a5d4e8;border-radius:12px}.mission-topbar .mission-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.mission-heading h1{font-size:22px;line-height:1.35;margin:0;min-width:0}.mission-meta{flex-shrink:0;flex-wrap:nowrap;font-size:11px;white-space:nowrap}.mission-meta .category-tag{font-size:10px}.mission-mode .mission-columns{height:100%;min-height:0;display:grid;align-items:stretch;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:14px}.mission-materials-pane,.mission-mode .answer-column{min-height:0;min-width:0;display:grid;gap:0;align-content:stretch}.mission-materials-pane{grid-template-rows:minmax(0,1fr)}.mission-mode .answer-column{grid-template-rows:minmax(0,1fr) auto}.mission-materials-scroll,.mission-answer-scroll{overflow-y:auto;overflow-x:hidden;min-height:0;min-width:0;padding:2px 4px 5px;scrollbar-gutter:stable;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom;scroll-padding:10px}.mission-answer-scroll{display:block}.mission-answer-scroll>.panel{margin:0}.mission-mode .resident-message{display:block;padding:3px 3px 9px;margin-bottom:8px;background:none;border:0;border-radius:0}.mission-mode .resident-message>svg{display:none}.mission-mode .resident-message strong{font-size:11px;color:#3f6b87}.mission-mode .resident-message p{font-size:14px;line-height:1.75;margin:3px 0 0;color:#294f6d}.mission-mode .materials{gap:12px}.mission-mode .material{padding:13px 14px}.mission-mode .material h3{font-size:14px;margin-bottom:10px}.mission-mode .source-text{font-size:15px;line-height:1.85;margin-bottom:0}.mission-mode th,.mission-mode td{font-size:13px;padding:8px;min-width:46px}.mission-mode thead th{font-size:12px}.mission-mode .answer-panel{padding:14px;border-top-width:4px}.mission-mode .prompt{font-size:16px;line-height:1.85;margin:0 0 14px}.mission-mode .choice,.mission-mode .choice.selected{font-size:15px;line-height:1.6;min-height:50px;padding:8px 12px;gap:10px}.mission-mode .choices{gap:8px}.mission-mode textarea{font-size:16px;min-height:160px;line-height:1.85}.mission-mode .number-field input{font-size:18px}.mission-mode .self-panel,.mission-mode .result-panel{padding:16px 14px}.mission-mode .self-panel h2,.mission-mode .result-panel h2{font-size:20px}.mission-mode .model,.mission-mode .result-panel>p{font-size:15px;line-height:1.85}.mission-mode .rubric{min-height:50px;font-size:14px;padding:9px 0}.mission-mode .fineprint{font-size:11px}.mission-action-dock{margin:6px 0 3px}.mission-action-dock .primary:hover{transform:none}}@media(min-width:700px)and (max-width:980px){.mission-mode #main{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.mission-topbar{gap:10px}.mission-topbar .back-button{font-size:12px;padding:6px 10px}.mission-heading h1{font-size:21px}.mission-meta{font-size:10px;gap:6px}.mission-meta .category-tag{font-size:10px;padding:3px 6px}.mission-mode .mission-columns{gap:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mission-mode .material{padding:12px 11px}.mission-mode th,.mission-mode td{font-size:12px;padding:8px 6px;min-width:43px}.mission-mode thead th{font-size:11px}.mission-mode .answer-panel{padding:13px 11px}.mission-mode .prompt{font-size:15px}.mission-mode .choice,.mission-mode .choice.selected{font-size:14px;padding:8px 10px;gap:8px}.mission-action-dock .dock-hint{min-width:68px;font-size:12px;padding:6px}.mission-action-dock>.primary{font-size:13px;padding:10px 8px;gap:7px}}@media(min-width:981px)and (max-height:700px){.mission-heading h1{font-size:21px}.mission-topbar{gap:12px}.mission-mode .prompt{font-size:15px;line-height:1.8}.mission-mode .choice,.mission-mode .choice.selected{min-height:48px}}@media(max-width:699px){.mission-topbar .back-button{margin:0 0 10px}.mission-topbar .mission-heading{margin-bottom:14px}.mission-heading h1{font-size:24px;margin:0 0 7px}.mission-answer-scroll{gap:12px}.mission-action-dock .dock-hint{min-width:68px}.mission-action-dock>.primary{font-size:13px;padding:10px 8px;gap:7px}}.toy-town{background:#7addf5;isolation:isolate}.toy-town .town-map{overflow:hidden}.toy-town .scene-status{border-color:#68c4ec;background:#fffff4f5}.toy-plot{cursor:pointer;outline:none}.toy-plot>g{transition:filter .15s}.toy-plot:hover>g,.toy-plot:focus-visible>g{filter:drop-shadow(0 -3px 0 #fff3a5) drop-shadow(0 2px 3px #13729366)}.toy-plot:focus-visible .toy-plot-hit{fill:#fff6b01a;stroke:#7934bd;stroke-width:4;stroke-dasharray:5 4}.toy-wheel{transform-box:fill-box;transform-origin:50% 50%;animation:toy-wheel-turn 32s linear infinite}.toy-boat{animation:toy-boat-float 3.4s ease-in-out infinite}@keyframes toy-wheel-turn{to{rotate:360deg}}@keyframes toy-boat-float{50%{translate:0 -3px}}@media(prefers-reduced-motion:reduce){.toy-wheel,.toy-boat{animation:none}.toy-plot>g{transition:none}}.toy-town .town-person,.toy-town .town-car{pointer-events:none}@media(min-width:700px){.app-shell.town-mode{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.town-mode>.app-header{flex:0 0 auto;height:auto;min-height:64px;padding:calc(6px + env(safe-area-inset-top)) 20px 6px;gap:18px}.town-mode .brand{min-height:44px}.town-mode .brand-icon{width:38px;height:40px}.town-mode .brand strong{font-size:20px}.town-mode .brand small{font-size:8px;letter-spacing:.025em}.town-mode .header-actions{gap:8px}.town-mode .app-header .icon-button{display:grid;width:44px;height:44px}.town-mode>.mobile-nav{position:static;flex:0 0 auto;left:auto;right:auto;bottom:auto;margin:0;width:100%;padding:6px 16px calc(6px + env(safe-area-inset-bottom))}.town-mode>.mobile-nav button{min-height:48px}.town-mode>.app-footer,.town-mode .town-requests-preview{display:none}.town-mode>main{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;max-width:none;width:100%;margin:0;padding:10px 18px 12px}.town-page{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;width:100%}.town-mode .welcome{flex:0 0 auto;gap:14px;margin:0;min-height:54px}.town-mode .welcome .eyebrow{font-size:9px;line-height:1.6}.town-mode .welcome .eyebrow:before{width:17px;height:17px}.town-mode .welcome h1{font-size:23px;line-height:1.4;margin:2px 0 0;letter-spacing:.02em}.town-mode .welcome .mobile-break,.town-mode .welcome p{display:none}.town-mode .level-badge{min-width:155px;padding:6px 10px;gap:8px;flex-shrink:0;flex-direction:row;text-align:left}.town-mode .level-badge>svg{width:20px;height:20px}.town-mode .level-badge span{font-size:9px}.town-mode .level-badge strong{font-size:12px}.town-mode .town-dashboard{display:grid;flex:1;min-height:0;height:auto;max-height:none;grid-template-columns:minmax(0,1fr) 260px;grid-template-rows:minmax(0,1fr);gap:12px;align-items:stretch}.town-mode .town-main{display:grid;min-height:0;height:auto;grid-template-rows:auto minmax(0,1fr);gap:8px}.town-mode .town-main>.rail-network{display:grid;min-width:0;margin:0;padding:7px 11px 6px;border-top-width:4px;grid-template-columns:175px minmax(0,1fr);gap:4px 9px}.town-mode .rail-network-heading{gap:8px;flex-wrap:nowrap}.town-mode .rail-network-heading .line-status{display:none}.town-mode .rail-network-heading .eyebrow{font-size:8px}.town-mode .rail-line-symbol{width:31px;height:33px;font-size:21px}.town-mode .rail-network-heading h2{font-size:12px;white-space:nowrap}.town-mode .network-stops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0}.town-mode .network-stop{min-width:0;min-height:54px;gap:1px;padding:0 2px}.town-mode .stop-track{margin:0}.town-mode .stop-number{width:22px;height:22px;font-size:9px;border-width:2px}.town-mode .network-stop strong{font-size:10px;white-space:nowrap}.town-mode .network-stop small{font-size:8px}.town-mode .network-progress{display:grid;grid-column:1/-1;grid-template-columns:auto minmax(65px,1fr) auto;gap:9px;padding-top:4px;font-size:9px}.town-mode .network-progress strong{font-size:11px}.town-mode .network-progress small{grid-column:auto;font-size:8px}.town-mode .network-progress svg{width:15px;height:15px}.town-mode .town-main>.map-panel{display:grid;align-self:stretch;min-height:0;height:100%;grid-template-rows:38px minmax(0,1fr) 26px}.town-mode .map-toolbar{padding:6px 11px;font-size:12px}.town-mode .map-toolbar>span{font-size:10px}.town-mode .map-toolbar strong{font-size:14px}.town-mode .railway-scene{min-height:0;height:100%}.town-mode .town-map{width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto}.town-mode .map-caption{min-height:0;height:26px;padding:3px 11px;font-size:9px;line-height:18px;gap:12px}.town-mode .map-caption .map-hint{font-size:9px}.town-mode .scene-status{top:9px;left:10px;padding:4px 7px}.town-mode .train-motion-control{bottom:9px;right:10px;min-height:44px}.town-mode .town-sidebar{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr);gap:10px;min-height:0;height:auto}.town-mode .guide-card{display:block;padding:10px 12px}.town-mode .guide-top{gap:10px;margin-bottom:4px}.town-mode .guide-top>div{display:block}.town-mode .guide-top .mamo{width:56px;height:65px}.town-mode .guide-top h2{font-size:24px;line-height:1.35;margin:2px 0}.town-mode .guide-top .eyebrow{font-size:8px}.town-mode .guide-top .speech-dot{display:none}.town-mode .guide-card p{font-size:12px;line-height:1.7;margin:0}.town-mode .progress-card{display:block;padding:10px 12px;min-height:0}.town-mode .progress-card h2{font-size:12px}.town-mode .progress-card .section-row>svg{width:17px;height:17px}.town-mode .progress-total{display:flex;margin:5px 0 7px;gap:9px}.town-mode .progress-total>strong{font-size:29px;line-height:1.25}.town-mode .progress-total strong small{font-size:12px}.town-mode .progress-total>span{font-size:10px}.town-mode .progress-card progress{height:6px}.town-mode .category-progress{display:flex;justify-content:space-between;gap:4px;border:0;padding:0;margin-top:7px}.town-mode .category-progress>div{gap:4px;padding:3px;font-size:10px}.town-mode .category-progress span{gap:3px;font-size:10px}.town-mode .category-progress svg{width:13px;height:13px}.town-mode .category-progress strong,.town-mode .category-progress small{font-size:10px}.town-mode .town-sidebar>.next-mission{display:flex;grid-column:auto;flex-direction:column;align-items:stretch;justify-content:center;min-height:0;margin:0;padding:11px 12px;gap:7px}.town-mode .next-mission>.next-icon{display:none}.town-mode .next-mission>div:nth-child(2){flex:initial}.town-mode .next-mission .eyebrow{font-size:9px}.town-mode .next-mission h2{font-size:16px;line-height:1.5;margin:4px 0 0}.town-mode .next-mission p{display:none}.town-mode .town-sidebar>.next-mission .primary{width:100%;min-height:48px;margin:0;padding:8px;font-size:13px;white-space:normal;gap:6px}}@media(min-width:700px)and (orientation:portrait){.town-mode .welcome h1{font-size:21px}.town-mode .town-dashboard{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:10px}.town-mode .town-sidebar{grid-template-columns:minmax(0,.95fr) minmax(0,.95fr) minmax(0,1.3fr);grid-template-rows:auto;gap:8px}.town-mode .guide-card,.town-mode .progress-card{padding:9px 10px}.town-mode .guide-top{gap:7px}.town-mode .guide-top .mamo{width:44px;height:51px}.town-mode .guide-top h2{font-size:21px}.town-mode .guide-card p{font-size:12px;line-height:1.65}.town-mode .progress-card h2{font-size:11px}.town-mode .category-progress{display:grid;grid-template-columns:1fr;gap:2px;margin-top:4px}.town-mode .category-progress>div{justify-content:space-between;padding:1px 4px}.town-mode .progress-total{margin:3px 0 5px;gap:6px}.town-mode .progress-total>strong{font-size:26px}.town-mode .progress-total>span{font-size:9px}.town-mode .town-sidebar>.next-mission{padding:9px 10px;gap:7px}.town-mode .next-mission h2{font-size:15px}}@media(min-width:700px)and (max-height:700px){.town-mode .guide-card p{font-size:11px;line-height:1.6}.town-mode .guide-top .mamo{width:48px;height:56px}.town-mode .guide-top h2{font-size:22px}.town-mode .guide-card,.town-mode .progress-card{padding:8px 10px}.town-mode .town-sidebar{gap:8px}}@font-face{font-family:Mirai Rounded;src:url(../fonts/mirai-rounded-400.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Mirai Rounded;src:url(../fonts/mirai-rounded-700.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Mirai Rounded;src:url(../fonts/mirai-rounded-900.woff2) format("woff2");font-style:normal;font-weight:900;font-display:swap}:root{--font-game:"Mirai Rounded","Hiragino Maru Gothic ProN","Yu Gothic",sans-serif;font-family:var(--font-game)}body,.rail-line-symbol,svg text{font-family:var(--font-game)}button,input,textarea,select{font-family:inherit}.number-field input,.progress-total,.stat-grid strong,table{font-variant-numeric:tabular-nums}