.legacy-terminal{min-height:calc(100vh - 78px);background:#030503;color:#8fe38f;font:14px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;padding:32px 24px 70px;position:relative;overflow:hidden}
.legacy-terminal:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px);pointer-events:none}
.terminal-output{white-space:pre-wrap;margin:0;max-width:720px;position:relative}
.terminal-output div:empty{height:1em}
.terminal-cursor{display:inline-block;margin-left:2px;color:#8fe38f;animation:legacy-blink 1s steps(1) infinite}
.terminal-hint{position:absolute;left:24px;bottom:20px;margin:0;color:#3d6b46;font-size:11px;letter-spacing:.05em}
@keyframes legacy-blink{50%{opacity:0}}
@media(prefers-reduced-motion: reduce){.terminal-cursor{animation:none}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.legacy-page{min-height:calc(100vh - 78px);padding:40px 16px 60px;background-color:#03080a;background-image:url(../images/legacy/jkbworld-tile.svg),url(../images/bits-and-bytes-wallpaper.png);background-repeat:repeat,repeat;background-size:260px 130px,auto}
.old-page{max-width:600px;margin:0 auto;background:#f4f0e4;color:#161412;border:3px double #555;padding:22px 26px 28px;font-family:"Times New Roman",Times,serif;line-height:1.5}
.old-page hr{border:none;border-top:1px solid #999;margin:16px 0}
.old-page a{color:#0000ee;text-decoration:underline}
.old-page a:visited{color:#551a8b}
.old-badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:16px;font-family:Verdana,Arial,sans-serif;font-size:11px}
.badge{border:1px solid #333;padding:4px 9px;line-height:1.3}
.badge-construction{background:repeating-linear-gradient(45deg,#ffd400,#ffd400 8px,#171310 8px,#171310 16px);color:#171310;font-weight:bold}
.badge-browser{background:#e9e6da}
.old-title{text-align:center}
.old-title img{image-rendering:pixelated;border:0}
.old-title h1{font-family:Arial,Verdana,sans-serif;letter-spacing:.06em;margin:8px 0 0;font-size:30px;color:#161412;text-shadow:none;line-height:1.1}
.old-page h2{font-family:Verdana,Arial,sans-serif;color:#2a2a2a;font-size:16px;font-weight:bold;margin:0 0 10px}
.old-tagline{text-align:center;font-style:italic;color:#3a3630;margin:2px 0 0}
.old-nav{width:100%;border-collapse:collapse;margin:16px auto 4px;font-family:Verdana,Arial,sans-serif;font-size:12px}
.old-nav td{padding:2px 7px;text-align:center;color:#555}
.old-about{overflow:hidden}
.old-avatar{float:left;margin:0 14px 8px 0;border:1px solid #999}
.old-about p{margin:0 0 10px}
.hit-counter{display:inline-block;background:#000;color:#1cff5a;font-family:ui-monospace,Consolas,monospace;font-size:20px;letter-spacing:.18em;padding:4px 10px;border:2px inset #777}
.loading-gag{text-align:center;font-family:Verdana,Arial,sans-serif;font-size:12px;color:#3a3630}
.legacy-disclaimer{text-align:center;color:#8a8579;font-size:10px;margin:18px 0 0}
.return-btn{display:block;margin:18px auto 0;font-family:Verdana,Arial,sans-serif;font-size:12px;background:#ddd;border:2px outset #999;padding:8px 18px;cursor:pointer;color:#111}
.return-btn:hover{background:#eee}
.return-btn:active{border-style:inset}
.return-btn:focus-visible{outline:2px solid #0000ee;outline-offset:2px}

@media(max-width:520px){.old-avatar{float:none;display:block;margin:0 auto 10px}.old-about{text-align:center}}
