/* MOD tutorial hub: the homepage palette and straight section edges. */
.pixel-mod .pm-hero{padding:170px 0 64px;border-bottom:1px solid #2b3944;background:radial-gradient(ellipse at 80% 45%,#2a222833,transparent 58%),#0e1721}
.pm-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center}.pm-hero-copy{min-width:0}.pm-hero-copy h1{font-family:"Arial Black",Arial,"Microsoft YaHei",sans-serif;font-size:clamp(40px,4.3vw,62px);font-weight:900;line-height:1.12;letter-spacing:-2.5px;margin:0 0 25px}.pm-hero-copy h1 span{display:block;color:var(--pc-green)}.pm-lead{max-width:440px;font-size:17px;line-height:1.85;color:#b5c5cf;margin:0}.pm-hero .pc-eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:25px}.pm-hero .pc-actions{gap:22px}.pm-hero .pc-button{padding:14px 19px;gap:20px}.pm-hero-note{color:#90a5b3;font:11px Consolas,monospace;letter-spacing:.8px;margin:28px 0 0}
.pm-hero-art{margin:0;border:1px solid #35404c;background:#101922;min-width:0}.pm-hero-art>img{width:100%;height:auto;aspect-ratio:1.48;object-fit:cover;object-position:52% 50%}.pm-hero-art figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 20px;font-size:12px;color:#adbfcb}.pm-hero-art figcaption a{font-weight:700;color:#f2f4ed}.pm-hero-art figcaption a:hover{color:var(--pc-green)}
.pm-roadmap,.pm-projects{padding-top:64px;padding-bottom:20px;scroll-margin-top:145px}.pm-section-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:28px}.pm-section-heading>p{max-width:360px;color:#9eafba;font-size:14px;line-height:1.8;margin:0}.pixel-mod h2{font-size:clamp(27px,2.8vw,36px);line-height:1.3}.pm-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.pm-chapter{border:1px solid #2a3945;background:#121d27}.pm-chapter-heading{padding:24px 23px 18px;min-height:167px;border-bottom:1px solid #2a3945}.pm-chapter-heading>span{display:block;font:700 11px Consolas,monospace;letter-spacing:2px;color:var(--pc-green);margin-bottom:15px}.pm-chapter h3{font-size:20px;line-height:1.3;margin:0 0 12px;letter-spacing:-.5px}.pm-chapter-heading p{font-size:13px;line-height:1.75;color:#9eafbb;margin:0;max-width:290px}.pm-chapter ol{padding:0;margin:0;list-style:none}.pm-chapter li+li{border-top:1px solid #23323d}.pm-lesson{display:grid;grid-template-columns:22px 1fr 13px;align-items:center;gap:12px;padding:19px 23px;min-height:79px;font-size:14px;line-height:1.65}.pm-lesson:hover{background:#1d2d35;color:#d0ff95}.pm-lesson-number{font:11px Consolas,monospace;color:#829cae}.pm-arrow{color:var(--pc-green)}.pm-route-note{font-size:13px;color:#91a6b6;margin:23px 0 0;display:flex;gap:15px;flex-wrap:wrap}.pm-route-note a{color:#dbe7ef;text-decoration:underline;text-underline-offset:4px}
.pm-projects{padding-top:52px;padding-bottom:50px}.pm-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.pm-project{display:flex;flex-direction:column;background:#141e28;border:1px solid #2c3946;transition:border-color .15s}.pm-project:hover{border-color:#9abb80}.pm-project-image{aspect-ratio:1.75;overflow:hidden;background:#0f1b26;border-bottom:1px solid #2b3945}.pm-project-image img{width:100%;height:100%;object-fit:cover}.pm-project.is-item .pm-project-image{background:radial-gradient(ellipse,#1c4359,#0f1b26 70%)}.pm-project.is-item img{object-fit:contain;padding:22px}.pm-project.is-game img{transform:scale(1.28);transform-origin:100% 80%}.pm-project.is-creature img{object-position:68% 55%}.pm-project-copy{padding:25px;flex:1;display:flex;flex-direction:column}.pm-project-copy .pc-kicker{font-size:9px;letter-spacing:1px}.pm-project h3{font-size:23px;line-height:1.2;letter-spacing:-.5px;margin:4px 0 16px}.pm-project-copy>p:not(.pc-kicker){font-size:14px;line-height:1.8;color:#aab9c4;margin:0 0 24px}.pm-project-link{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #2d3b48;padding-top:16px;margin-top:auto;font-size:13px;font-weight:700}.pm-project-link>span{color:var(--pc-green);font-size:21px}
.pm-more-projects{margin-top:30px;display:grid;grid-template-columns:185px 1fr;gap:35px;padding:25px 0;border-top:1px solid #283743}.pm-more-projects>h3{font-size:16px;margin:8px 0}.pm-more-projects ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}.pm-more-projects a{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:10px 0;color:#afc0cb;font-size:13px;line-height:1.7}.pm-more-projects a:hover{color:var(--pc-green)}
.pm-advanced{border-top:1px solid #283743;border-bottom:1px solid #283743}.pm-advanced summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:18px 0;list-style:none;font-size:14px;color:#9eb2bf}.pm-advanced summary::-webkit-details-marker{display:none}.pm-advanced summary>span{font-size:24px;color:var(--pc-green);transition:transform .15s}.pm-advanced[open] summary>span{transform:rotate(45deg)}.pm-advanced summary:focus-visible{outline:3px solid #8bcaff;outline-offset:5px}.pm-advanced-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding:10px 0 30px}.pm-advanced-grid article{display:flex;flex-direction:column;border:1px solid #2d3b48;padding:22px}.pm-advanced-grid h3{font-size:17px;line-height:1.6;margin:0 0 13px}.pm-advanced-grid p{font-size:13px;color:#9eafbb;line-height:1.8;margin:0 0 20px}.pm-advanced-action{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:auto;font-size:13px}.pm-advanced-action form{margin:0}.pm-advanced-action a,.pm-advanced-action button{color:#dce9d6;border:1px solid #465b49;padding:8px 11px;background:#1a2823;cursor:pointer;font-size:12px}.pm-advanced-action i{display:none}
.pm-resources{margin-bottom:68px;padding:32px 38px;border:1px solid #32433c;background:#14221d;display:flex;align-items:center;justify-content:space-between;gap:40px}.pm-resources h2{font-size:27px}.pm-resources p:not(.pc-kicker){font-size:14px;line-height:1.8;color:#a8bcb2;max-width:540px;margin:14px 0 0}.pm-resources nav{display:flex;gap:18px;flex-wrap:wrap;flex-shrink:0}.pm-resources .pc-button{font-size:13px;padding:13px 17px;gap:18px}.pm-resources .pc-text-link{font-size:13px}
@media(max-width:1100px){.pixel-mod .pm-hero{padding-top:155px}.pm-hero-grid{gap:28px;grid-template-columns:1fr 1fr}.pm-hero-copy h1{font-size:45px}.pm-hero .pc-eyebrow{font-size:9px;letter-spacing:.5px}.pm-chapters,.pm-project-grid{gap:16px}.pm-chapter-heading{padding:20px;min-height:190px}.pm-lesson{padding:16px;gap:8px;min-height:90px;font-size:13px}.pm-project-copy{padding:20px}.pm-project h3{font-size:21px}.pm-resources{padding:28px}.pm-resources nav{flex-direction:column;align-items:start}.pm-advanced-grid{gap:16px}}
@media(max-width:760px){.pixel-mod .pm-hero{padding:119px 0 35px}.pm-hero-grid{grid-template-columns:1fr;gap:32px}.pm-hero-copy h1{font-size:clamp(38px,8.5vw,58px);letter-spacing:-1.6px}.pm-lead{font-size:16px}.pm-hero-art>img{aspect-ratio:1.65}.pm-hero-art figcaption{font-size:11px;padding:13px 15px;flex-wrap:wrap;gap:8px}.pm-hero-note{font-size:10px}.pm-section-heading{display:block;margin-bottom:24px}.pm-section-heading>p{margin-top:15px}.pm-roadmap{padding-top:40px}.pm-chapters,.pm-project-grid,.pm-advanced-grid{grid-template-columns:1fr;gap:20px}.pm-chapter-heading{min-height:0;padding:22px}.pm-chapter-heading p{max-width:none}.pm-lesson{min-height:65px;padding:17px 22px;font-size:14px}.pm-projects{padding-top:37px;padding-bottom:35px}.pm-project-copy{padding:24px}.pm-project h3{font-size:25px}.pm-project-image{aspect-ratio:1.8}.pm-more-projects{grid-template-columns:1fr;gap:12px;padding:20px 0}.pm-more-projects ul{grid-template-columns:1fr}.pm-more-projects a{border-top:1px solid #21303b;padding:13px 0}.pm-advanced-grid{gap:15px}.pm-resources{display:block;padding:25px;margin-bottom:40px}.pm-resources h2{font-size:24px}.pm-resources nav{margin-top:25px;flex-direction:row;align-items:center;gap:20px}.pixel-mod .pm-hero .pc-actions{gap:20px}.pixel-mod .pm-hero .pc-button{font-size:13px;padding:13px 16px}.pixel-mod .pm-hero .pc-text-link{font-size:12px}}