@font-face{font-family:DeskPixel;src:url('/assets/FusionPixel-zhHant.otf') format('opentype');font-display:swap}
:root{color-scheme:light dark;--bg:#dff4e9;--paper:#fcfff9;--ink:#29463d;--muted:#455d54;--line:#58766a;--sky:#b6e6ff;--rose:#f7c7db;--mint:#b8f0dc;--butter:#fff1b8}
@media(prefers-color-scheme:dark){:root{--bg:#17392f;--paper:#102a24;--ink:#e2f5e9;--muted:#b2cfc0;--line:#82ad9a;--sky:#264f63;--rose:#5d394c;--mint:#235747;--butter:#514725}}
*{box-sizing:border-box}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,'PingFang TC',sans-serif;line-height:1.7;background:var(--bg);color:var(--ink)}body{margin:0}a{color:inherit;text-underline-offset:4px}img{max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}header{border-bottom:2px solid var(--line)}nav{display:flex;align-items:center;gap:24px;min-height:88px;flex-wrap:wrap;padding:16px 0}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto;font:24px DeskPixel,monospace}.brand img{width:36px;height:36px;image-rendering:pixelated}nav>a:not(.brand){font-size:15px}.skip{position:absolute;top:-100px;left:20px}.skip:focus{top:8px;background:var(--paper);z-index:2}main{padding:54px 0 64px}h1,h2,h3,.pixel{font-family:DeskPixel,monospace;font-weight:normal;line-height:1.35}h1{font-size:clamp(32px,3.4vw,48px);margin:10px 0 20px;max-width:15em}h2{font-size:28px;margin:40px 0 16px}h3{font-size:21px;margin:20px 0 8px}p{max-width:68ch;margin:0 0 20px}.eyebrow{font:16px DeskPixel,monospace;letter-spacing:1px}.muted,figcaption{color:var(--muted)}.hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:44px}.hero p{font-size:18px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.button{font:18px DeskPixel,monospace;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 18px;text-decoration:none;border:3px double var(--line);background:var(--mint);box-shadow:3px 3px 0 var(--line)}.button.alt{background:var(--paper)}.button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--line)}figure{margin:0;min-width:0}figure img{width:100%;display:block;border:2px solid var(--line)}figcaption{font-size:13px;margin-top:12px}.shot-dark{display:none}@media(prefers-color-scheme:dark){.shot-light{display:none}.shot-dark{display:block}}.strip{border-block:2px solid var(--line);padding:18px 0;margin:44px 0;font:17px DeskPixel,monospace}.flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.flow article{border-top:3px solid var(--line);padding-top:16px}.number{font:18px DeskPixel,monospace;background:var(--sky);display:inline-block;padding:4px 10px}.prose{max-width:820px}.prose h1{margin-bottom:32px}.prose ul,.prose ol{padding-left:24px;margin:0 0 24px}.prose li{margin:12px 0}.panel{border:3px double var(--line);padding:24px;background:var(--paper);margin:28px 0;overflow-wrap:anywhere}.panel h2:first-child{margin-top:0}code{font-family:ui-monospace,monospace;font-size:.88em;overflow-wrap:anywhere}details{border-top:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:600;padding:8px 0}details p{margin-top:16px}footer{border-top:2px solid var(--line);padding:24px 0;font-size:14px}footer .links{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:14px}footer p{margin-bottom:6px}.license{font-size:13px}.desktop-only{display:block}@media(max-width:760px){.wrap{width:calc(100% - 36px)}nav{gap:16px;min-height:78px}.brand{font-size:21px}.brand img{width:30px;height:30px}main{padding-top:30px}.hero{grid-template-columns:1fr;gap:28px}.hero h1{font-size:34px}.hero p{font-size:17px}.hero .actions{margin:18px 0}.flow{grid-template-columns:1fr;gap:18px}.flow article{padding-top:12px}.strip{margin:28px 0}.panel{padding:18px}h2{font-size:25px}footer .links{gap:16px}.prose{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}