@font-face{font-family:"IBM VGA";src:url("../fonts/Web437_IBM_VGA_8x16.woff") format("woff");font-display:swap}
:root{--bg:#000;--fg:#aaa;--hi:#fff;--cy:#5ff;--bl:#55f;--ye:#ff5;--ma:#f5f;--gr:#5f5;--rd:#f55;--dk:#00a}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;color:var(--fg);font-family:"IBM VGA","Courier New",monospace;font-size:16px;line-height:1.25;-webkit-font-smoothing:none;font-smooth:never}
a{color:var(--cy);text-decoration:none}a:hover{background:var(--cy);color:#000}
.wrap{max-width:1040px;margin:0 auto;padding:0 16px}
header.top{background:var(--dk);color:var(--hi);border-bottom:2px solid var(--cy)}
header.top .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:8px 16px}
.brand{color:var(--ye);font-size:20px}
nav a{margin-left:18px;color:var(--hi)}nav a.on{color:var(--ye)}
nav a::before{content:"[";color:var(--cy)}nav a::after{content:"]";color:var(--cy)}
h1,h2,h3{font-weight:normal;margin:1.2em 0 .5em}
h1{color:var(--ye);font-size:32px}h2{color:var(--cy);font-size:24px}h3{color:var(--ma);font-size:18px}
h2::before{content:"\2591\2592\2593 ";color:var(--bl)}
.box{border:3px double var(--cy);padding:14px 18px;margin:18px 0;background:#000}
.box.mag{border-color:var(--ma)}.box.yel{border-color:var(--ye)}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}
.hero img{width:100%;image-rendering:pixelated;border:1px solid #333}
@media(max-width:760px){.hero{grid-template-columns:1fr}nav a{margin-left:8px}}
.prompt{color:var(--gr)}.prompt::before{content:"C:\\RA> ";color:var(--fg)}
.cursor{display:inline-block;width:.6em;height:1em;background:var(--fg);vertical-align:-2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
dl.spec{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;margin:0}
dl.spec dt{color:var(--ye)}dl.spec dd{margin:0;color:var(--hi)}
.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.stat{border:1px solid var(--bl);padding:12px;background:#000014}
.stat b{display:block;font-weight:normal;font-size:30px;color:var(--ye)}
.stat span{color:var(--cy)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.grid figure{margin:0;border:1px solid #333;background:#000}
.grid figure:hover{border-color:var(--cy)}
.grid img{display:block;width:100%;height:auto;image-rendering:pixelated}
.grid figcaption{padding:4px 6px;font-size:14px;color:var(--fg);border-top:1px solid #222;word-break:break-all}
.grid a:hover{background:none}
details{border:1px solid #333;margin:8px 0;padding:6px 10px}
summary{cursor:pointer;color:var(--hi)}summary span{color:var(--fg)}
.entry{border-left:4px solid var(--ma);padding:4px 0 4px 16px;margin:20px 0}
.entry time{color:var(--ye)}
ul.ok{list-style:none;padding:0}ul.ok li::before{content:"\25BA ";color:var(--gr)}
footer{border-top:2px solid var(--bl);margin-top:40px;padding:14px 0 30px;color:#777;font-size:14px}
footer a{color:var(--cy)}
.dim{color:#777}.hi{color:var(--hi)}.ye{color:var(--ye)}.cy{color:var(--cy)}.ma{color:var(--ma)}
.ansibar{color:var(--bl);overflow:hidden;white-space:nowrap}
.gr{color:var(--gr)}