:root{color-scheme:dark;background:#020906;font-family:Consolas,'Courier New',monospace;color:#a0b6aa}*{box-sizing:border-box}body{margin:0;padding:0 28px;min-height:100svh}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(#00ff6605 1px,transparent 1px);background-size:100% 4px}a{color:#70eaa0;text-underline-offset:4px}button{font:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #7bffae;outline-offset:4px}.masthead,main,footer{max-width:1040px;margin:auto;position:relative}.masthead{padding:25px 0;border-bottom:1px solid #17472e;display:flex;justify-content:space-between;align-items:center;gap:20px}.masthead a{font-size:18px;color:#7bffae;text-decoration:none}.masthead>span{font-size:12px;letter-spacing:2px;color:#729880}.intro{padding:32px 0 24px}.eyebrow,.section-label{font-size:12px;letter-spacing:2px;color:#61cc8e}.eyebrow{margin:0 0 16px}h1{font-size:clamp(44px,6vw,70px);line-height:1;margin:16px 0;color:#e1ffeb;letter-spacing:-3px;text-shadow:0 0 28px #32ff7133}h1 span{color:#4bff89}.intro>p:last-child{font-size:16px;line-height:1.6;margin-bottom:0}.section-label{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #17472e;padding:16px 0}.section-label>span:last-child{color:#88a692;letter-spacing:1px}.dos-window{width:min(856px,100%);margin:auto;background:#000;border:2px outset #bbb}.titlebar{height:22px;display:flex;align-items:center;background:repeating-linear-gradient(45deg,#a000a0 0,#a000a0 1px,#e000e0 1px,#e000e0 2px);color:white;font-family:'Courier New',monospace;font-size:14px}.titlebar b{flex:1;text-align:center;font-weight:normal}.titlebar>span{width:20px;background:#bcbcbc;border:2px outset #ddd;color:#000;text-align:center;height:100%;line-height:16px}canvas{width:100%;height:auto;display:block;image-rendering:pixelated;outline:none;cursor:pointer;touch-action:manipulation}.controls{max-width:856px;margin:16px auto 0;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}button{border:1px solid #24563a;color:#9be9b6;background:#04150b;padding:10px 12px;font-size:14px;cursor:pointer;min-height:44px}button:hover{background:#0a2917;border-color:#70eaa0;color:#e1ffeb}button:disabled{opacity:.38;cursor:default}.columns,.actions{display:flex;gap:6px;flex-wrap:wrap}.columns button{min-width:58px}.columns button[aria-pressed=true]{background:#17472e;border-color:#7bffae}.input-hint{max-width:856px;margin:12px auto 0;font-size:14px;line-height:1.7;color:#88a692}.archive{border-top:1px solid #17472e;margin-top:40px;padding:30px 0}.archive h2{color:#d7fbe4;font-size:28px;margin:16px 0}.archive>p:not(.eyebrow){max-width:800px;line-height:1.9;font-size:16px}.archive .archive-note{color:#769780}.archive nav{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px;font-size:14px}footer{border-top:1px solid #17472e;padding:24px 0 32px;font-size:12px;color:#659577;display:flex;justify-content:space-between;gap:20px}.matrix{position:fixed;inset:0;overflow:hidden;pointer-events:none;color:#19eb69;opacity:.1;font-size:17px;line-height:2;letter-spacing:12px;display:flex;justify-content:space-between;mask-image:linear-gradient(black,transparent)}.matrix span{writing-mode:vertical-rl;animation:rain 26s linear infinite;transform:translateY(-40%)}.matrix span:nth-child(2){animation-delay:-13s;opacity:.35}.matrix span:nth-child(3){animation-delay:-7s}.cursor{animation:blink 1s steps(2,end) infinite}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes rain{to{transform:translateY(100vh)}}@keyframes blink{to{opacity:0}}@media(max-width:640px){body{padding:0 14px}.masthead>span{display:none}.intro{padding:26px 0 22px}.section-label{letter-spacing:1px}.controls{gap:10px}.columns{width:100%}.columns button{flex:1}.actions{width:100%}.actions button{flex:auto;padding:10px 8px}.archive{margin-top:28px}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){.matrix span,.cursor{animation:none}}