*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#0f0f0f;color:#e5e5e5;line-height:1.7;min-height:100vh;display:flex;flex-direction:column}p{margin-bottom:1rem}p:last-child{margin-bottom:0}h1,h2,h3,h4,h5,h6{margin-top:1.5rem;margin-bottom:0.75rem}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}ul,ol{margin-bottom:1rem;padding-left:1.5rem}ul li,ol li{margin-bottom:0.25rem}a{color:#8b5cf6;text-decoration:none;transition:color 0.2s ease}a:hover{color:#a78bfa}.container{max-width:800px;margin:0 auto;padding:0 1.5rem}.nav{background:#1a1a1a;border-bottom:1px solid #2a2a2a;padding:1rem 0;position:sticky;top:0;z-index:100}.nav-container{max-width:800px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.25rem;font-weight:700;color:#fff}.nav-logo:hover{color:#8b5cf6}.nav-links{display:flex;list-style:none;gap:1.5rem}.nav-links a{color:#a1a1a1;font-weight:500;transition:color 0.2s ease}.nav-links a:hover,.nav-links a.active{color:#8b5cf6}.main{flex:1;padding:3rem 0}.footer{background:#1a1a1a;border-top:1px solid #2a2a2a;padding:1.5rem 0;text-align:center;color:#a1a1a1;font-size:0.875rem}.hero{text-align:center;padding:2rem 0 3rem;margin-bottom:2rem;border-bottom:1px solid #2a2a2a}.hero-banner{max-width:100%;height:auto;border-radius:8px;margin-bottom:1rem}.hero-tagline{font-size:1.25rem;color:#a1a1a1}.section{margin-bottom:3rem}.section-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:2px solid #8b5cf6;display:inline-block}.card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:1.5rem;margin-bottom:1rem;transition:border-color 0.2s ease, background 0.2s ease}.card:hover{border-color:#8b5cf6;background:#222}.card-title{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:0.25rem}.card-date{font-size:0.875rem;color:#a1a1a1;margin-bottom:0.5rem}.card-excerpt{color:#e5e5e5}.post-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #2a2a2a}.post-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:0.5rem}.post-date{font-size:0.875rem;color:#a1a1a1}.post-content h2,.post-content h3,.post-content h4{color:#fff;margin-top:2rem;margin-bottom:1rem}.post-content h2{font-size:1.5rem}.post-content h3{font-size:1.25rem}.post-content h4{font-size:1.125rem}.post-content p{margin-bottom:1rem}.post-content ul,.post-content ol{margin-bottom:1rem;padding-left:1.5rem}.post-content li{margin-bottom:0.5rem}.post-content code{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;background:#1a1a1a;padding:0.125rem 0.375rem;border-radius:4px;font-size:0.875em}.post-content pre{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:1rem;overflow-x:auto;margin-bottom:1rem}.post-content pre code{background:none;padding:0}.post-content img{max-width:100%;height:auto;border-radius:8px;margin:1rem 0}.post-content blockquote{border-left:4px solid #8b5cf6;padding-left:1rem;margin:1rem 0;color:#a1a1a1;font-style:italic}.post-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid #2a2a2a}.back-link{font-weight:500}.post-list{list-style:none}.media-section{margin-bottom:3rem}.screenshot-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:1rem}.screenshot-grid a{display:block;border-radius:8px;overflow:hidden;border:1px solid #2a2a2a;transition:border-color 0.2s ease, transform 0.2s ease}.screenshot-grid a:hover{border-color:#8b5cf6;transform:scale(1.02)}.screenshot-grid img{width:100%;height:auto;display:block}.screenshot-placeholder{background:#1a1a1a;border:2px dashed #2a2a2a;border-radius:8px;padding:3rem;text-align:center;color:#a1a1a1}.twitch-link{display:inline-flex;align-items:center;gap:0.5rem;background:#9146ff;color:white;padding:0.75rem 1.5rem;border-radius:8px;font-weight:600;transition:background 0.2s ease}.twitch-link:hover{background:#772ce8;color:white}.influences{display:flex;flex-wrap:wrap;gap:0.5rem;list-style:none;margin-top:0.5rem}.influence-tag{background:#1a1a1a;border:1px solid #2a2a2a;padding:0.25rem 0.75rem;border-radius:20px;font-size:0.875rem;color:#a1a1a1}.view-all{display:inline-block;margin-top:1rem;font-weight:500}@media (max-width: 600px){.hero-title{font-size:2rem}.nav-container{flex-direction:column;gap:1rem}.nav-links{gap:1rem}}