:root{--bg:#fffbf7;--surface:#ffffff;--ink:#2b211a;--muted:#7a6a5c;--line:rgba(69, 55, 43, 0.13);--brand:#df7020;--shadow:0 1px 2px rgba(43, 33, 26, 0.06), 0 12px 32px -12px rgba(43, 33, 26, 0.22);--serif:"Noto Serif SC", "Songti SC", "STSong", serif;--sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius:14px;--accent:var(--brand);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121014;--surface:#1b181d;--ink:#f1ebe4;--muted:#a79c92;--line:rgba(255, 255, 255, 0.1);--brand:#f08a3c;--shadow:0 1px 2px rgba(0, 0, 0, 0.4), 0 16px 40px -16px rgba(0, 0, 0, 0.7);color-scheme:dark}}:root[data-theme=dark]{--bg:#121014;--surface:#1b181d;--ink:#f1ebe4;--muted:#a79c92;--line:rgba(255, 255, 255, 0.1);--brand:#f08a3c;--shadow:0 1px 2px rgba(0, 0, 0, 0.4), 0 16px 40px -16px rgba(0, 0, 0, 0.7);color-scheme:dark}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;transition:background-color .3s,color .3s;background:var(--bg);color:var(--ink);font:16px/1.75 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}body::before{content:"";position:absolute;inset:0 0 auto;height:720px;background:radial-gradient(600px 360px at 85% 0%,color-mix(in oklab,var(--brand) 16%,transparent),transparent 70%),radial-gradient(500px 300px at 0% 20%,color-mix(in oklab,#5b9dff 8%,transparent),transparent 70%);pointer-events:none;z-index:-1}a{color:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,dl,dd,ul{margin:0}ul{padding:0;list-style:none}.wrap{width:min(1120px,100% - 32px);margin-inline:auto}.mono{font-family:var(--mono);font-weight:400;letter-spacing:.02em}:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:6px}.bar{display:flex;align-items:center;justify-content:space-between;padding-block:22px}.brand{display:inline-flex;align-items:center;gap:10px;font:600 15px/1 var(--mono);letter-spacing:.18em;text-decoration:none}.brand-mark{width:28px;height:28px;fill:none;stroke:var(--brand);stroke-width:2.6;stroke-linecap:round}.bar-nav{display:flex;gap:4px}.bar-nav a{padding:6px 12px;border-radius:999px;color:var(--muted);font-size:14px;text-decoration:none;transition:color .2s,background .2s}.bar-nav a:hover{color:var(--ink);background:var(--line)}.bar-nav{align-items:center}.theme-toggle{display:grid;place-items:center;width:34px;height:34px;margin-left:6px;padding:0;border:1px solid var(--line);border-radius:50%;background:0 0;color:var(--muted);cursor:pointer;transition:color .2s,border-color .2s,transform .3s}.theme-toggle:hover{color:var(--ink);border-color:var(--muted)}.theme-toggle:active{transform:rotate(-20deg)scale(.94)}.theme-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.theme-toggle .icon-sun,.theme-toggle[aria-pressed=true] .icon-moon{display:none}.theme-toggle[aria-pressed=true] .icon-sun{display:block}.hero{padding-block:clamp(48px,10vw,112px)clamp(40px,7vw,80px)}.eyebrow{font:13px/1 var(--mono);color:var(--brand);letter-spacing:.08em;margin-bottom:22px}.hero h1{font:900 clamp(1.95rem,6.4vw,4.6rem)/1.18 var(--serif);letter-spacing:-.01em;text-wrap:balance}.lede{max-width:34em;margin-top:24px;color:var(--muted);font-size:clamp(16px,1.8vw,18px)}.jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}.jump a{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:color-mix(in oklab,var(--surface) 70%,transparent);font-size:14px;text-decoration:none;transition:border-color .2s,transform .2s}.jump a:hover{border-color:var(--accent);transform:translateY(-1px)}.jump i{width:7px;height:7px;border-radius:50%;background:var(--accent)}.section{padding-block:clamp(40px,7vw,72px);border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1.4fr);gap:16px 48px;align-items:end;margin-bottom:clamp(32px,5vw,56px)}.section-head h2{display:flex;align-items:baseline;gap:14px;font:900 clamp(1.8rem,4vw,2.6rem)/1.2 var(--serif)}.section-head h2 .mono{font-size:14px;color:var(--brand)}.section-head p{color:var(--muted);max-width:36em}.shot{position:relative;display:block;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#0d0c10;box-shadow:var(--shadow);text-decoration:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.shot::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--accent) 0%,transparent);transition:box-shadow .35s;pointer-events:none}.shot-bar{display:flex;align-items:center;gap:6px;height:30px;padding-inline:12px;background:#1c1a20;border-bottom:1px solid rgba(255,255,255,6%)}.shot-bar i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.16)}.shot-bar span{flex:1;margin-right:33px;text-align:center;color:rgba(255,255,255,.5);font:11px/1 var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shot img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.game{display:grid;grid-template-columns:minmax(0,1.2fr)minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center;scroll-margin-top:24px}.game+.game{margin-top:clamp(56px,9vw,112px)}.game:nth-of-type(even) .shot{order:2}.game:hover .shot,.game:focus-within .shot{transform:translateY(-4px);box-shadow:var(--shadow),0 24px 60px -24px color-mix(in oklab,var(--accent) 70%,transparent)}.game:hover .shot::after{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--accent) 60%,transparent)}.game:hover .shot img{transform:scale(1.025)}.meta{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px}.meta .mono{color:var(--accent-ink)}.game,.tool{--accent-ink:color-mix(in oklab, var(--accent) 72%, var(--ink))}.game h3{margin-top:10px;font:900 clamp(1.9rem,3.6vw,2.6rem)/1.2 var(--serif)}.en{margin-top:4px;color:var(--muted);font:13px/1.4 var(--mono);letter-spacing:.04em}.tagline{margin-top:20px;padding-left:14px;border-left:3px solid var(--accent);font:600 clamp(1.05rem,1.8vw,1.2rem)/1.6 var(--serif)}.desc{margin-top:14px;color:var(--muted);font-size:15px}.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:26px;border-block:1px solid var(--line)}.facts div{padding:14px 12px 12px 0}.facts div+div{padding-left:14px;border-left:1px solid var(--line)}.facts dt{font:600 clamp(1.4rem,2.6vw,1.75rem)/1.1 var(--mono);color:var(--accent-ink)}.facts dd{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.4}.foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:26px}.cta{display:inline-flex;align-items:center;gap:10px;padding:11px 22px;border-radius:999px;background:var(--ink);color:var(--bg);font-weight:600;font-size:15px;text-decoration:none;transition:background .2s,gap .2s}.cta:hover{background:var(--accent-ink);gap:14px}.stack{display:flex;flex-wrap:wrap;gap:6px}.stack>*{padding:3px 9px;border-radius:6px;background:var(--line);color:var(--muted);font:12px/1.5 var(--mono)}.tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,32px)}.tool{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);padding:10px;background:var(--surface);text-decoration:none;scroll-margin-top:24px;transition:border-color .3s,transform .3s,box-shadow .3s}.tool .shot{box-shadow:none}.tool:hover{border-color:color-mix(in oklab,var(--accent) 55%,transparent);transform:translateY(-3px);box-shadow:var(--shadow)}.tool:hover .shot img{transform:scale(1.025)}.tool-body{display:flex;flex-direction:column;gap:8px;padding:18px 10px 10px}.tool .meta{color:var(--accent-ink);font-size:13px}.tool-title{display:flex;justify-content:space-between;align-items:baseline;font:900 1.45rem/1.3 var(--serif)}.arrow{color:var(--muted);font-family:var(--mono);font-weight:400;transition:transform .25s,color .25s}.tool:hover .arrow{transform:translate(3px,-3px);color:var(--accent-ink)}.tool .desc{margin-top:0}.tool .stack{margin-top:6px}.ad{padding-block:24px}.foot-bar{display:flex;justify-content:space-between;gap:16px;padding-block:28px 40px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}@media(max-width:860px){.section-head{grid-template-columns:1fr}.game{grid-template-columns:1fr}.game:nth-of-type(even) .shot{order:0}.tools{grid-template-columns:1fr}}@media(max-width:480px){.facts div{padding-right:8px}.facts div+div{padding-left:10px}.foot-bar{flex-direction:column;gap:4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none !important}}