:root{--bg: #0b0e14;--bg-elev: #121722;--bg-card: #151b28;--border: #232c3d;--text: #e7ecf3;--muted: #97a3b6;--accent: #37b6ff;--accent-2: #ff7a3c;--good: #38d39f;--warn: #ffcf4a;--radius: 14px;--maxw: 1080px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}h1,h2,h3{line-height:1.2;font-weight:800;letter-spacing:-.02em}code{font-family:var(--mono);font-size:.9em;background:var(--bg-elev);padding:.1em .4em;border-radius:6px}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}.section{padding:72px 0}.section h2{font-size:clamp(1.6rem,4vw,2.2rem);margin:0 0 8px}.section .lead{color:var(--muted);max-width:60ch;margin:0 0 32px}.eyebrow{color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.checkers{height:8px;background-image:linear-gradient(45deg,#1b2130 25%,transparent 25%),linear-gradient(-45deg,#1b2130 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1b2130 75%),linear-gradient(-45deg,transparent 75%,#1b2130 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;background-color:#0b0e14}.site-header{position:sticky;top:0;z-index:50;background:#0b0e14d1;backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;gap:8px;height:60px}.brand{font-weight:800;letter-spacing:-.02em;margin-right:auto;display:flex;align-items:center;gap:10px}.brand b{color:var(--accent)}.nav a.navlink{color:var(--muted);padding:8px 10px;border-radius:8px;font-size:.92rem}.nav a.navlink:hover{color:var(--text);background:var(--bg-elev);text-decoration:none}.nav .lang{border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-left:6px}.nav .lang a{padding:6px 9px;color:var(--muted);font-size:.8rem;font-weight:700}.nav .lang a.active{background:var(--accent);color:#05141f}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;padding:84px 0 64px;border-bottom:1px solid var(--border)}.hero:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(1000px 400px at 80% -10%,rgba(55,182,255,.16),transparent 60%),radial-gradient(700px 380px at 5% 20%,rgba(255,122,60,.1),transparent 60%)}.hero .container{position:relative;z-index:1}.hero h1{font-size:clamp(2.2rem,6vw,3.6rem);margin:12px 0}.hero p.sub{font-size:clamp(1.05rem,2.5vw,1.3rem);color:var(--muted);max-width:46ch}.hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:10px;font-weight:700;font-size:.95rem;border:1px solid var(--border);background:var(--bg-elev);color:var(--text)}.btn:hover{text-decoration:none;border-color:var(--accent)}.btn.primary{background:var(--accent);color:#05141f;border-color:var(--accent)}.btn.primary:hover{filter:brightness(1.08)}.statusbar{display:inline-flex;align-items:center;gap:10px;margin-top:28px;padding:10px 16px;border-radius:999px;background:#ffcf4a14;border:1px solid rgba(255,207,74,.25);color:var(--text);font-size:.92rem}.statusbar strong{color:var(--warn)}.statusbar .dot{width:9px;height:9px;border-radius:50%;background:var(--warn);box-shadow:0 0 #ffcf4a99;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #ffcf4a80}70%{box-shadow:0 0 0 8px #ffcf4a00}to{box-shadow:0 0 #ffcf4a00}}.gamegrid{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}.gamegrid .shot img{image-rendering:pixelated}.journey{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:none}.jstep{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);position:relative}.jstep .jnum{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:var(--bg-elev);border:1px solid var(--border);color:var(--muted)}.jstep .jlabel{font-weight:700}.jstep.done{border-color:#38d39f66}.jstep.done .jnum{background:var(--good);color:#05141f;border-color:var(--good)}.jstep.doing{border-color:#ffcf4a73}.jstep.doing .jnum{background:var(--warn);color:#05141f;border-color:var(--warn)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}.stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.stat .v{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;color:var(--accent)}.stat .l{color:var(--muted);font-size:.9rem}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:block;color:inherit}a.card:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-2px);transition:.15s}.card .tag{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-2);background:#ff7a3c1a;padding:3px 8px;border-radius:999px}.card h3{margin:12px 0 6px;font-size:1.12rem}.card .meta{color:var(--muted);font-size:.82rem}.card p{color:var(--muted);margin:8px 0 0}.card ul{color:var(--muted);margin:12px 0 0;padding-left:18px}.card ul li{margin:4px 0}.card.tool code{color:var(--text)}.phase{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--border)}.phase .num{flex:0 0 auto;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-weight:800;background:var(--bg-elev);border:1px solid var(--border)}.phase .body h3{margin:0 0 2px;font-size:1.05rem}.phase .body p{margin:0;color:var(--muted);font-size:.92rem}.badge{font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:999px;margin-left:auto;white-space:nowrap}.badge.done{color:var(--good);background:#38d39f1f}.badge.doing{color:var(--warn);background:#ffcf4a1f}.badge.todo{color:var(--muted);background:var(--bg-elev)}.shot{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-card)}.shot img{width:100%;image-rendering:pixelated;background:#05070c}.shot .cap{padding:12px 14px;color:var(--muted);font-size:.86rem}.prose{max-width:70ch}.prose p,.prose ul{color:#cdd6e4}.prose h2{margin-top:36px}.site-footer{border-top:1px solid var(--border);padding:32px 0;color:var(--muted);font-size:.88rem}.site-footer a{color:var(--muted)}.site-footer .row{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;justify-content:space-between}@media (max-width: 820px){.stats{grid-template-columns:repeat(2,1fr)}.grid.cols-3,.grid.cols-2,.gamegrid{grid-template-columns:1fr}.journey{grid-template-columns:repeat(2,1fr)}.nav .navlink.hide-sm{display:none}}