:root{--retro-green:#3f3;--retro-green-dim:#1ec21e;--retro-amber:#fc0;--retro-bg:#0a0a0a;--retro-border:#444;--font-mono:"Courier New", Courier, monospace}@font-face{font-family:AppleII;src:url(/emulator/assets/PrintChar21.woff2)format("woff2")}body{background-color:var(--retro-bg);color:var(--retro-green);font-family:var(--font-mono);margin:0;padding:0;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.crt-overlay{pointer-events:none;z-index:9999;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 2px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/3px 100%;width:100%;height:100%;position:fixed;top:0;left:0}.crt-flicker{animation:.15s infinite flicker}@keyframes flicker{0%{opacity:.97}5%{opacity:.95}10%{opacity:.9}15%{opacity:.95}20%{opacity:.98}25%{opacity:.95}30%{opacity:.99}to{opacity:1}}header{text-align:center;border-bottom:2px solid var(--retro-border);background:#000c;padding:2rem}.logo-container img{max-width:400px;filter:drop-shadow(0 0 10px var(--retro-green))}main{box-sizing:border-box;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem}.emulator-section{flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:4rem;display:flex}.emulator-screen{width:800px;height:548px;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0;position:relative}.emulator-screen iframe{background:#000;border:none;border-radius:10px;width:100%;height:100%}.controls{gap:2rem;margin-bottom:.5rem;display:flex}.attribution{color:var(--retro-green-dim);text-transform:uppercase;opacity:.8;font-size:1rem}.attribution a{color:var(--retro-green);text-decoration:underline}.retro-button{color:#fff;font-family:var(--font-mono);cursor:pointer;text-transform:uppercase;background:#444;border:none;padding:10px 20px;font-size:1rem;transition:all .1s;box-shadow:2px 2px #000}.retro-button:active{transform:translate(1px,1px);box-shadow:1px 1px #000}.retro-button.power{border-top:4px solid red}.retro-button.reset{border-top:4px solid #ff0}.content-section{border:1px solid var(--retro-border);background:#0a0a0ae6;margin-bottom:4rem;padding:2rem}h1,h2,h3{color:var(--retro-amber);text-transform:uppercase}footer{text-align:center;border-top:2px solid var(--retro-border);padding:1rem;font-size:.8rem}a{color:var(--retro-green);text-decoration:none}a:hover{background:var(--retro-green);color:var(--retro-bg);text-decoration:underline}.retro-nav{border-bottom:1px solid var(--retro-border);background:#00000080;justify-content:center;gap:1rem;margin-bottom:2rem;padding:1rem;display:flex}.nav-button{color:var(--retro-green-dim);border:1px solid var(--retro-border);font-family:var(--font-mono);cursor:pointer;text-transform:uppercase;background:0 0;padding:8px 16px;font-size:.9rem;transition:all .2s}.nav-button:hover{border-color:var(--retro-green);color:var(--retro-green);box-shadow:0 0 5px var(--retro-green)}.nav-button.active{background:var(--retro-green);color:var(--retro-bg);border-color:var(--retro-green)}.samples-container{margin-top:4rem;margin-bottom:4rem}.samples-grid{grid-template-columns:repeat(5,1fr);gap:1.5rem;margin-top:1.5rem;display:grid}.sample-panel{border:1px solid var(--retro-border);cursor:pointer;background:#141414cc;flex-direction:column;justify-content:space-between;padding:1rem;transition:all .2s;display:flex}.sample-panel:hover{border-color:var(--retro-green);background:#1e1e1ee6;transform:translateY(-2px);box-shadow:0 4px 10px #33ff331a}.sample-panel h3{color:var(--retro-amber);margin-top:0;font-size:.9rem}.sample-panel p{color:var(--retro-green-dim);margin:1rem 0;font-size:.8rem;line-height:1.4}.sample-footer{text-align:right}.try-it{color:var(--retro-green);text-transform:uppercase;border:1px solid var(--retro-green);padding:2px 6px;font-size:.7rem}.content-area{border:1px solid var(--retro-border);background:#0a0a0ae6;margin-bottom:4rem;padding:2rem}.page-content p{margin-bottom:1.5rem;line-height:1.6}.page-content h3{color:var(--retro-amber);border-bottom:1px solid var(--retro-border);margin-top:2rem;display:inline-block}.page-content ul{padding-left:1.5rem;list-style:square}.page-content li{margin-bottom:.5rem}.page-content code{color:var(--retro-amber);background:#ffcc001a;padding:2px 4px}.contributing-footer{text-align:center;border-top:1px dashed var(--retro-border);margin-bottom:4rem;padding:2rem}