@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--bg-color:#0f0f0f;--text-main:#e0e0e0;--text-muted:#888;--brand-green:#39ff14;--brand-gold:#c2703e;--brand-dark-gold:#8c4e2a;--border-color:#333;--surface-color:#1a1a1a;--scanline-color:#ffffff08;--error:#ff4500}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:none;margin:0;font-family:"Press Start 2P",monospace;font-size:14px;line-height:1.8;overflow-x:hidden}body:before{content:" ";background:linear-gradient(to bottom, var(--scanline-color) 50%, transparent 50%);z-index:9999;pointer-events:none;background-size:100% 4px;display:block;position:fixed;inset:0}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--surface-color);border:2px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:var(--brand-gold)}h1,h2,h3,h4,h5,h6{color:var(--brand-gold);text-transform:uppercase;margin-bottom:1rem;font-weight:400;line-height:1.4}h1{text-shadow:3px 3px #00000080;font-size:1.5rem}h2{font-size:1.25rem}h3{color:var(--brand-green);font-size:1rem}p{margin-bottom:1.5rem}a{color:var(--brand-green);text-decoration:none;transition:color .2s ease-in-out}a:hover{color:#fff}ul,ol{margin-bottom:1.5rem;padding-left:2rem}li{margin-bottom:.5rem}.pixel-border{background-color:var(--surface-color);box-shadow:-4px 0 0 0 var(--border-color), 4px 0 0 0 var(--border-color), 0 -4px 0 0 var(--border-color), 0 4px 0 0 var(--border-color), -2px -2px 0 0 var(--border-color), 2px -2px 0 0 var(--border-color), -2px 2px 0 0 var(--border-color), 2px 2px 0 0 var(--border-color);margin:4px;padding:24px;transition:transform .2s,box-shadow .2s;position:relative}.pixel-border:hover{box-shadow:-4px 0 0 0 var(--brand-gold), 4px 0 0 0 var(--brand-gold), 0 -4px 0 0 var(--brand-gold), 0 4px 0 0 var(--brand-gold), -2px -2px 0 0 var(--brand-gold), 2px -2px 0 0 var(--brand-gold), -2px 2px 0 0 var(--brand-gold), 2px 2px 0 0 var(--brand-gold);transform:translateY(-2px)}button,.pixel-button{background-color:var(--brand-gold);color:#000;cursor:pointer;text-transform:uppercase;box-shadow:-2px 0 0 0 #fff, 2px 0 0 0 #fff, 0 -2px 0 0 #fff, 0 2px 0 0 #fff, -4px 0 0 0 var(--brand-dark-gold), 4px 0 0 0 var(--brand-dark-gold), 0 -4px 0 0 var(--brand-dark-gold), 0 4px 0 0 var(--brand-dark-gold);border:none;margin:8px;padding:12px 24px;font-family:"Press Start 2P",monospace;font-size:.8rem;transition:all .1s}button:hover,.pixel-button:hover{background-color:#fff;transform:scale(1.05)}button:active,.pixel-button:active{box-shadow:none;transform:scale(.95)}.app-container{flex-direction:column;max-width:1024px;min-height:100vh;margin:0 auto;padding:32px 16px;display:flex}.site-banner{width:100%;max-width:800px;image-rendering:pixelated;margin:0 auto 32px;display:block}.content-image{border:2px solid var(--border-color);cursor:zoom-in;max-width:100%;max-height:250px;margin:1.5rem auto;transition:transform .2s;display:block}.content-image:hover{border-color:var(--brand-gold);transform:scale(1.02)}.image-modal-overlay{z-index:10000;cursor:zoom-out;background-color:#000000e6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.image-modal-content{border:4px solid var(--brand-gold);max-width:100%;max-height:100%;image-rendering:pixelated;display:block}.nav-tabs{flex-wrap:wrap;justify-content:center;gap:16px;margin:32px 0;display:flex}.nav-tab{background:var(--surface-color);color:var(--text-main);cursor:pointer;text-transform:uppercase;background-clip:padding-box;border-bottom:4px solid #0000;justify-content:center;align-items:center;padding:10px 24px 18px;font-size:.8rem;transition:all .2s;display:flex}.nav-tab:hover{color:var(--brand-green);background:#222}.nav-tab.active{color:var(--brand-gold);border-bottom:4px solid var(--brand-gold);background:#ffd7001a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s ease-out forwards fadeIn}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.text-green{color:var(--brand-green)}.text-gold{color:var(--brand-gold)}.text-sm{font-size:.75rem}.text-error{color:var(--error)}.scroll-to-top{background-color:var(--surface-color);width:48px;height:48px;color:var(--brand-gold);cursor:pointer;z-index:9999;box-shadow:-4px 0 0 0 var(--border-color), 4px 0 0 0 var(--border-color), 0 -4px 0 0 var(--border-color), 0 4px 0 0 var(--border-color), -2px -2px 0 0 var(--border-color), 2px -2px 0 0 var(--border-color), -2px 2px 0 0 var(--border-color), 2px 2px 0 0 var(--border-color);justify-content:center;align-items:center;padding-bottom:6px;font-size:1.5rem;transition:transform .2s,box-shadow .2s,background-color .2s;display:flex;position:fixed;bottom:24px;right:24px}.scroll-to-top:hover{box-shadow:-4px 0 0 0 var(--brand-gold), 4px 0 0 0 var(--brand-gold), 0 -4px 0 0 var(--brand-gold), 0 4px 0 0 var(--brand-gold), -2px -2px 0 0 var(--brand-gold), 2px -2px 0 0 var(--brand-gold), -2px 2px 0 0 var(--brand-gold), 2px 2px 0 0 var(--brand-gold);background-color:#222;transform:translateY(-4px)}.scroll-to-top:active{box-shadow:none;transform:translateY(2px)}