@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/press-start-2p.ttf) format("truetype")}@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/vt323.ttf) format("truetype")}:root{--bg: #1a1a1a;--bg-alt: #222222;--surface: #2a2a2a;--surface-2: #333333;--border: #3a3a3a;--border-bright:#555555;--text: #e8e8e8;--text-muted: #888888;--text-dim: #444444;--accent: #ffffff;--accent-warm: #f0f0e8;--mandarin: #ffba08;--heart: #ff2e00;--green: #62AB37;--font-pixel: "Press Start 2P", monospace;--font-vt: "VT323", monospace}[data-theme=light]{--bg: #f5f0e8;--bg-alt: #ede8dc;--surface: #e4ddd0;--surface-2: #d8d0c0;--border: #c0b8a8;--border-bright:#9a9080;--text: #1a1a1a;--text-muted: #5a5248;--text-dim: #b0a898;--accent: #1a1a1a;--accent-warm: #2a2520}.astro-code span{color:var(--shiki-dark)!important}.astro-code{background-color:var(--shiki-dark-bg)!important}[data-theme=light] .astro-code span{color:var(--shiki-light)!important}[data-theme=light] .astro-code{background-color:var(--shiki-light-bg)!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-width:thin;scrollbar-color:var(--border-bright) var(--bg)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-bright)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:var(--accent);color:var(--bg)}body{background-color:var(--bg);color:var(--text);font-family:var(--font-vt);font-size:22px;line-height:1.65;min-height:100vh}img{max-width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges}a{color:var(--accent);text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-pixel);color:var(--accent);line-height:1.7}h1{font-size:clamp(.85rem,2.5vw,1.2rem);margin-bottom:1.5rem}h2{font-size:clamp(.7rem,1.8vw,.9rem);margin-bottom:1rem;margin-top:2.5rem}h3{font-size:clamp(.6rem,1.4vw,.75rem);margin-bottom:.8rem;margin-top:2rem}p{margin-bottom:1.1rem;color:var(--text)}strong{color:var(--heart)}code{font-family:var(--font-vt);font-size:1em;background:var(--surface);color:var(--accent-warm);padding:.05em .35em;border:1px solid var(--border)}pre{background:var(--bg-alt);border:1px solid var(--border-bright);border-left:2px solid var(--accent);padding:1.5rem;overflow-x:auto;margin:1.5rem 0}pre code{background:none;border:none;padding:0;color:var(--text);font-size:1.05rem}blockquote{border-left:2px solid var(--border-bright);padding:.5rem 1.25rem;margin:1.5rem 0;color:var(--text-muted);font-style:normal}hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}.callout{border-left:3px solid var(--border-bright);padding:.75rem 1rem;margin:1.5rem 0;background:var(--surface);font-family:var(--font-vt);font-size:1.1rem;color:var(--text);line-height:1.5}.callout--warn{border-color:var(--mandarin)}.callout--danger{border-color:var(--heart)}.callout--note{border-color:var(--border-bright)}.callout__title{font-family:var(--font-vt);font-size:1.1rem;font-weight:700;letter-spacing:.02em;margin:0 0 .4rem;display:block}.callout--note .callout__title{color:var(--text-muted)}.callout--warn .callout__title{color:var(--mandarin)}.callout--danger .callout__title{color:var(--heart)}ul,ol{padding-left:1.25rem;margin-bottom:1rem}li{margin-bottom:.3rem}ul{list-style:none;padding-left:0}ul li:before{content:"* ";color:var(--accent);font-family:var(--font-vt)}table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:1rem}th{font-family:var(--font-pixel);font-size:.48rem;background:var(--surface-2);color:var(--accent);padding:.75rem 1rem;border:1px solid var(--border-bright);text-align:left;letter-spacing:.05em}td{padding:.6rem 1rem;border:1px solid var(--border);font-family:var(--font-vt);font-size:1rem}tr:nth-child(2n) td{background:var(--bg-alt)}.dialog-box{border:2px solid var(--accent);padding:1.25rem 1.5rem;position:relative;background:var(--bg)}.dialog-box:before{content:"* ";color:var(--accent);font-family:var(--font-vt);font-size:1.1rem}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.blink{animation:blink 1s steps(1) infinite}.tag{display:inline-block;font-family:var(--font-pixel);font-size:.42rem;padding:.3em .65em;border:1px solid var(--border-bright);color:var(--text-muted);background:var(--bg-alt);letter-spacing:.03em;text-decoration:none;transition:all .1s steps(2)}.tag:hover{border-color:var(--accent);color:var(--accent);background:var(--surface)}.btn{display:inline-block;font-family:var(--font-pixel);font-size:.52rem;padding:.7em 1.4em;border:2px solid var(--accent);color:var(--bg);background:var(--accent);cursor:pointer;letter-spacing:.05em;text-decoration:none;transition:all .1s steps(2);box-shadow:3px 3px 0 var(--border-bright)}.btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--border-bright);color:var(--bg)}.btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--border-bright)}.btn--ghost{background:transparent;color:var(--accent)}.btn--ghost:hover{color:var(--accent)}.container{max-width:720px;margin:0 auto;padding:0 1.5rem}@media(max-width:768px){h1{font-size:.78rem}h2{font-size:.65rem}h3{font-size:.55rem}body{font-size:20px}}