:root{--retro-accent:#ffea00;--retro-accent-alt:#0ff;--retro-hot:#ff4fd8;--retro-ink:#f7f2ff;--retro-muted:#b6a7cb;--retro-surface:#171126;--retro-surface-raised:#271b42;--retro-background:#090611;--retro-border:2px solid var(--retro-accent-alt);--retro-shadow:5px 5px 0 var(--retro-hot);--retro-radius:0;--retro-space-1:.25rem;--retro-space-2:.5rem;--retro-space-3:.75rem;--retro-space-4:1rem;--retro-space-6:1.5rem;--retro-space-8:2rem;--retro-font-body:"Courier New", Courier, monospace;--retro-font-display:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--retro-background);color:var(--retro-ink);font-family:var(--retro-font-body);margin:0;line-height:1.55}body:before{content:"";pointer-events:none;opacity:.08;z-index:5;background:repeating-linear-gradient(0deg,#0000 0 2px,#fff 3px 4px);position:fixed;inset:0}a{color:var(--retro-accent-alt)}a:hover,a:focus-visible{color:var(--retro-accent)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--retro-accent);outline-offset:3px}.skip-link{background:var(--retro-accent);color:#000;z-index:10;padding:.5rem;position:absolute;left:-9999px}.skip-link:focus{top:1rem;left:1rem}.site-shell{background:radial-gradient(circle at 50% 0, #29134b 0, var(--retro-background) 45rem);max-width:1180px;min-height:100vh;margin:auto;padding:0 1.25rem}.site-header{border-bottom:var(--retro-border);padding-top:1rem}.utility-bar,.brand-row,.main-nav,.panel-heading,.site-footer,.webring{justify-content:space-between;align-items:center;gap:1rem;display:flex}.utility-bar{color:var(--retro-muted);letter-spacing:.08em;border-block:1px dashed #594275;padding:.45rem 0;font-size:.7rem}.connection{color:#7dff8a}.connection i{background:currentColor;border-radius:50%;width:.55rem;height:.55rem;display:inline-block}.brand-row{align-items:flex-end;padding:2.5rem 0 2rem}.brand-row h1,.hero h2{color:var(--retro-accent);font-family:var(--retro-font-display);letter-spacing:.04em;text-shadow:4px 4px 0 var(--retro-hot);margin:0;line-height:.9}.brand-row h1{font-size:clamp(3.4rem,11vw,8rem)}.eyebrow{color:var(--retro-accent-alt);letter-spacing:.16em;margin:0 0 .5rem;font-size:.75rem;font-weight:700}.ascii-mark{color:var(--retro-hot);text-align:center;font-size:2rem;line-height:.8;transform:rotate(-8deg)}.main-nav{flex-wrap:wrap;justify-content:flex-start}.main-nav a{border:1px solid #76549a;border-bottom:0;padding:.7rem 1rem;text-decoration:none}.main-nav a:hover,.main-nav a:focus-visible{background:var(--retro-accent-alt);color:#000}.ticker{border-bottom:1px solid var(--retro-hot);color:var(--retro-accent);gap:1rem;padding:.75rem 0;font-size:.8rem;display:flex;overflow:hidden}.ticker>span{color:var(--retro-hot);flex:none;font-weight:700}.ticker>div{white-space:nowrap;animation:24s linear infinite ticker}.section{padding:5rem 0;scroll-margin-top:1rem}.hero{grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);align-items:center;gap:4rem;min-height:70vh;display:grid}.hero h2{margin-bottom:1.5rem;font-size:clamp(4rem,10vw,8rem)}.hero-body{max-width:58ch;color:var(--retro-muted);font-size:1.1rem}.button-row,.state-row,.badge-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.retro-button{border:2px solid var(--retro-accent);background:var(--retro-accent);color:#000;text-transform:uppercase;cursor:pointer;border-bottom-color:#8d8200;border-right-color:#8d8200;padding:.7rem 1rem;font-weight:700;text-decoration:none;display:inline-block;box-shadow:3px 3px #000}.retro-button:hover,.retro-button:focus-visible{background:var(--retro-accent-alt);color:#000;border-color:#007b7b}.retro-button:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.retro-button.secondary{color:var(--retro-accent);border-color:var(--retro-accent-alt);background:0 0}.retro-button:disabled{cursor:not-allowed;opacity:.45;filter:grayscale()}.hero-window,.panel{border:var(--retro-border);background:var(--retro-surface);box-shadow:var(--retro-shadow)}.hero-window{transform:rotate(2deg)}.panel-heading{background:var(--retro-accent-alt);color:#000;padding:.4rem .65rem;font-size:.75rem;font-weight:700}.panel-body{padding:1rem}.monitor-screen{color:#7dff8a;text-align:center;background:#020204;place-content:center;gap:1rem;min-height:270px;padding:2rem;display:grid}.monitor-screen strong{text-shadow:0 0 12px;font-size:2.3rem;line-height:.95}.monitor-screen small{color:var(--retro-muted)}.blink{color:var(--retro-hot)}.retro-modal{border:var(--retro-border);background:var(--retro-surface);width:min(420px,100% - 2rem);color:var(--retro-ink);box-shadow:var(--retro-shadow);padding:0;inset:0}.retro-modal::backdrop{background:#000000c7}.retro-modal[open]{animation:.16s ease-out modal-in}.modal-close{color:#000;cursor:pointer;background:0 0;border:0;font-size:1.2rem}.retro-modal .panel-body p{color:var(--retro-muted)}.section-title{border-left:5px solid var(--retro-hot);padding-left:1rem}.section-title span{color:var(--retro-accent-alt);font-size:.75rem}.section-title h2{color:var(--retro-accent);font-family:var(--retro-font-display);margin:.2rem 0 1rem;font-size:clamp(2rem,5vw,4rem);line-height:1}.section-intro{color:var(--retro-muted)}.three-column,.component-grid,.links-grid{gap:1rem;display:grid}.three-column{grid-template-columns:repeat(3,1fr);margin-top:2rem}.panel h3{color:var(--retro-accent);margin-top:0}.panel p{color:var(--retro-muted)}.text-link,.text-button{color:var(--retro-accent-alt);cursor:pointer;background:0 0;border:0;padding:0}.text-link:hover,.text-button:hover{color:var(--retro-accent)}.component-grid{grid-template-columns:repeat(2,1fr);margin-top:2rem}.component-preview-card{min-width:0;padding:1rem}.component-preview-card .panel-body>*+*{margin-top:.85rem}.button-row,.badge-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.button-row>*,.badge-row>*,.tabs button{flex:none;width:auto}.type-demo h3{margin:0;font-size:1.8rem}.type-demo small{color:var(--retro-hot)}.badge{background:var(--retro-accent);color:#000;padding:.15rem .4rem;font-size:.7rem;font-weight:700;display:inline-block}.badge-hot{background:var(--retro-hot)}.tabs{flex-wrap:wrap;gap:.5rem;display:flex}.tabs button,.state-switcher button{border:1px solid var(--retro-accent-alt);color:var(--retro-accent-alt);cursor:pointer;background:0 0;padding:.4rem .6rem}.tabs button.active,.state-switcher button.active,.tabs button:hover,.state-switcher button:hover{background:var(--retro-accent-alt);color:#000}.code-block{color:#7dff8a;background:#020204;padding:1rem;overflow:auto}.callout,.empty-state{border:1px dashed var(--retro-accent);color:var(--retro-accent);padding:.75rem}.mini-table>div{border-bottom:1px dashed #594275;grid-template-columns:1fr auto;padding:.45rem 0;display:grid}.alert{border-left:4px solid;margin-top:.75rem;padding:.55rem .7rem;font-size:.85rem}.success{color:#7dff8a;border-color:#7dff8a}.warning{border-color:var(--retro-accent);color:var(--retro-accent)}.error{color:#ff6969;border-color:#ff6969}.retro-form{gap:.45rem;display:grid}.retro-form label{color:var(--retro-accent-alt);font-size:.8rem}.retro-form input,.retro-form textarea{border:1px solid var(--retro-accent-alt);width:100%;color:var(--retro-ink);background:#05030a;border-radius:0;padding:.65rem}.retro-form input:invalid:not(:placeholder-shown),.retro-form textarea:invalid:not(:placeholder-shown){border-color:#ff6969}.state-switcher{flex-wrap:wrap;gap:.25rem;margin-bottom:1rem;display:flex}.split-section{grid-template-columns:1.2fr .8fr;gap:4rem;display:grid}.guest-entry{border-left:2px solid var(--retro-accent);background:#ffffff0a;margin:1.5rem 0;padding:1rem}.guest-entry p{color:var(--retro-ink);margin:0}.guest-entry footer{color:var(--retro-muted);margin-top:.5rem;font-size:.8rem}.links-grid{grid-template-columns:repeat(3,1fr);margin-top:2rem}.link-card{color:var(--retro-ink);border:1px solid #76549a;gap:.7rem;padding:1rem;text-decoration:none;display:flex}.link-card:hover{border-color:var(--retro-accent);background:var(--retro-surface-raised)}.link-arrow{color:var(--retro-hot);font-weight:700}.link-card strong,.link-card small{display:block}.link-card small{color:var(--retro-muted);margin-top:.4rem}.webring{justify-content:center;gap:2rem;margin-top:2rem;font-weight:700}.site-footer{border-top:var(--retro-border);color:var(--retro-muted);flex-wrap:wrap;padding:2rem 0 3rem;font-size:.75rem}.motion-toggle{border:1px solid var(--retro-muted);color:var(--retro-muted);cursor:pointer;background:0 0;padding:.4rem .6rem}.effects-off:before,.effects-off .ticker>div,.effects-off .blink{animation:none}.effects-off:before{opacity:0}@keyframes ticker{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes blink{50%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(-1rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.effects-on .blink{animation:1s steps(2,start) infinite blink}@media (width<=780px){.site-shell{padding-inline:.8rem}.utility-bar span:first-child{display:none}.hero,.split-section{grid-template-columns:1fr;gap:2rem}.hero{min-height:auto;padding-top:4rem}.hero-window{width:100%;max-width:480px;margin:auto}.three-column,.component-grid,.links-grid{grid-template-columns:1fr}.section{padding:3.5rem 0}.brand-row h1{font-size:clamp(3.5rem,18vw,6rem)}.ascii-mark{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.purchase-cta{z-index:40;color:#fff;letter-spacing:.04em;background:#263d32;border:2px solid #d6be8a;border-radius:999px;align-items:center;gap:8px;padding:12px 16px;font:700 12px/1 monospace;text-decoration:none;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:4px 4px #0000004d}.purchase-cta:hover,.purchase-cta:focus-visible{color:#fff;background:#557565;transform:translate(-1px,-1px)}@media (width<=640px){.purchase-cta{bottom:16px;right:16px}}