@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";:root{--c64-blue: #3944bc;--c64-light-blue: #6c6fe2;--c64-white: #ffffff;--c64-black: #000000;--c64-gray: #959595;--c64-dark-gray: #4b4b4b;--font-pixel: "Press Start 2P", cursive;--font-mono: "VT323", monospace;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--border-width: 2px;--pixel-size: 4px}:root,:root[data-theme=dark]{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #959595;--accent: var(--c64-blue);--accent-light: var(--c64-light-blue);--code-bg: var(--bg-secondary);--border-color: var(--c64-dark-gray);--parallax-opacity: .3;--parallax-filter: brightness(1);--text-shadow: 2px 2px 4px rgba(0, 0, 0, .8)}:root[data-theme=light]{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--text-primary: #1a1a1a;--text-secondary: #4b4b4b;--accent: var(--c64-blue);--accent-light: #2d36a0;--code-bg: #e8e8e8;--border-color: #cccccc;--parallax-opacity: .35;--parallax-filter: brightness(.6) contrast(1.3) saturate(1.2);--text-shadow: 2px 2px 8px rgba(255, 255, 255, .95)}@media(prefers-color-scheme:light){:root:not([data-theme]){--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--text-primary: #1a1a1a;--text-secondary: #4b4b4b;--accent: var(--c64-blue);--accent-light: #2d36a0;--code-bg: #e8e8e8;--border-color: #cccccc;--parallax-opacity: .35;--parallax-filter: brightness(.6) contrast(1.3) saturate(1.2);--text-shadow: 2px 2px 8px rgba(255, 255, 255, .95)}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;transition:background-color .3s ease,color .3s ease}body{font-family:var(--font-mono);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;font-size:20px;min-height:100vh;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-pixel);line-height:1.4;font-weight:400;margin-bottom:var(--spacing-md)}h1{font-size:1.5rem;margin-bottom:var(--spacing-lg)}h2{font-size:1rem;margin-bottom:var(--spacing-md)}h3{font-size:.75rem;margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-md)}a{color:var(--accent-light);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.pixel-border{border:var(--border-width) solid var(--accent);position:relative}.pixel-border:before,.pixel-border:after{content:"";position:absolute;width:var(--pixel-size);height:var(--pixel-size);background-color:var(--accent)}.pixel-border:before{top:calc(-1 * var(--pixel-size));left:0}.pixel-border:after{bottom:calc(-1 * var(--pixel-size));right:0}.btn{font-family:var(--font-pixel);font-size:.65rem;padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width) solid var(--accent);background-color:transparent;color:var(--text-primary);cursor:pointer;transition:all .2s ease;display:inline-block}.btn:hover{background-color:var(--accent);color:var(--c64-white);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--accent-light)}.btn-primary{background-color:var(--accent);color:var(--c64-white)}.btn-primary:hover{background-color:var(--accent-light);border-color:var(--accent-light)}.pixel-divider{height:var(--border-width);background:repeating-linear-gradient(90deg,var(--accent) 0,var(--accent) 8px,transparent 8px,transparent 16px);margin:var(--spacing-lg) 0}.text-accent{color:var(--accent-light)}.text-muted{color:var(--text-secondary)}img{max-width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges}code{font-family:var(--font-mono);background-color:var(--code-bg);padding:.2rem .4rem;border:1px solid var(--border-color);color:var(--accent-light)}pre{background-color:var(--code-bg);padding:var(--spacing-md);border:var(--border-width) solid var(--border-color);overflow-x:auto;margin-bottom:var(--spacing-md)}pre code{border:none;padding:0;background:none}@media(max-width:768px){:root{--spacing-xs: .25rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}body{font-size:18px}h1{font-size:1.25rem}h2{font-size:.875rem}h3{font-size:.65rem}.btn{font-size:.5rem;padding:var(--spacing-sm)}}