@charset "UTF-8";
:root{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#122c54;font-synthesis:none;--red:#ff393b;--blue:#0789ef;--yellow:#ffc429;--green:#35bb65;--purple:#ad5deb;--orange:#ff941f}
*{box-sizing:border-box}body{margin:0;background:#e5f3fc}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible{outline:4px solid #ffc928;outline-offset:4px}button{color:inherit}h1,h2,h3,p{margin-top:0}h2{font-size:22px}.icon{width:27px;height:27px;flex-shrink:0;vertical-align:middle}button .icon,a .icon{pointer-events:none}.top-nav{position:absolute;z-index:10;top:14px;left:50%;transform:translateX(-50%);width:min(1490px,96%);height:73px;display:flex;align-items:center;gap:24px}.brand-logo{white-space:nowrap;color:#ffca2f;font-weight:1000;font-size:40px;letter-spacing:-2px;-webkit-text-stroke:1.5px #872e14;text-shadow:0 3px #872e14,0 5px 0 #fff,2px -2px 0 #fff,-3px 0 #fff;display:flex;align-items:center}.brand-flame{font-size:49px;margin-right:5px;-webkit-text-stroke:0;text-shadow:0 0 5px white}.top-nav nav{display:flex;align-items:center;padding:5px;background:#fffffff0;border:2px solid white;border-radius:38px;flex:1;justify-content:space-between;gap:3px;box-shadow:0 7px 24px #4687ae24}.nav-link{padding:14px 18px;border-radius:28px;font-size:17px;font-weight:900;display:flex;align-items:center;gap:8px;white-space:nowrap}.nav-link .icon{color:#128ef6;fill:#dff1ff}.nav-link:nth-child(1) .icon{color:#fb343c;fill:#fb343c}.nav-link:nth-child(3) .icon{color:#ffaf00;fill:#fff098}.nav-link:nth-child(4) .icon{color:#e2a000;fill:#ffeb72}.nav-link.active{background:linear-gradient(#ff6a59,#ff202d);box-shadow:inset 0 2px 2px #fff7,0 3px 0 #db2325;color:white}.nav-link.active .icon{color:white;fill:#ffffff30}.nav-tools{display:flex;gap:10px;align-items:center}.round-button{display:grid;place-items:center;flex-shrink:0;background:#fffffff0;border:2px solid white;border-radius:50%;width:48px;height:48px;color:#8997ad}.profile-pill{background:#fffffff0;border-radius:35px;padding:6px 18px 6px 6px;display:flex;gap:9px;align-items:center;font-size:13px;font-weight:900;white-space:nowrap}.portrait{display:block;background:#c9eefd url('assets/home-scene.png') -57px -19px/260px auto;border:3px solid white;box-shadow:0 0 0 2px #78c2f1;width:49px;height:49px;border-radius:50%;flex-shrink:0}.portrait.large{width:73px;height:73px;background-size:378px auto;background-position:-81px -27px}.profile-pill small{display:flex;gap:6px;align-items:center;margin-top:3px}.profile-pill b{background:#ff921d;color:white;border-radius:4px;padding:0 5px}.profile-pill i{width:70px;height:8px;background:#dce0e7;border-radius:10px;position:relative;overflow:hidden}.profile-pill i:after{content:"";position:absolute;inset:0 auto 0 0;background:#ffba23;width:var(--progress)}.gear{width:37px;height:37px;background:transparent}.toy-button{--c:#ff4540;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:17px 25px;min-height:63px;border:3px solid white;border-radius:25px;background:linear-gradient(180deg,color-mix(in srgb,var(--c),white 25%),var(--c));box-shadow:inset 0 3px 2px #fffd,0 5px 0 color-mix(in srgb,var(--c),black 13%),0 9px 16px color-mix(in srgb,var(--c),transparent 75%);color:white;font-size:22px;font-weight:1000;transition:transform .18s,filter .18s}.toy-button:hover{transform:translateY(-3px);filter:brightness(1.05)}.toy-button:active{transform:translateY(2px)}.toy-button.blue{--c:#078ded}.toy-button.yellow{--c:#ffba19;color:#743505}.toy-button.orange{--c:#ff8b15}.toy-button.green{--c:#26b565}.toy-button.purple{--c:#a15beb}.toy-button .icon{width:29px;height:29px;fill:#ffffff28}.button-arrow{width:19px!important;margin-left:2px}.glass-card{background:linear-gradient(135deg,#fffffff9,#ffffffec);border:3px solid white;border-radius:27px;box-shadow:0 9px 24px #5267801c}.home-page{background:url('assets/home-scene.png') center/cover;min-height:100vh;padding:112px 28px 25px}.home-hero{width:60%;margin-left:37%;min-height:315px;padding:0 10px;text-align:center}.home-hero h1{font-weight:1000;font-size:clamp(39px,4.1vw,68px);line-height:1.18;letter-spacing:1px;margin-bottom:14px;paint-order:stroke fill;-webkit-text-stroke:9px white;color:#082b61;text-shadow:0 6px 1px #09234d38}.home-hero h1 span{color:#fa3436;font-size:1.09em}.hero-ribbon{display:inline-block;background:#ffd732;border-radius:50% 40% 50% 35%;padding:8px 25px;font-size:19px;font-weight:900;color:#402607;transform:rotate(-1deg)}.hero-buttons{display:flex;gap:10px;justify-content:center;margin-top:14px}.hero-buttons .toy-button{font-size:20px;padding:15px 20px;border-radius:23px;gap:8px}.home-stats{display:grid;grid-template-columns:1.05fr .85fr 1.35fr;gap:13px;width:61%;margin-left:37%;margin-top:22px;margin-bottom:20px}.home-stats .glass-card{min-height:142px;padding:18px}.level-card{display:flex;gap:15px;align-items:center}.level-card>div{flex:1}.level-card strong{font-size:15px}.level-label{display:block;margin:8px 0;font-size:16px;font-weight:800}.level-label b{color:#ff352a;font-size:25px;margin-right:7px}.xp-track{height:13px;overflow:hidden;border-radius:18px;background:#d8dbe3;box-shadow:inset 0 2px 3px #aaa5;margin:8px 0}.xp-track i{display:block;height:100%;border-radius:18px;background:linear-gradient(#ffdf48,#ff9b14)}.xp-track.green i{background:linear-gradient(#64e958,#1bbb3f)}.level-card small{font-size:12px;color:#6c7484}.badge-preview{display:flex;gap:12px;align-items:flex-start}.badge-preview>.icon:first-child{width:44px;height:44px;color:#ffa606;fill:#ffdf5a}.badge-preview>.icon:last-child{width:15px;height:20px;margin-left:auto;color:#909aaa}.badge-preview p{margin:9px 0;font-size:16px}.badge-preview p b{font-size:25px;color:#fc342b}.badge-mini{display:flex;gap:6px}.badge-mini span{padding:3px;border:2px solid #f5b431;border-radius:10px;background:#fff6cc}.badge-mini .icon{width:24px;height:24px}.badge-mini .locked{filter:grayscale(1);opacity:.45}.red{color:#f44936}.blue{color:#1689e5}.yellow{color:#e49d07}.green{color:#23a75f}.purple{color:#a24dce}.orange{color:#f8861e}.daily-card h2{font-size:17px;margin:0 0 8px;display:flex;align-items:center;gap:8px}.daily-card h2 .icon{color:#ff9615}.daily-row{display:flex;gap:9px;align-items:center;margin:5px 0;font-size:12px;padding:4px 8px;border-radius:15px;background:#f0f3f8}.daily-row>span{font-size:18px;color:#acb8c9;line-height:1}.daily-row .icon{width:16px;height:16px}.daily-row b{margin-left:auto;white-space:nowrap}.daily-row.done{background:#e1f5dc;color:#23a856}.feature-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:12px}.feature-card{position:relative;min-height:163px;border:4px solid white;border-radius:24px;overflow:hidden;padding:20px 20px 18px;background:linear-gradient(90deg,#fff2e9 20%,#fff2e9b8 70%,#fff2e938),var(--feature-image) center/cover;box-shadow:0 7px 20px #92714c22;transition:transform .18s}.feature-card:hover{transform:translateY(-4px)}.feature-1{background:linear-gradient(90deg,#e4f4ff 5%,#e4f4ffa8 80%),var(--feature-image) center/cover}.feature-2{background:linear-gradient(90deg,#e1f9e8 5%,#e1f9e8a8 80%),var(--feature-image) center/cover}.feature-3{background:linear-gradient(90deg,#fff1c9 5%,#fff1c9a8 80%),var(--feature-image) center/cover}.feature-card h2{display:flex;align-items:center;gap:11px;margin-bottom:10px;font-size:22px}.feature-card h2 .icon{color:#ff4136;width:37px;height:37px;fill:#ff48393b}.feature-1 .icon{color:#ffbe10!important}.feature-2 .icon{color:#21a054!important}.feature-3 .icon{color:#ffb51c!important}.feature-card p{font-size:14px;max-width:155px;line-height:1.6;font-weight:700;margin-bottom:0}.feature-arrow{position:absolute;bottom:13px;right:15px;border-radius:50%;border:3px solid white;background:#ff6744;color:white;padding:3px}.feature-arrow .icon{color:white!important;width:22px;height:22px}.map-page{display:grid;grid-template-columns:1fr 350px;gap:24px;padding:104px 24px 25px;background:url('assets/map-scene.png') center/cover;min-height:100vh}.map-playfield{position:relative;min-height:690px}.wood-sign{position:absolute;top:15px;left:10px;transform:rotate(-3deg);background:linear-gradient(#d68e46,#aa5b28);border:9px solid #8d481e;border-radius:15px;color:#ffeb9c;padding:17px 25px;box-shadow:inset 0 0 0 3px #efb369,0 8px 0 #693616}.wood-sign strong{font-size:32px;font-weight:1000;text-shadow:0 3px #6f3011}.wood-sign p{color:#fff5da;font-weight:800;line-height:1.7;margin:6px 0 0;font-size:14px}.level-node{position:absolute;transform:translate(-50%,-50%);display:grid;grid-template-columns:66px auto;align-items:center;background:none;border:0;padding:0;min-width:195px;filter:drop-shadow(0 5px 7px #3726135c);transition:scale .2s;z-index:1}.level-node:hover{scale:1.06}.node-number{width:72px;height:72px;border:6px solid white;background:linear-gradient(#fff7,#fff0),var(--blue);border-radius:50%;color:white;display:grid;place-items:center;font-size:39px;font-weight:1000;z-index:2;box-shadow:0 4px 0 #0362b2,inset 0 2px 5px #fff7}.level-node.red .node-number{background:linear-gradient(#ff8274,#ff3033);box-shadow:0 4px 0 #db2924,inset 0 2px 5px #fff7}.level-node.orange .node-number{background:linear-gradient(#ffc756,#ff8b11);box-shadow:0 4px 0 #bd651e}.level-node.purple .node-number{background:linear-gradient(#c994ef,#9561d4)}.node-name{border:4px solid white;border-radius:0 25px 25px 0;color:white;font-size:21px;font-weight:900;padding:9px 20px 9px 15px;background:linear-gradient(#ff8472,#ff3535);margin-left:-5px;white-space:nowrap}.level-node.blue .node-name{background:linear-gradient(#3fb7ff,#178de8)}.level-node.future .node-name{background:linear-gradient(#b4c4d4,#768ca6)}.node-stars{grid-column:2;font-size:20px;color:#ffcf42;text-shadow:0 2px #9d5818;margin-top:3px}.level-node.future .node-stars{font-size:12px;color:white;background:#233d6990;padding:4px;border-radius:10px;text-shadow:none}.level-node.selected{scale:1.08}.level-node.selected .node-number{outline:5px solid #ffe898;outline-offset:3px}.map-tip{position:absolute;bottom:16px;left:25px;display:flex;align-items:center;gap:12px;border:3px solid white;border-radius:25px;background:#fff8dbef;padding:12px 23px;font-weight:900}.map-tip .icon{color:#f68a1c}.map-sidebar{padding-top:8px}.chapter-panel{padding:19px 22px;margin-bottom:15px;overflow:hidden}.chapter-panel h2{font-size:19px;color:#087eec;line-height:1.5}.chapter-panel p{font-size:14px;line-height:1.7;color:#586a81}.chapter-progress{display:flex;justify-content:space-between;font-size:14px;font-weight:800}.chapter-progress b{color:#1cac50}.chapter-panel a{font-size:13px;color:#0986e7;display:flex;align-items:center;justify-content:flex-end;margin-top:9px}.chapter-panel a .icon{width:15px;height:15px}.mission-preview{padding:18px 22px}.mission-preview h2{color:#ff4036;display:flex;gap:7px;margin-bottom:10px}.mission-image{height:140px;background:url('assets/reference-game.png') 55% 45%/cover;border-radius:18px;margin-bottom:13px}.mission-preview h3{font-size:24px;margin:7px 0 10px}.mission-preview p{font-size:13px;line-height:1.7;color:#52637c}.overline{color:#bd7138;font-size:12px;letter-spacing:2px;font-weight:900}.mission-preview h4{margin:14px 0 8px}.mission-preview ul{padding:0;list-style:none;margin:8px 0 18px}.mission-preview li{font-size:13px;display:flex;gap:8px;align-items:center;margin:7px 0}.mission-preview li .icon{width:16px;height:16px;color:#22ad64}.mission-preview .toy-button{width:100%;font-size:19px;padding:12px;min-height:55px}.coming-label{color:#8996a8;font-size:13px;display:flex;align-items:center;gap:8px;margin:12px 0}.coming-label .icon{width:17px;height:17px}.map-return{display:block;text-align:center;font-size:14px;font-weight:800;margin-top:16px}.academy-page{padding:95px 25px 30px;min-height:100vh;background:linear-gradient(#d6effcb0 0%,#e6f5feee 50%),url('assets/map-scene.png') center top/cover}.academy-hero{position:relative;min-height:270px;display:flex;justify-content:center;overflow:hidden}.academy-mascot{position:absolute;width:32%;top:0;bottom:0;left:0;background:url('assets/reference-academy.png') 2% 30%/auto 540px;border-radius:0 0 40% 15%;mask-image:linear-gradient(90deg,black 80%,transparent)}.academy-copy{width:min(750px,65%);margin-left:27%;text-align:center;padding:13px 5px 0}.academy-copy h1{font-size:clamp(39px,4vw,65px);color:#f93334;paint-order:stroke fill;-webkit-text-stroke:7px white;letter-spacing:2px;margin:8px 0;font-weight:1000;text-shadow:0 4px #a6421b}.academy-copy h1 .icon{width:64px;height:64px;fill:#ff665638;stroke:#fd5142;margin-right:12px}.academy-copy .hero-ribbon{margin:0 0 13px;font-size:18px}.search-bar{display:flex;align-items:center;background:white;border:4px solid white;border-radius:40px;padding:4px 5px 4px 21px;box-shadow:0 4px 8px #5ba4c331}.search-bar .icon{color:#929eb4}.search-bar input{flex:1;border:none;padding:12px 15px;min-width:0;background:none;outline:none;font-size:16px}.search-bar button{background:linear-gradient(#ff6254,#ff2d3b);border:0;color:white;font-weight:900;border-radius:29px;padding:13px 27px;font-size:18px}.hot-search{display:flex;justify-content:center;gap:9px;align-items:center;flex-wrap:wrap;margin-top:12px;font-size:13px}.hot-search button{background:#ffffffdf;border:1px solid white;border-radius:20px;padding:6px 14px;font-size:12px}.academy-tabs,.profile-tabs{display:flex;justify-content:center;gap:10px;background:#f4fcfff0;border:3px solid white;max-width:790px;margin:4px auto 18px;padding:6px;border-radius:40px}.academy-tabs button,.profile-tabs button{border:0;background:none;border-radius:29px;font-weight:900;font-size:16px;padding:12px 25px;display:flex;align-items:center;gap:8px}.academy-tabs button.active,.profile-tabs button.active{background:linear-gradient(#ff674c,#ff3034);color:white;box-shadow:0 3px #d72b30}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.category-card{position:relative;min-height:164px;text-align:left;border:4px solid white;border-radius:24px;padding:20px 18px;box-shadow:0 5px 13px #75aad927;overflow:hidden;background:linear-gradient(135deg,white,color-mix(in srgb,currentColor,white 73%));transition:transform .2s}.category-card>.icon{position:absolute;bottom:3px;right:1px;width:105px;height:105px;opacity:.13;fill:currentColor}.category-card h2{font-size:23px;margin:0 0 9px;font-weight:1000;position:relative}.category-card>span{font-size:13px;font-weight:700;display:block;max-width:135px;line-height:1.7;color:#314762}.category-card b{position:absolute;bottom:15px;left:18px;background:currentColor;border:3px solid white;border-radius:50%;padding:4px}.category-card b .icon{color:white;width:20px;height:20px}.category-card.chosen{outline:4px solid currentColor;outline-offset:-4px}.category-card:hover{transform:translateY(-3px)}.knowledge-library{display:grid;grid-template-columns:235px 1fr;padding:24px;gap:27px}.chapter-list{border-right:1px solid #dbe8f3;padding-right:22px}.chapter-list h2{font-size:19px;display:flex;gap:8px;align-items:center}.chapter-list h2 .icon{color:#ff4d40}.chapter-list button{display:block;border:0;background:none;padding:14px 12px;text-align:left;width:100%;border-radius:13px;font-size:13px;font-weight:700;margin:3px 0}.chapter-list button span{color:#8299b4;margin-right:10px}.chapter-list button.active{background:#e1f1ff;color:#087bd7}.chapter-list p{font-size:11px;line-height:1.9;color:#788da3;padding:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.section-heading h2{margin:0;display:flex;align-items:center;gap:8px}.section-heading>span{color:#8496ac;font-size:12px}.knowledge-row{width:100%;border:0;border-bottom:1px solid #e8eff5;text-align:left;background:none;padding:15px 3px;display:flex;align-items:center;gap:16px}.knowledge-row:hover{background:#f5faff;border-radius:13px}.knowledge-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:color-mix(in srgb,currentColor,white 90%)}.knowledge-row small{display:block;color:#9ba8b7;font-size:11px;margin-bottom:5px}.knowledge-row strong{font-size:16px}.read-state{margin-left:auto;font-size:12px;color:#278cd6}.knowledge-row>.icon{width:18px;height:18px;color:#9eafc2}.equipment-grid,.roles-grid,.training-grid{display:grid;gap:18px;grid-template-columns:repeat(4,1fr);max-width:1380px;margin:auto}.equipment-card{padding:26px;text-align:center}.equipment-card p{font-size:14px;line-height:1.9;color:#61748c;min-height:74px}.equipment-card .toy-button{font-size:16px;min-height:52px;width:100%;padding:10px}.equipment-illustration{display:grid;place-items:center;margin:0 auto 20px;width:132px;height:132px;background:linear-gradient(135deg,white,color-mix(in srgb,currentColor,white 70%));border:4px solid white;box-shadow:0 5px 0 #e6eaf0;border-radius:35px}.equipment-illustration .icon{width:83px;height:83px;fill:color-mix(in srgb,currentColor,transparent 83%)}.roles-grid{grid-template-columns:1fr 1fr}.role-card{padding:35px;display:flex;gap:25px;align-items:center}.role-card h2{font-size:30px;margin:12px 0}.role-card p,.role-card li{font-size:14px;line-height:1.9}.role-card ul{padding-left:17px}.role-mascot{display:block;width:150px;height:220px;flex-shrink:0;border-radius:45%;background:url('assets/home-scene.png') -156px -54px/670px auto}.role-mascot.dog{background-position:-105px -174px}.role-card.dog{background:linear-gradient(135deg,#fdfefe,#e4f6ff)}.key-guide{font-size:12px!important;color:#1987d5}.quiz-card{max-width:750px;margin:auto;padding:40px;text-align:center}.big-icon{display:grid;place-items:center;margin:0 auto 20px}.big-icon .icon{width:100px;height:100px;fill:#f7d173}.quiz-card h2{font-size:30px}.quiz-card p{color:#8090a3;margin-bottom:25px}.success-label{color:#1cac60;display:block;margin:15px 0}.error-label{color:#ed5643;display:block;margin:15px 0}.profile-page{padding:108px 25px 30px;display:grid;grid-template-columns:28% 1fr;gap:24px;min-height:100vh;background:linear-gradient(#eef8fe20,#eef8fe88),url('assets/home-scene.png') center/cover}.profile-character{display:flex;flex-direction:column;justify-content:space-between;min-height:680px}.character-quote{font-size:24px;line-height:1.55;font-weight:1000;transform:rotate(-6deg);max-width:290px;paint-order:stroke fill;-webkit-text-stroke:5px white;padding:10px}.personal-file{padding:23px;background:#fffbedea}.personal-file h2{color:#fb3b2e;text-align:center}.file-person{display:flex;align-items:center;gap:18px;font-size:14px;font-weight:900}.file-counts{display:flex;gap:7px;margin-top:20px}.file-counts span{flex:1;background:white;border:1px solid #f2dbae;border-radius:13px;padding:11px 5px;text-align:center;font-size:10px}.file-counts .icon{color:#ffae18;display:block;margin:0 auto 5px}.file-counts b{font-size:18px;margin-right:4px}.profile-content{min-width:0}.growth-panel{padding:22px 28px;position:relative}.growth-panel h1{display:inline-flex;gap:10px;align-items:center;font-size:25px;color:white;background:linear-gradient(#ff6454,#ff3130);border-radius:16px;padding:10px 20px;margin:0 0 15px}.growth-copy{max-width:410px}.growth-copy>strong{font-size:24px;display:block;margin:6px 0}.growth-copy>.level-label{display:none}.growth-copy p{color:#657a96;font-size:13px;margin:12px 0}.rank-path{display:flex;gap:8px;align-items:center;justify-content:space-around;margin-top:20px}.rank-path>span{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;color:#8e9cad;position:relative;filter:grayscale(1)}.rank-path .icon{width:48px;height:48px;fill:#e6d5b7;stroke:#b48f38}.rank-path>span.achieved{filter:none;color:#a66017}.rank-path>span.achieved .icon{fill:#fff06a;stroke:#ffa11e}.rank-path b{font-size:13px}.profile-tabs{margin-top:16px;margin-bottom:16px;max-width:600px}.collection-panel{padding:26px}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.badge-card{text-align:center;padding:15px 8px;background:linear-gradient(135deg,#fffefc,#f1f0ec);border-radius:19px}.badge-shield{display:inline-flex;align-items:center;justify-content:center;width:81px;height:94px;background:linear-gradient(135deg,#fff094,#e9a724);clip-path:polygon(50% 0,94% 15%,90% 63%,50% 100%,10% 63%,6% 15%);filter:drop-shadow(0 2px #a46310);position:relative;border:7px solid #ffe85b}.badge-shield>.icon:first-child{width:48px;height:48px;fill:currentColor;stroke:white;stroke-width:1.6}.badge-shield .badge-lock{position:absolute;bottom:13px;right:10px;fill:#c6cbd3;stroke:#596570;width:18px;height:18px}.badge-card.locked{filter:grayscale(1);opacity:.62}.badge-card h3{font-size:15px;margin:9px 0 6px}.badge-card p{font-size:11px;color:#7e8aa0;margin:0;line-height:1.8}.badge-card small{display:block;color:#86a091;font-size:10px;margin-top:5px}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.collectible{border:2px solid #ffe4a3;border-radius:18px;padding:22px;background:linear-gradient(135deg,#fffbec,#fff1d3);text-align:left;position:relative}.collectible>span .icon{color:#f2a324;width:40px;height:40px;fill:#ffdd79}.collectible small{display:block;color:#b78845;font-size:12px;margin-top:12px}.collectible h3{font-size:17px;margin:7px 0}.collectible p{font-size:12px;line-height:1.8;color:#768694;margin-bottom:0}.collectible.locked{filter:grayscale(1);opacity:.6}.new-tag{position:absolute;top:14px;right:14px;border-radius:8px;background:#ffa719;color:white;font-size:11px;padding:4px 7px}.record-row{display:flex;align-items:center;gap:15px;padding:18px 5px;border-bottom:1px solid #e9eef4}.record-row>.icon{color:#2298ef}.record-row strong{font-size:16px}.record-row small{display:block;color:#97a3b3;margin-top:7px;font-size:11px}.record-row a{margin-left:auto;font-size:12px;color:#1484da}.record-row a .icon{width:15px;height:15px}.save-note{text-align:right;color:#486883;font-size:12px;margin:12px 10px}.empty-state{text-align:center;padding:45px 15px;color:#8b9cb1}.empty-state a{display:table;margin:20px auto 0;font-size:18px}.training-page{background:linear-gradient(#daeeffaa,#f0f9fff0),url('assets/map-scene.png') center/cover;padding:135px 5vw 40px;min-height:100vh}.training-heading{text-align:center;margin-bottom:32px}.training-heading h1{font-size:46px;margin:14px 0 15px;paint-order:stroke fill;-webkit-text-stroke:5px white;font-weight:1000}.training-heading p{font-size:16px}.training-grid{grid-template-columns:repeat(3,1fr)}.training-card{padding:24px;text-align:center;overflow:hidden}.training-card p{color:#798ca3;font-size:14px;line-height:1.8;min-height:56px}.training-card .toy-button{font-size:18px;padding:13px 16px;min-height:58px}.training-picture{height:170px;background:url('assets/reference-game.png') center/cover;border-radius:19px;margin-bottom:22px}.training-symbol{height:170px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(135deg,white,color-mix(in srgb,currentColor,white 78%));margin-bottom:22px}.training-symbol .icon{width:93px;height:93px;fill:color-mix(in srgb,currentColor,transparent 82%)}.legacy-link{display:block;text-align:center;margin:28px;color:#59738c;font-size:13px}dialog{color:#173357;background:#fffdf5;max-width:650px;width:calc(100% - 40px);border:4px solid white;border-radius:27px;padding:34px;box-shadow:0 20px 100px #1d3c6655}dialog::backdrop{background:#14325b9c;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:15px;top:12px;width:33px;height:33px;border:0;border-radius:50%;background:#edf3f8;color:#6a829b;font-size:27px}.dialog-icon{font-size:45px}.sound-option{display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:13px;background:#eef6fd;margin:20px 0}dialog p{font-size:14px;line-height:1.9;color:#657e97}.reader-dialog h2{font-size:26px;margin:10px 20px 15px 0}.knowledge-category{color:#e5a23f!important;font-weight:800;font-size:12px!important}.lesson-section{padding:16px 19px;border-radius:14px;background:color-mix(in srgb,currentColor,white 92%);margin:12px 0}.lesson-section strong{font-size:15px}.lesson-section p{font-size:14px;margin:7px 0 0;line-height:1.9;color:#3c536c}.lesson-note,.source-link{font-size:11px!important;color:#96a4b4!important}.source-link{display:block;margin:12px 0}.reader-dialog>.toy-button{font-size:17px;min-height:50px;padding:12px 20px;margin-top:15px}.equipment-dialog-icon .icon{width:110px;height:110px;display:block;margin:20px auto}.quiz-answers{display:grid;gap:12px;margin:22px 0}.quiz-answers button{border:2px solid #d4e8fb;border-radius:15px;background:#f0f8ff;padding:18px 15px;font-size:15px;font-weight:800;text-align:left}.quiz-answers button:hover{border-color:#198def}.quiz-answers button:disabled{opacity:.55}#quiz-feedback .toy-button{display:block;font-size:17px;min-height:50px;margin-top:16px;padding:12px 20px}.quiz-result{display:flex;align-items:center;justify-content:center;gap:15px;margin:22px}.quiz-result .icon{width:55px;height:55px;color:#ffb624;fill:#ffd876}.quiz-result strong{font-size:38px}.toast{position:fixed;left:50%;bottom:25px;z-index:30;transform:translate(-50%,30px);border:2px solid white;border-radius:25px;background:#153259ee;color:white;font-size:14px;padding:12px 23px;opacity:0;pointer-events:none;transition:.2s;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1700px){.home-page{padding-top:130px}.home-hero{min-height:390px}.home-stats{margin-top:25px}.home-stats .glass-card{min-height:166px}.feature-card{min-height:205px}.map-page{grid-template-columns:1fr 400px}.map-playfield{min-height:780px}}
@media(max-width:1250px){.top-nav{gap:13px}.brand-logo{font-size:29px}.brand-flame{font-size:37px}.nav-link{font-size:14px;padding:12px}.nav-tools{gap:4px}.profile-pill{display:none}.top-nav nav{max-width:620px}.hero-buttons .toy-button{font-size:17px;padding:13px 16px}.home-hero{margin-left:34%;width:65%;min-height:315px}.home-stats{margin-left:33%;width:67%;grid-template-columns:1fr 1fr}.daily-card{display:none}.feature-card{padding:15px;min-height:157px}.feature-card h2{font-size:19px}.map-page{grid-template-columns:1fr 315px;gap:12px}.wood-sign{padding:12px 15px}.wood-sign strong{font-size:25px}.level-node{min-width:160px;grid-template-columns:56px auto}.node-number{width:62px;height:62px;font-size:30px}.node-name{font-size:17px;padding:9px 15px}.category-card h2{font-size:19px}.academy-tabs button{font-size:14px;padding:10px 18px}.role-card{padding:20px;gap:15px}.role-mascot{width:110px;height:200px}.profile-page{grid-template-columns:27% 1fr;gap:15px}.personal-file{padding:16px}.file-person{gap:10px}.file-person>.portrait{display:none}}
@media(max-width:900px){.top-nav{position:relative;top:0;left:0;transform:none;width:100%;height:auto;padding:12px 15px;background:#def0fbe8;flex-wrap:wrap;gap:10px}.brand-logo{font-size:30px;flex:1}.nav-tools{margin-left:auto}.top-nav nav{order:3;max-width:none;width:100%;flex-basis:100%}.nav-link{flex:1;justify-content:center;padding:10px 5px;font-size:13px;gap:5px}.nav-link .icon{width:22px;height:22px}.home-page{padding:20px 18px;background-position:28% center}.home-hero{margin-left:30%;width:70%;min-height:300px}.home-hero h1{font-size:43px;-webkit-text-stroke:6px white}.hero-ribbon{font-size:13px;padding:7px 12px}.hero-buttons{gap:8px;flex-wrap:wrap}.hero-buttons .toy-button{padding:11px 13px;font-size:14px;min-height:49px;gap:6px}.hero-buttons .icon{width:19px;height:19px}.button-arrow{display:none}.home-stats{margin-left:0;width:100%;margin-top:15px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card{min-height:143px}.map-page{padding:15px;grid-template-columns:1fr;gap:15px}.map-playfield{min-height:510px}.map-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:15px}.chapter-panel{align-self:start;margin-bottom:0}.mission-image{height:120px}.map-return{grid-column:1/-1}.academy-page{padding:20px 15px}.academy-copy{margin-left:18%;width:80%}.academy-mascot{width:30%;background-size:auto 410px}.academy-hero{min-height:240px}.academy-copy h1{font-size:42px}.academy-copy h1 .icon{width:40px;height:40px}.academy-tabs{margin:13px auto}.category-grid{grid-template-columns:repeat(3,1fr)}.category-card{min-height:140px}.category-card h2{font-size:20px}.knowledge-library{padding:17px;grid-template-columns:180px 1fr;gap:16px}.chapter-list{padding-right:12px}.chapter-list h2{font-size:16px}.chapter-list button{font-size:11px;padding:12px 7px}.equipment-grid{grid-template-columns:1fr 1fr}.roles-grid{grid-template-columns:1fr}.profile-page{padding:20px 15px;grid-template-columns:1fr;background-position:left top}.profile-character{min-height:0;flex-direction:row;gap:20px;align-items:center}.character-quote{font-size:20px;max-width:210px}.personal-file{width:60%;padding:15px}.file-person{display:none}.personal-file h2{font-size:18px}.file-counts{margin-top:10px}.growth-panel{padding:20px}.training-page{padding:35px 20px}.training-grid{grid-template-columns:1fr}.training-card{max-width:600px;width:100%;margin:auto}.training-heading h1{font-size:37px}.training-picture,.training-symbol{height:190px}}
@media(max-width:520px){.brand-logo{font-size:27px}.brand-flame{font-size:34px}.round-button{width:35px;height:35px}.round-button .icon{width:21px;height:21px}.nav-link{font-size:11px}.nav-link .icon{width:19px;height:19px}.home-page{background-position:20% top;background-size:auto 610px;background-repeat:no-repeat;background-color:#def2ff;padding:16px 12px}.home-hero{margin:0 0 0 23%;width:77%;min-height:302px}.home-hero h1{font-size:35px;-webkit-text-stroke:5px white;line-height:1.2}.home-hero .hero-ribbon{font-size:11px;padding:6px 7px}.hero-buttons{max-width:240px;gap:9px;margin:auto}.hero-buttons .toy-button:first-child{width:100%;font-size:19px}.hero-buttons .toy-button:not(:first-child){font-size:12px;gap:4px;padding:9px 10px;min-height:42px}.hero-buttons .toy-button:not(:first-child) .icon{width:17px;height:17px}.home-stats{grid-template-columns:1fr 1fr;gap:9px}.home-stats .glass-card{padding:14px 11px;border-radius:19px;min-height:131px}.level-card>.portrait{display:none}.level-label{font-size:12px}.level-label b{font-size:23px}.badge-preview{gap:5px}.badge-preview>.icon:first-child{display:none}.badge-preview strong{font-size:14px}.badge-mini{gap:3px}.badge-mini .icon{width:19px;height:19px}.badge-mini span{padding:2px}.feature-grid{gap:9px}.feature-card{border-width:3px;border-radius:19px;min-height:147px;padding:14px 11px}.feature-card h2{font-size:17px;gap:5px}.feature-card h2 .icon{width:27px;height:27px}.feature-card p{font-size:11px;max-width:125px;line-height:1.7}.feature-arrow{right:9px;bottom:9px}.map-page{padding:10px;background-size:auto 740px;background-position:37% 0;background-repeat:no-repeat;background-color:#d3f3ef}.map-playfield{min-height:435px}.wood-sign{border-width:6px;top:6px;left:4px;padding:10px 12px;max-width:170px}.wood-sign strong{font-size:22px}.wood-sign p{font-size:10px;line-height:1.5}.level-node{min-width:125px;grid-template-columns:44px auto}.node-number{width:49px;height:49px;border-width:4px;font-size:24px}.node-name{font-size:13px;padding:6px 9px;border-width:3px}.node-stars{font-size:14px}.level-node.future .node-stars{font-size:9px}.map-tip{font-size:10px;bottom:3px;left:5px;border-width:2px;gap:6px;padding:9px 13px}.map-tip .icon{width:17px;height:17px}.map-sidebar{grid-template-columns:1fr;gap:10px}.chapter-panel{padding:16px 20px}.chapter-panel h2{font-size:16px}.chapter-panel p{font-size:12px}.mission-preview{padding:18px 20px}.mission-image{height:147px}.academy-page{padding:16px 10px}.academy-hero{min-height:215px}.academy-mascot{width:23%;background-size:auto 350px;background-position:0% 35%;opacity:.75}.academy-copy{margin-left:8%;width:90%;padding:2px}.academy-copy h1{font-size:36px;margin:5px 0;-webkit-text-stroke:5px white}.academy-copy .overline{font-size:9px}.academy-copy h1 .icon{width:35px;height:35px}.academy-copy .hero-ribbon{font-size:12px;margin:0 0 14px}.search-bar{padding:3px 4px 3px 12px;border-width:3px}.search-bar input{font-size:12px;padding:10px}.search-bar>.icon{width:20px;height:20px}.search-bar button{font-size:13px;padding:11px 16px}.hot-search{gap:5px;font-size:10px}.hot-search button{font-size:10px;padding:5px 9px}.academy-tabs,.profile-tabs{gap:3px;padding:4px}.academy-tabs button,.profile-tabs button{font-size:10px;padding:9px 7px;gap:4px}.academy-tabs .icon,.profile-tabs .icon{width:19px;height:19px}.category-grid{grid-template-columns:1fr 1fr;gap:8px}.category-card{min-height:128px;padding:15px 12px;border-width:3px;border-radius:19px}.category-card h2{font-size:18px}.category-card>span{font-size:10px}.category-card:last-child{grid-column:1/-1;min-height:90px}.category-card:last-child b{left:auto;right:13px;bottom:18px}.category-card>.icon{width:70px;height:70px}.category-card b{bottom:9px;left:12px;padding:2px;border-width:2px}.category-card b .icon{width:17px;height:17px}.knowledge-library{display:block;padding:15px 12px}.chapter-list{border:0;padding:0;margin-bottom:18px;display:flex;gap:5px;overflow-x:auto}.chapter-list h2,.chapter-list p{display:none}.chapter-list button{width:auto;white-space:nowrap;font-size:10px;padding:9px}.chapter-list button span{display:none}.section-heading{gap:5px}.section-heading h2{font-size:16px}.section-heading>span{font-size:9px}.knowledge-row{gap:9px;padding:14px 0}.knowledge-icon{width:37px;height:37px;border-radius:12px;flex-shrink:0}.knowledge-icon .icon{width:23px;height:23px}.knowledge-row strong{font-size:12px}.knowledge-row small{font-size:9px}.read-state{font-size:9px;white-space:nowrap}.knowledge-row>.icon{width:12px}.equipment-grid{gap:10px}.equipment-card{padding:17px 10px}.equipment-card h2{font-size:18px}.equipment-card p{font-size:11px;min-height:79px}.equipment-illustration{width:90px;height:90px;border-radius:27px}.equipment-illustration .icon{width:55px;height:55px}.equipment-card .toy-button{font-size:11px;gap:5px;min-height:45px;padding:9px}.equipment-card .toy-button .icon{width:16px;height:16px}.role-mascot{width:88px;height:180px;background-size:580px auto;background-position:-144px -59px}.role-mascot.dog{background-position:-93px -154px}.role-card{padding:20px 10px;gap:10px}.role-card h2{font-size:24px}.role-card p,.role-card li{font-size:11px}.role-card .overline{font-size:9px}.profile-page{padding:12px 10px;gap:12px}.profile-character{gap:5px}.character-quote{font-size:15px;width:34%;-webkit-text-stroke:4px white}.personal-file{width:65%;padding:10px;border-radius:19px}.personal-file h2{font-size:14px;margin-bottom:7px}.file-counts{gap:4px;margin-top:5px}.file-counts span{font-size:8px;padding:7px 2px}.file-counts .icon{width:21px;height:21px}.file-counts b{font-size:14px;margin:0 2px}.growth-panel{padding:15px;border-radius:21px}.growth-panel h1{font-size:18px;padding:9px 13px}.growth-copy>strong{font-size:23px}.growth-copy p{font-size:11px}.rank-path{gap:5px}.rank-path>span{font-size:8px}.rank-path .icon{width:35px;height:35px}.rank-path b{font-size:10px}.collection-panel{padding:15px;border-radius:21px}.badge-grid{grid-template-columns:1fr 1fr;gap:9px}.badge-card{padding:13px 5px}.badge-shield{width:70px;height:82px}.badge-shield>.icon:first-child{width:41px;height:41px}.badge-card h3{font-size:12px}.badge-card p{font-size:9px}.badge-card small{font-size:9px}.collection-grid{gap:8px}.collectible{padding:17px 12px}.collectible h3{font-size:13px}.collectible p{font-size:10px}.collectible small{font-size:10px}.collectible>span .icon{width:30px;height:30px}.record-row{gap:8px}.record-row strong{font-size:12px}.record-row small{font-size:9px}.record-row a{font-size:10px;white-space:nowrap}.record-row a .icon{display:none}.save-note{font-size:10px}.training-page{padding:28px 12px}.training-heading h1{font-size:30px}.training-heading p{font-size:12px}.training-heading .overline{font-size:9px}.training-card{padding:20px}.training-picture,.training-symbol{height:150px}.training-card h2{font-size:23px}.training-card p{font-size:13px}.training-card .toy-button{font-size:17px}.quiz-card{padding:28px 20px}.quiz-card h2{font-size:25px}.quiz-card p{font-size:12px}.quiz-card .toy-button{font-size:17px;min-height:50px;padding:12px 18px}dialog{padding:26px 21px;border-radius:22px}.reader-dialog h2{font-size:21px}.lesson-section{padding:13px}.lesson-section p{font-size:12px}.quiz-answers button{font-size:13px}}