:root{--navy:#111a3a;--red:#e33232;--cream:#fff8df;--yellow:#ffd83d;--blue:#2e68d9;--green:#62a957;--ink:#20294b;--muted:#69718b;--line:#ded8c9;--max:1180px}*{box-sizing:border-box}html{background:var(--cream)}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.topbar{height:76px;background:#fffdf4;border-bottom:4px solid var(--navy);display:flex;align-items:center;padding:0 42px;gap:30px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;min-width:245px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--red);color:#fff;border:3px solid var(--navy);font-weight:900;box-shadow:4px 4px 0 var(--navy)}.brand b{display:block;font-size:1rem;letter-spacing:.04em}.brand small{display:block;color:#8b8790;font:800 .55rem ui-monospace,monospace;letter-spacing:.16em}.topbar nav{flex:1;display:flex;justify-content:center;gap:22px;font-size:.82rem;font-weight:800}.topbar nav a:hover{color:var(--red)}.header-cta,.arcade-button{background:var(--red);color:#fff;border:3px solid var(--navy);padding:9px 16px;font-weight:900;box-shadow:4px 4px 0 var(--navy)}.ghost-button{border:3px solid var(--navy);padding:9px 16px;font-weight:900;background:#fff}.menu{display:none;background:#fff;border:3px solid var(--navy);padding:7px;font-weight:900}.eyebrow{color:var(--red);font:900 .68rem ui-monospace,monospace;letter-spacing:.16em}.arcade-hero{max-width:var(--max);margin:auto;min-height:650px;padding:70px 30px 46px;display:grid;grid-template-columns:.82fr 1.18fr;gap:42px;align-items:center}.hero-copy h1,.page-hero h1,.plain-page h1{font-size:clamp(2.5rem,5vw,5rem);line-height:1.04;letter-spacing:-.045em;margin:17px 0 22px;max-width:8em}.hero-copy p,.page-hero p,.plain-page>p{color:var(--muted);max-width:550px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin:29px 0}..status-line{font-size:.78rem;color:#7f7a75;font-weight:800}.status-dot{display:inline-block;width:9px;height:9px;background:var(--green);border:2px solid var(--navy);margin-right:7px}.hero-art{margin:0;position:relative}.hero-art img{width:100%;aspect-ratio:16/9;object-fit:cover;border:4px solid var(--navy);box-shadow:8px 8px 0 var(--red)}.hero-art figcaption{font:900 .62rem ui-monospace,monospace;letter-spacing:.14em;margin-top:13px;color:#87806e}.mission-bar{background:var(--navy);color:#fff;padding:42px max(30px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1.1fr auto;gap:40px;align-items:center}.mission-bar h2,.section-head h2,.tool-deck h2,.faq-block h2{font-size:clamp(1.8rem,3.4vw,3.5rem);line-height:1.08;margin:12px 0}.mission-bar p{color:#c8cce0;margin:0}.mini-button,.line-link{color:var(--yellow);font-weight:900;white-space:nowrap}.levels,.article-block,.faq-block{max-width:var(--max);margin:auto;padding:85px 30px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:3px solid var(--navy);padding-bottom:16px;margin-bottom:20px}.section-head>a{color:var(--red);font-weight:900;white-space:nowrap}.level-grid,.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.level-tile{min-height:300px;background:#fff;border:3px solid var(--navy);padding:20px;display:flex;flex-direction:column;position:relative;transition:transform .15s,box-shadow .15s}.level-tile:hover,.level-tile.glitch{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--red)}.tile-code{font:900 .75rem ui-monospace,monospace;color:var(--red)}.pixel-icon{width:38px;height:38px;display:grid;place-items:center;background:var(--yellow);border:3px solid var(--navy);margin:30px 0 12px;color:var(--red)}.level-tile h3{margin:0 0 8px;font-size:1.3rem}.level-tile p{color:var(--muted);font-size:.88rem;margin:0}.level-tile b{margin-top:auto;color:var(--red);font-size:.82rem}.level-tile i,.mini-button i,.line-link i{font-style:normal;font-size:1.25rem}.tool-deck{background:#f0e9d6;padding:78px max(30px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:90px}.tool-deck p{max-width:500px;color:var(--muted)}.tool-list{align-self:center}.tool-list b{display:block;border-top:2px solid var(--navy);padding:17px 0}.tool-list span{display:inline-grid;place-items:center;width:30px;height:30px;background:var(--red);color:#fff;margin-right:12px}.article-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:0 42px}.article-preview>a{padding:24px 0;border-bottom:2px solid var(--line)}.article-preview span{color:var(--red);font-size:.72rem;font-weight:900}.article-preview time{margin-left:12px;color:#8d887e;font:700 .7rem ui-monospace,monospace}.article-preview h3{font-size:1.25rem;line-height:1.25;margin:10px 0 6px}.article-preview p{color:var(--muted);font-size:.88rem;margin:0}.faq-block{padding-top:0}.faq-block h2{border-bottom:3px solid var(--navy);padding-bottom:14px}.faq-block details{border-bottom:2px solid var(--line);padding:17px 0}.faq-block summary{cursor:pointer;font-weight:900}.faq-block details p{color:var(--muted);max-width:760px}.page-hero{background:var(--navy);color:#fff;padding:88px max(30px,calc((100vw - var(--max))/2))}.page-hero .eyebrow{color:var(--yellow)}.page-hero p{color:#d6d9e6}.page-grid,.tool-grid{max-width:var(--max);margin:auto;padding:70px 30px 90px}.note-panel{max-width:var(--max);margin:0 auto 80px;background:#fff;border:3px solid var(--navy);padding:22px 26px}.note-panel p{margin:0;color:var(--muted)}.quest-board{max-width:var(--max);margin:auto;padding:70px 30px 100px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.quest-board>div{background:var(--red);color:#fff;border:3px solid var(--navy);padding:26px;box-shadow:5px 5px 0 var(--navy);transition:transform .15s}.quest-board>div:hover,.quest-board>div.glitch{transform:translate(-3px,-3px)}.quest-board span{color:var(--yellow);font:900 .68rem ui-monospace,monospace}.quest-board h2{font-size:1.5rem;margin:18px 0 8px}.quest-board p{color:#fff0d2}.quest-board a{color:var(--yellow);font-weight:900}.library-columns{max-width:var(--max);margin:auto;padding:70px 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.library-columns>div{border-top:5px solid var(--red);padding-top:16px}.library-columns span{font:900 .68rem ui-monospace,monospace;color:var(--red)}.library-columns h2{font-size:1.35rem}.library-columns p{color:var(--muted);font-size:.9rem}.wide{max-width:var(--max);margin:0 auto;padding-left:30px;padding-right:30px}.article-archive{padding-bottom:110px}.article-page{max-width:850px;margin:auto;padding:86px 30px 120px}.article-meta{display:flex;gap:16px;color:var(--red);font-weight:900;font-size:.76rem}.article-meta time{color:#8d887e;font:700 .7rem ui-monospace,monospace}.article-page h1{font-size:clamp(2.4rem,5vw,4.8rem);line-height:1.06;margin:19px 0 25px}.article-lead{border-left:5px solid var(--red);padding-left:18px;color:var(--muted);font-size:1.12rem;margin-bottom:62px}.article-page section{margin:45px 0}.article-page section small{color:var(--red);font:900 .68rem ui-monospace,monospace}.article-page section h2{font-size:1.65rem;margin:10px 0}.article-page section p{color:#59617c;margin:0}.article-note{background:#f0e9d6;border:3px solid var(--navy);padding:22px;margin:52px 0}.article-note p{margin:7px 0 0;color:var(--muted)}.article-nav{display:flex;gap:18px;flex-wrap:wrap;border-top:3px solid var(--navy);padding-top:20px}.article-nav a{color:var(--red);font-weight:900}.plain-page{max-width:780px;margin:auto;padding:125px 30px 170px}.plain-page .note-panel{margin-top:45px}.plain-page>p{font-size:1.08rem}.plain-page .arcade-button{display:inline-block;margin-top:24px}footer{max-width:var(--max);margin:auto;border-top:4px solid var(--navy);padding:50px 30px 23px;display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:50px;color:var(--muted);font-size:.82rem}footer>div{display:flex;flex-direction:column;gap:7px}footer>div>b{color:var(--ink)}footer small{grid-column:1/-1;border-top:2px solid var(--line);padding-top:15px;font-size:.68rem}@media(max-width:900px){.topbar{padding:0 18px;height:70px}.brand{min-width:0;flex:1}.topbar nav{display:none;position:absolute;top:66px;right:18px;flex-direction:column;background:#fff;border:3px solid var(--navy);padding:14px 18px;gap:10px}.topbar nav.open{display:flex}.header-cta{display:none}.menu{display:block}.arcade-hero{grid-template-columns:1fr;padding:50px 20px 36px;gap:35px}.hero-copy h1{font-size:clamp(2.6rem,9vw,4.4rem)}.hero-art{order:-1}.mission-bar,.tool-deck{grid-template-columns:1fr;gap:16px;padding:55px 20px}.levels,.article-block,.faq-block{padding:65px 20px}.level-grid,.tool-grid{grid-template-columns:1fr 1fr;padding-left:20px;padding-right:20px}.quest-board{grid-template-columns:1fr;padding:55px 20px 75px}.library-columns{grid-template-columns:1fr;padding:55px 20px}.page-hero{padding:65px 20px}.wide{padding-left:20px;padding-right:20px}footer{grid-template-columns:1fr 1fr;padding:42px 20px 20px}}@media(max-width:540px){.level-grid,.tool-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.article-preview{grid-template-columns:1fr}.hero-art{order:0}.hero-art img{box-shadow:5px 5px 0 var(--red)}footer{grid-template-columns:1fr}} .checkpoint-strip{max-width:var(--max);margin:0 auto;padding:48px 30px;background:#f0e9d6;border-top:3px solid var(--navy);display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px}.checkpoint-strip h2{grid-column:1/-1;margin:0 0 14px}.checkpoint-strip h3{margin:0;color:var(--red);font-size:1.1rem}.checkpoint-strip p{margin:0;color:var(--muted)}.completion-note{max-width:var(--max);margin:0 auto;padding:18px 30px;color:var(--muted);font-size:.83rem}@media(max-width:700px){.checkpoint-strip{grid-template-columns:1fr;padding:38px 20px}.checkpoint-strip h2{grid-column:auto}.completion-note{padding-left:20px;padding-right:20px}}