/* Approved page hierarchy and responsive layouts; the original art stays in use. */
body{color:#193a58;background:#edf6fc;font-size:16px;line-height:1.6}
[hidden]{display:none!important}h1,h2,h3{line-height:1.3}p{color:#46637b}small{font-size:12px}
.glass-card{background:#ffffffed;border:2px solid #fff;box-shadow:0 8px 24px #2447670e;border-radius:24px}
.top-nav{position:relative;top:0;left:0;transform:none;width:100%;height:88px;padding:12px max(24px,calc((100vw - 1490px)/2));gap:24px;background:#eaf5fff5;border-bottom:1px solid #d3e5f1}
.brand-logo{font-size:30px;letter-spacing:-1px}.brand-flame{font-size:38px}.top-nav nav{width:auto;max-width:760px;margin:auto;padding:4px;justify-content:space-around;border-color:#fff}.nav-link{font-size:15px;padding:12px 16px;gap:8px;white-space:nowrap}.nav-link .icon{width:24px;height:24px}.nav-tools{gap:12px}.profile-pill{display:flex;padding:5px 12px;gap:8px;background:#fff8;box-shadow:none}.profile-pill>span:last-child{font-size:13px;line-height:1.5}.profile-pill small{font-size:12px;color:#426681}.profile-pill .portrait{width:36px;height:36px}.round-button{width:44px;height:44px}.round-button .icon{width:24px;height:24px}

/* Keep the supplied logo and character sheet intact; select sheet regions in UI. */
.brand-image{display:block;width:204px;height:auto;max-width:100%;object-fit:contain}
.role-art{display:block;position:relative;overflow:hidden;width:180px;border-radius:18px;background:#faf7f0;justify-self:center}
.role-art-human{aspect-ratio:470/730}.role-art-dog{aspect-ratio:452/586}
.role-art .role-art-sheet{display:block;position:absolute;max-width:none;height:auto;object-fit:initial}
.role-art-human .role-art-sheet{width:308.085106%;left:0;top:-1.643836%}
.role-art-dog .role-art-sheet{width:320.353982%;left:-162.831858%;top:-26.621160%}
.role-art-human .role-art-sheet{clip-path:polygon(0 0,32.46% 0,32.46% 32.23%,30.39% 32.23%,30.39% 100%,0 100%)}
.role-art-dog .role-art-sheet{clip-path:polygon(0 0,77.35% 0,77.35% 24.31%,100% 24.31%,100% 100%,0 100%)}
@media(max-width:1300px){.role-art{width:140px}.brand-image{width:186px}}
@media(max-width:1000px){.role-art{width:180px}}
@media(max-width:700px){.brand-image{width:164px}.role-art{width:110px}}
@media(max-width:440px){.role-art{width:90px}}
.toy-button{font-size:17px;min-height:52px;padding:12px 22px;gap:10px;line-height:1.3}.toy-button .icon{width:24px;height:24px}.toy-button:hover{filter:brightness(1.04)}.text-button{background:none;border:0;padding:6px 0;color:#0877b7;font-weight:700;font-size:14px;cursor:pointer}.overline{font-size:12px;letter-spacing:1px;color:#975e2b}.portal-footer{padding:18px 28px;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#49677d;background:#edf6fc;border-top:1px solid #dce9f2}.portal-footer a{color:#296f9b;text-decoration:underline;text-underline-offset:3px}
.home-page{padding:32px 28px 26px;min-height:calc(100vh - 145px);background-position:center;background-size:cover}
.home-hero{margin-left:44%;width:56%;min-height:310px;text-align:center}.home-hero h1{font-size:48px;margin:8px 0 20px;line-height:1.12;-webkit-text-stroke:5px white}.home-hero>.overline{display:inline-block;background:#fff9;padding:4px 14px;border-radius:16px}.hero-ribbon{font-size:15px;padding:7px 16px;margin:0 auto 14px}.hero-buttons{justify-content:center;margin:0 auto}.hero-buttons .toy-button{font-size:22px;min-width:250px;min-height:62px;padding:16px 28px}.home-intro{font-size:12px;font-weight:600;margin:14px 0;color:#22405e;text-shadow:0 1px white}
.home-dashboard{display:grid;grid-template-columns:1.08fr 1fr;gap:16px;margin:24px 0 0 44%;width:56%}.growth-summary{display:grid;grid-template-columns:1fr auto;gap:20px;padding:20px;align-items:center}.growth-summary h2,.daily-card h2{font-size:17px;margin:0 0 10px}.level-label{font-size:16px;white-space:nowrap;margin:5px 0 10px}.level-label b{font-size:25px}.xp-track{height:10px;min-width:100px}.growth-summary small{color:#42627b;font-size:12px}.summary-counts{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#526b7e}.summary-counts b{font-size:22px;color:#ef4e35;margin-right:6px}.daily-card{display:block;padding:20px}.daily-row{font-size:12px;margin:6px 0;display:flex;gap:7px;align-items:center;background:#edf6fc;padding:6px 8px;border-radius:8px;line-height:1.5}.daily-row b{margin-left:auto;white-space:nowrap;font-size:11px}.daily-row .icon{width:16px;height:16px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0 0}.feature-card{min-height:118px;padding:20px 24px;background:#fffc;border-width:2px;box-shadow:0 5px 0 #fff4;border-radius:22px}.feature-card h2{font-size:21px;gap:10px;margin-bottom:10px}.feature-card p{font-size:13px;max-width:none;padding-right:40px;line-height:1.6;margin:0}.feature-arrow{right:18px;bottom:18px}.feature-card:before{display:none}
.map-page{padding:24px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;background:#e1f0f7;min-height:calc(100vh - 145px)}
.map-playfield{position:relative;min-height:560px;height:calc(100dvh - 170px);background:url('assets/map-scene.png') center/cover;border:3px solid #fff;border-radius:24px;overflow:hidden}
.level-nodes{position:absolute;inset:0}.level-node{position:absolute;left:var(--node-x);top:var(--node-y);transform:translate(-50%,-50%);width:178px;min-width:0;display:grid;grid-template-columns:44px 1fr;gap:0;background:#fffef1f0;border:3px solid #fff;border-radius:18px;padding:10px 9px;color:#254a69;box-shadow:0 5px 15px #1c445d30;line-height:1.4;opacity:1;filter:none}
.level-node.selected{border-color:#ffbd44;box-shadow:0 0 0 4px #ffbd4477,0 6px 15px #193c5b33}.level-node.future{opacity:.95;color:#52677c;filter:none}.node-number{grid-column:1;grid-row:1/3;width:38px;height:38px;border:0;background:#fce5c6;border-radius:12px;box-shadow:none;display:grid;place-items:center}.node-number .icon{width:24px;height:24px;color:#e95532}.level-node.blue .node-number{background:#d7edf9}.level-node.blue .node-number .icon{color:#2484b5}.level-node.future .node-number{background:#e8edf2}.level-node.future .node-number .icon{color:#62778b}.node-name{font-size:15px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;text-align:left;color:inherit;white-space:normal}.node-status{grid-column:2;text-align:left;font-size:12px;color:#537a46}.future .node-status{color:#5a6e82}.wood-sign{top:18px;left:18px;padding:12px 18px;max-width:270px;transform:none;border-width:5px}.wood-sign strong{font-size:25px}.wood-sign p{font-size:12px;line-height:1.5;margin:5px 0 0;color:#fff8db}.map-tip{left:18px;bottom:18px;font-size:13px;padding:9px 14px}.map-sidebar{display:flex;flex-direction:column;gap:16px}.mission-preview{padding:20px}.mission-preview h1{font-size:25px;margin:6px 0 14px}.mission-preview>.toy-button{width:100%;justify-content:center;font-size:17px;margin:0 0 16px}.mission-image{display:block;width:100%;height:150px;object-fit:cover;background:none;margin-bottom:14px;border-radius:14px}.mission-preview p{font-size:13px;line-height:1.7;margin-bottom:12px}.mission-preview h2{font-size:16px;margin:12px 0 8px}.mission-preview ul{margin:0;padding:0;list-style:none}.mission-preview li{font-size:13px;gap:8px;align-items:start}.mission-preview li .icon{width:17px;height:17px;margin-top:2px;color:#31a265}.chapter-panel{padding:17px 20px;margin:0}.chapter-panel h2{font-size:16px;margin:0 0 9px}.chapter-panel p{font-size:12px;margin:9px 0 0}.chapter-progress{font-size:13px}.coming-label{background:#edf2f7;padding:13px;margin:0 0 16px;border-radius:12px;color:#576e83;font-size:14px;font-weight:700}
.academy-page{padding:28px 24px 32px;max-width:1440px;margin:auto;background:none;min-height:calc(100vh - 145px)}
.academy-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:20px;min-height:132px}.academy-heading h1{font-size:32px;margin:7px 0 12px;color:#183f5d}.academy-heading p{font-size:15px;margin:0}.academy-heading img{width:240px;height:132px;object-fit:cover;border:3px solid #fff;border-radius:22px;object-position:25% 30%}.academy-tabs,.profile-tabs{display:flex;gap:6px;margin:0 0 22px;width:fit-content;max-width:100%;padding:5px;background:#fff;border:1px solid #dce9f2;border-radius:18px;justify-content:start}.academy-tabs button,.profile-tabs button{font-size:15px;padding:11px 18px;gap:8px;border-radius:13px;min-height:44px}.academy-tabs .icon,.profile-tabs .icon{width:22px;height:22px}
.search-bar{max-width:760px;margin:0 0 18px;padding:6px 7px 6px 15px;border:2px solid #d6e6f2;background:#fff;border-radius:16px}.search-bar input{padding:9px 12px;font-size:15px;min-width:0}.search-bar button{padding:10px 20px;font-size:14px;border-radius:12px;min-height:42px}.search-bar .clear-search{background:#eaf2f8;color:#365d78;margin-left:5px}.search-bar>.icon{width:23px;height:23px}
.knowledge-library{padding:22px;grid-template-columns:230px minmax(0,1fr);gap:26px}.chapter-list{padding-right:20px;border-right:1px solid #e1eaf1;display:block;overflow:visible;margin:0}.chapter-list h2{font-size:17px;display:block}.chapter-list button{display:flex;gap:12px;width:100%;font-size:14px;padding:12px 10px;line-height:1.6;white-space:normal;min-height:45px}.chapter-list button span{display:block}.chapter-list p{display:block;color:#4e687c;font-size:12px;line-height:1.8;margin:20px 4px 0}.section-heading{margin-bottom:8px;gap:12px}.section-heading h2{font-size:21px}.section-heading>span{font-size:12px;color:#547087}.knowledge-row{padding:18px 0;gap:15px;font-size:15px}.knowledge-row>span:nth-child(2){min-width:0;flex:1}.knowledge-row strong{font-size:15px;line-height:1.5}.knowledge-row small{font-size:12px;color:#537289;margin-top:4px}.knowledge-icon{width:42px;height:42px;flex-shrink:0}.knowledge-icon .icon{width:25px;height:25px}.read-state{font-size:12px;color:#216e9c;white-space:nowrap}.read-state.learned{color:#257b4c}.knowledge-row>.icon{width:18px;height:18px}.mnemonic-panel{margin-top:18px;padding:20px}.mnemonic-panel summary{font-size:17px;font-weight:800;color:#a76520;cursor:pointer}.mnemonic-grid{margin-top:18px;gap:15px}.mnemonic-grid article{padding:18px}.mnemonic-grid p{font-size:12px!important;color:#6b624f!important}.mnemonic-grid strong{font-size:13px}.mnemonic-grid h3{font-size:16px}
.equipment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.equipment-card{padding:20px;display:flex;flex-direction:column;text-align:left}.equipment-illustration{display:block;width:100%;height:190px;border-radius:16px;object-fit:contain;background:#f3f7fb;margin:0 0 18px}.equipment-card h2{font-size:23px;margin-bottom:8px}.equipment-role{font-size:12px;color:#247399;background:#e8f3fa;padding:5px 8px;border-radius:7px;line-height:1.6}.equipment-card p{font-size:14px;line-height:1.8;min-height:0;margin:14px 0 20px;flex:1}.equipment-card .toy-button{font-size:15px;width:100%;margin-top:auto;justify-content:center}.equipment-dialog-image{width:100%;height:180px;object-fit:contain;border-radius:15px;background:#f2f6fa;margin:8px 0}
.roles-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.role-card{padding:24px;display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center}.role-mascot,.role-mascot.dog{width:180px;height:260px;border-radius:0;background:none;object-fit:contain;display:block;opacity:1}.role-card h2{font-size:28px}.role-card p,.role-card li{font-size:14px;line-height:1.8}.role-card ul{padding-left:18px}.role-cooperation{padding:20px 24px;margin-top:18px}.role-cooperation p{font-size:14px;margin:6px 0}.role-cooperation strong{font-size:19px}.quiz-card{max-width:900px;display:flex;gap:30px;align-items:center;padding:30px;text-align:left;margin:0}.quiz-card .big-icon{margin:0;flex-shrink:0}.quiz-card h2{font-size:28px;margin-bottom:12px}.quiz-card p{font-size:15px;line-height:1.7}.quiz-card .quiz-reward{font-size:13px}.quiz-card .toy-button{font-size:18px;min-height:54px;padding:13px 22px}.quiz-card .success-label{margin-bottom:0}
.profile-page{display:block;max-width:1160px;margin:auto;padding:28px 24px 30px;background:none;min-height:calc(100vh - 145px)}.profile-content{width:100%}.growth-panel{padding:24px;margin-bottom:22px}.profile-summary{display:flex;justify-content:space-between;gap:30px;align-items:center}.profile-summary>div:first-child{width:360px;max-width:100%}.growth-panel h1{display:block;background:none;color:#244866;padding:0;font-size:24px;margin:0 0 10px}.growth-panel small{color:#426881}.file-counts{display:flex;gap:18px;margin:0}.file-counts span{font-size:13px;background:#f2f7fb;border-color:#dceaf4;min-width:100px;padding:14px}.file-counts .icon{width:26px;height:26px}.file-counts b{font-size:23px}.growth-ranks{border-top:1px solid #e1eaf1;padding-top:12px;margin-top:18px;color:#55738a;font-size:13px}.growth-ranks summary{cursor:pointer}.rank-path{margin-top:18px}.rank-path>span{font-size:12px;color:#54718a}.rank-path b{font-size:13px}.collection-panel{padding:24px}.badge-grid{grid-template-columns:repeat(3,1fr);gap:16px}.badge-card{padding:18px;background:#f5f8fb;border:1px solid #e5edf3;border-radius:16px}.badge-card.locked{filter:none;opacity:1}.badge-card.locked .badge-shield{filter:grayscale(1)}.badge-card h3{font-size:17px;color:#314c64;margin:12px 0 8px}.badge-card p{font-size:13px;color:#536c80;line-height:1.6;margin:0 0 8px}.badge-card small{font-size:12px;color:#526a80}.badge-shield{width:72px;height:84px}.collection-grid{gap:18px;grid-template-columns:1fr 1fr}.collectible{padding:22px;text-align:left;border-radius:17px}.collectible.locked{filter:none;opacity:1;background:#f3f7fa;color:#37556e}.collectible.locked>span{filter:grayscale(1)}.collectible h3{font-size:19px;color:#234963}.collectible p{font-size:14px;line-height:1.8;color:#4f6b80}.collectible small{font-size:12px;color:#55738b}.new-tag{background:#d85034;color:#fff;font-size:12px;right:14px;top:14px}.record-row{gap:16px;padding:20px 0}.record-kind{padding:6px 10px;color:#247197;background:#e7f2fa;border-radius:8px;white-space:nowrap;font-size:13px}.record-row>span:nth-child(2){flex:1;min-width:0}.record-row strong{font-size:16px}.record-row small{font-size:13px;color:#58748b;margin-top:4px}.record-row a{font-size:14px;white-space:nowrap;color:#177bab}.save-note{font-size:12px;color:#587185;margin-top:16px}.empty-state{font-size:16px;padding:40px 20px}
.training-page{max-width:1320px;margin:auto;padding:28px 24px 30px;background:none;min-height:calc(100vh - 145px)}.training-heading{text-align:left;margin-bottom:22px}.training-heading h1{font-size:34px;margin:8px 0 12px}.training-heading p{font-size:15px}.training-main{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;padding:24px;align-items:center}.training-main h2{font-size:26px}.training-main p{font-size:15px}.training-picture{width:100%;height:340px;object-fit:cover;object-position:center;border-radius:18px;display:block;background:none;margin:0}.training-checks{display:grid;grid-template-columns:1fr 1fr;gap:9px 22px;list-style-position:inside;padding:0;margin:16px 0 24px;font-size:14px;color:#42617b}.training-secondary{display:flex;flex-wrap:wrap;gap:24px;margin:20px 4px;font-size:14px;align-items:center}.training-secondary a{color:#0877b7;font-weight:700}.about-page{max-width:1050px;margin:auto;padding:35px 24px;min-height:calc(100vh - 145px)}.about-page>.glass-card{padding:30px}.about-page h1{font-size:30px}.about-page h2{font-size:23px;margin-top:25px}.prototype-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 30px}.prototype-links a{background:#edf5fb;color:#315b7c;padding:14px;border-radius:12px;font-size:14px}
dialog{width:min(680px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow:auto;padding:28px;border-radius:22px}dialog p{font-size:15px;color:#425e76}.reader-dialog h2{font-size:25px}.lesson-section p{font-size:15px;color:#36536b}.lesson-note,.source-link{color:#516d84!important;font-size:12px!important}.dialog-close{background:#e7eff5;color:#42657f}.reader-dialog>.toy-button{font-size:17px}.reader-dialog .quiz-answers button{font-size:15px}.toast{font-size:14px}
@media(min-width:1700px){.home-page{padding-top:40px}.home-hero{min-height:340px}.home-hero h1{font-size:56px}.feature-card{min-height:135px}}
@media(max-width:1300px){.top-nav{padding:10px 20px;gap:18px}.brand-logo{font-size:27px}.brand-flame{font-size:33px}.profile-pill{display:none}.nav-link{padding:11px 17px}.home-hero{margin-left:43%;width:57%;min-height:300px}.home-dashboard{margin-left:38%;width:62%}.home-hero h1{font-size:44px}.growth-summary{padding:16px;gap:12px}.daily-card{padding:16px}.feature-card{min-height:112px}.roles-grid{grid-template-columns:1fr 1fr}.role-card{grid-template-columns:140px 1fr;gap:15px;padding:20px}.role-mascot,.role-mascot.dog{width:140px;height:230px}}
@media(max-width:1000px){.top-nav{height:auto;min-height:80px;flex-wrap:wrap;gap:10px;padding:12px 18px}.brand-logo{flex:1}.top-nav nav{order:3;max-width:none;flex-basis:100%;width:100%}.nav-tools{margin-left:auto}.nav-link{flex:1;justify-content:center;font-size:14px;padding:10px 6px}.home-page{padding:26px 20px;background-position:25% center}.home-hero{margin-left:35%;width:65%;min-height:300px}.home-dashboard{margin-left:0;width:100%;margin-top:22px}.feature-card h2{font-size:19px}.map-page{grid-template-columns:minmax(0,1fr) 300px;padding:16px;gap:14px}.level-node{width:150px;grid-template-columns:36px 1fr;padding:9px 7px}.node-number{width:31px;height:34px}.node-name{font-size:14px}.wood-sign{max-width:210px;padding:10px}.wood-sign strong{font-size:22px}.map-tip{font-size:11px;left:10px;bottom:10px}.mission-preview{padding:17px}.mission-image{height:130px}.academy-heading h1{font-size:29px}.equipment-grid{grid-template-columns:1fr 1fr}.roles-grid{grid-template-columns:1fr}.role-card{grid-template-columns:180px 1fr}.role-mascot,.role-mascot.dog{width:180px;height:250px}.training-main{grid-template-columns:1fr 1fr;gap:20px}.training-picture{height:310px}.training-checks{font-size:13px;gap:8px}.profile-summary{gap:18px}.file-counts{gap:8px}.file-counts span{min-width:80px;padding:10px}}
@media(max-width:700px){.home-page{background-position:18% top;background-size:auto 610px;background-repeat:no-repeat;background-color:#e3f3fd;padding:24px 15px}.home-hero{margin-left:22%;width:78%;min-height:320px}.home-hero h1{font-size:36px}.hero-ribbon{font-size:12px;padding:7px 10px}.hero-buttons .toy-button{font-size:20px;min-width:220px}.home-intro{font-size:12px;max-width:260px;margin:14px auto}.home-dashboard{grid-template-columns:1fr}.growth-summary{grid-template-columns:1fr auto;padding:20px}.daily-card{padding:20px}.daily-row{font-size:13px}.daily-row b{font-size:12px}.feature-grid{grid-template-columns:1fr;gap:12px;margin-top:18px}.feature-card{min-height:102px;padding:20px}.feature-card p{font-size:14px}.feature-card h2{font-size:21px}.portal-footer{flex-direction:column;gap:4px;padding:16px}.map-page{display:flex;flex-direction:column;padding:14px;background:#e1f0f7}.map-playfield{height:auto;min-height:0;padding:18px;background:linear-gradient(#e9f5ffde,#e9f5fff0),url('assets/map-scene.png') center/cover}.wood-sign{position:static;max-width:none;margin-bottom:18px;padding:10px 15px}.wood-sign strong{font-size:22px}.level-nodes{position:static;display:grid;grid-template-columns:1fr 1fr;gap:12px}.level-node,.level-node.selected{position:static;transform:none;width:100%;grid-template-columns:36px 1fr;min-height:82px;padding:10px 7px;box-shadow:none}.node-number{width:30px;height:34px}.node-name{font-size:14px}.node-status{font-size:12px}.map-tip{position:static;display:flex;margin-top:18px;width:fit-content;font-size:12px}.map-sidebar{display:flex;width:100%;gap:14px}.mission-preview{padding:20px}.mission-image{height:180px}.mission-preview p,.mission-preview li{font-size:14px}.mission-preview h1{font-size:26px}.chapter-panel p{font-size:13px}.academy-page,.profile-page,.training-page{padding:24px 15px}.academy-heading{min-height:0;margin-bottom:20px}.academy-heading img{display:none}.academy-heading h1{font-size:27px}.academy-heading p{font-size:14px}.academy-tabs,.profile-tabs{width:100%;gap:4px;justify-content:space-between;flex-wrap:wrap}.academy-tabs button{width:calc(50% - 2px);font-size:14px;justify-content:center;padding:10px 8px}.profile-tabs button{font-size:12px;flex:1;justify-content:center;padding:10px 5px}.academy-tabs .icon,.profile-tabs .icon{width:20px;height:20px}.search-bar{padding-left:10px}.search-bar input{font-size:14px;padding:10px 5px}.search-bar button{padding:10px 12px}.knowledge-library{display:block;padding:18px}.chapter-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 0 16px;margin:0 0 16px;border:0;border-bottom:1px solid #e1eaf1;overflow:visible}.chapter-list h2{grid-column:1/-1;margin-bottom:6px}.chapter-list button{font-size:12px;gap:6px;padding:9px 7px}.chapter-list p{display:none}.chapter-list button span{display:inline}.section-heading{align-items:start}.section-heading h2{font-size:18px}.section-heading>span{font-size:12px}.knowledge-row{gap:10px;padding:16px 0}.knowledge-row strong{font-size:14px}.knowledge-row small{font-size:12px}.knowledge-icon{width:34px;height:38px}.read-state{font-size:12px}.knowledge-row>.icon{display:none}.mnemonic-panel{padding:18px}.mnemonic-grid{grid-template-columns:1fr}.equipment-grid{gap:14px}.equipment-card{padding:15px}.equipment-card h2{font-size:20px}.equipment-illustration{height:140px;margin-bottom:12px}.equipment-card p{font-size:13px;min-height:0}.equipment-card .toy-button{font-size:13px;padding:10px}.equipment-card .toy-button .icon{width:18px;height:18px}.equipment-role{font-size:12px}.role-card{grid-template-columns:110px 1fr;padding:18px;gap:14px}.role-mascot,.role-mascot.dog{width:110px;height:220px}.role-card h2{font-size:25px}.role-card p,.role-card li{font-size:13px}.role-card .overline{font-size:12px}.role-cooperation strong{font-size:17px}.quiz-card{padding:24px;display:block}.quiz-card .big-icon{display:none}.quiz-card h2{font-size:25px}.quiz-card p{font-size:14px}.profile-summary{display:block}.profile-summary>div:first-child{width:100%}.growth-panel{padding:20px}.growth-panel h1{font-size:24px}.file-counts{margin-top:18px;justify-content:space-between}.file-counts span{min-width:0;flex:1;font-size:12px;padding:10px 7px}.file-counts b{font-size:21px}.rank-path>span{font-size:12px}.rank-path .icon{width:30px;height:30px}.rank-path{flex-wrap:wrap}.rank-path>span{width:28%}.collection-panel{padding:20px}.badge-grid{grid-template-columns:1fr 1fr;gap:12px}.badge-card{padding:15px 9px}.badge-card h3{font-size:15px}.badge-card p{font-size:13px}.badge-card small{font-size:12px}.collection-grid{grid-template-columns:1fr;gap:14px}.collectible{padding:20px}.collectible h3{font-size:19px}.collectible p{font-size:14px}.record-row{flex-wrap:wrap;gap:10px}.record-row>span:nth-child(2){flex-basis:calc(100% - 64px)}.record-row strong{font-size:15px}.record-row small{font-size:12px}.record-row a{margin-left:64px;font-size:14px}.training-heading h1{font-size:29px}.training-heading p{font-size:14px}.training-main{grid-template-columns:1fr;padding:18px;gap:20px}.training-picture{height:220px}.training-main h2{font-size:24px}.training-main p{font-size:14px}.training-checks{font-size:14px}.training-secondary{gap:14px;font-size:14px}.prototype-links{grid-template-columns:1fr 1fr}.about-page{padding:24px 15px}.about-page>.glass-card{padding:22px}dialog{padding:24px 20px}.reader-dialog h2{font-size:23px}.lesson-section p{font-size:14px}.lesson-note,.source-link{font-size:12px!important}}
@media(max-width:400px){.nav-link{font-size:12px;gap:4px}.nav-link .icon{width:19px;height:19px}.brand-logo{font-size:26px}.home-hero{margin-left:17%;width:83%}.home-hero h1{font-size:34px}.home-hero>.overline{font-size:11px}.level-nodes{gap:9px}.map-playfield{padding:14px}.level-node{grid-template-columns:30px 1fr}.node-number{width:25px}.node-number .icon{width:20px}.node-name{font-size:13px}.equipment-grid{grid-template-columns:1fr}.equipment-illustration{height:190px}.role-card{grid-template-columns:90px 1fr;gap:12px}.role-mascot,.role-mascot.dog{width:90px}.academy-tabs button{font-size:13px}.profile-tabs .icon{display:none}}
@media(min-width:701px) and (max-width:900px){.map-page{grid-template-columns:1fr}.map-playfield{height:450px;min-height:450px}.map-sidebar{display:grid;grid-template-columns:1.5fr 1fr;align-items:start}.map-sidebar .chapter-panel{margin:0}.mission-preview>.toy-button{max-width:340px}.mission-image{height:170px}}

.level-node .node-name,.level-node.blue .node-name,.level-node.future .node-name{background:none;margin-left:0;border:0;color:inherit;box-shadow:none}
.space-preview-entry{display:block;margin:12px 0;padding:11px 12px;border:1px solid #b9cbbd;border-radius:10px;background:#eff4e9;color:#426750;font-size:13px;font-weight:700;text-decoration:none;line-height:1.6}.space-preview-entry:hover{background:#dfeada}.space-preview-entry:focus-visible{outline:3px solid #348dbf;outline-offset:3px}
.level-node .node-number,.level-node.red .node-number,.level-node.orange .node-number,.level-node.purple .node-number{background:#fce5c6;box-shadow:none;outline:none}.level-node.blue .node-number{background:#d7edf9}.level-node.future .node-number{background:#e8edf2}.map-sidebar .chapter-panel{align-self:stretch}.home-intro{background:#ffffffc9;width:fit-content;padding:5px 12px;border-radius:12px;margin:14px auto}.academy-heading img{object-position:17% 35%}