/*HyperCGA Copyright (C) 2013-2022 Bytemoth <dwb@cd5k.net>
  NO RIGHTS RESERVED; ALL REDISTRIBUTION AND MODIFICATION IS FULLY PERMITTED.
  https://opensource.org/licenses/0BSD
  Version 1.44 High Density build 3554

Stuff I would've used were this site not targeting web browsers released in 2010:
o CSS 'ch' units (equivalent em size used instead), #rrggbbaa, and columns
o <details>+<summary> (input:checked used instead), <progress>, and <time>
o WebP images and WebM videos with AV1/Opus encoding

CSS RESET BY JASON KNIGHT
  http://www.cutcodedown.com/article/whats_wrong_with_YOUR_website_part4#section_4_2a
*/address,blockquote,body,caption,div,fieldset,form,h1,h2,h3,h4,h5,h6,hr
,html,img,li,p,ol,table,td,th,tr,ul{margin:0;padding:0}
aside,footer,figure,figcaption{display:block}
*[title]{border-bottom:0.1em dotted #fff;cursor:help}

/*ANCHORS*/
a:link{color:#5ff}
a:visited{color:#0aa}
a:hover,a:focus{color:#fff;background:#0aa}
a:active{color:#fff}
a.mb,img[src^="/88s/"]{width:88px;height:31px}/*Mock Button*/
a.mb:link{text-decoration:none}
a img,a.mb{border:0.15em solid #5ff}
a:visited img,a.mb:visited{border-color:#0aa}
a:hover img,a.mb:hover,a:focus img,a.mb:focus{border-color:#fff}
a:active img,a.mb:active{border-style:dotted}
a.mb,p#bc{font-size:0.75em}
a.mb{display:inline-block;overflow:hidden}
a.mb,img,sub,.vb{vertical-align:text-bottom}
#ay a:link{color:#ff5}/*Change links to yellow if turquoise blends in*/
#ay a:visited{color:#a50}
#ay a:hover,#ay a:focus{background:#a50;color:#fff}
#ay a img,#ay a.mb{border-color:#ff5}
#ay a:visited img,#ay a.mb:visited{border-color:#a50}
#ay a:hover img,#ay a.mb:hover{border-color:#fff}
a[href$="/tau/"]:link{text-decoration:none;color:#512!important}
a[href$="/tau/"]:hover{background:inherit!important;cursor:help}
a:link del{color:#f55;text-decoration:line-through}
a:hover del,a:focus del{background:#a00}
a del img,a:visited del img{border-color:#f55}
a+span,input+aside>div,.dn,input#sb,input+.tab{display:none}
a+span,aside>label,td,th,.p1{padding:0.25em}
a,a+span,footer,h1,h1+h2,.ac{text-align:center}
a:hover+span,a:focus+span{max-height:1em;overflow:hidden;z-index:2}
a:hover+span,a:focus+span,nav{position:fixed;bottom:0;left:0}
a:hover+span,a:focus+span,h1,table,nav,.t1,.t2,.t3,.t4,.t5,.t6{width:100%
;display:table}fieldset.t2,fieldset.t3,fieldset.t4,fieldset.t5,fieldset.t6{
width:auto}fieldset a,a.ab,.ab a{padding:0.25em;font-weight:bold;display:block
;margin:0.25em;background:url(dither.png)}/*Anchor Block*/

/*STYLING*/
aside>label{cursor:pointer}
aside>label,input:checked+aside>div,input:checked+.tab{display:block}
b b,#bc{text-transform:uppercase}
b i,h2 i{font-weight:normal;font-style:normal}
body{margin:1.5em 0}
body,h1,pre{font:normal 1em/1.2 'Lucida Console',Inconsolata,Monaco,monospace}
body,.aj{text-align:justify}/*Every single word on my site is justified! ;p*/
dd{padding:0.25em 1em}
dt,h1,legend{font-weight:bold}
dt,h2,h3,h4,h5,h6,pre{margin:1em 0 0 0;line-height:1em}
h1+h2,main,.ma,#la{margin:0 auto}
h1{padding:0.25em 0;margin:0;top:0;left:0;right:0;position:absolute}
h1,nav{z-index:1}
h2,h3,h4,h5,h6,th,b i,.sc{font-variant:small-caps}
h2 i{font-size:3em}h2{font-size:2.5em}h3{font-size:2em}
h4{font-size:1.75em}h5{font-size:1.5em}h6{font-size:1.25em}
hr{height:0.25em;border:0;margin:0.5em 0}
hr.bl,.bl hr{background:url(blood.png);height:20px}/*BLoodbar*/
img{-ms-interpolation-mode:nearest-neighbor;image-rendering:-o-crisp-edges}
img,body{image-rendering:-webkit-crisp-edges;image-rendering:-moz-crisp-edges
;image-rendering:pixelated}/*fuck yo interpolation!*/
legend{margin:0 0 0 1em;padding:0.1em 0.75em}
li,li.i1,li.i2,li.i3,li.i4,li.i5,li.i6,.i1 li,.i2 li,.i3 li,.i4 li,.i5 li,
.i6 li{margin:0.5em 0.5em 0.5em 3em}li.i0,.i0 li,dt.i0,dl.i0 dt{margin:0}
li.i1,.i1 li{margin-left:1em}li.i2,.i2 li{margin-left:2em}
li.i3,.i3 li{margin-left:3em}li.i4,.i4 li{margin-left:4em}
li.i5,.i5 li{margin-left:5em}li.i6,.i6 li{margin-left:6em}
main,nav a,.p2,#la{padding:0.5em}.p3{padding:0.75em}.p4{padding:1em}
nav a,.t1>dl>dd,.t2>dl>dd,.t3>dl>dd,.t4>dl>dd,.t5>dl>dd,.t6>dl>dd{
display:table-cell}nav#top{position:fixed;top:0;left:0;bottom:unset}
ol{list-style:decimal-leading-zero}
p{margin:1em 0}
sup,.vt{vertical-align:text-top}
table{border-spacing:0.15em}table img{max-width:none}
.al{text-align:left}.ar{text-align:right}.bs{box-sizing:border-box}
.fl{float:left}.fr{float:right}.fl,.fr{margin:0.5em}.fc{clear:both}
.no{border-spacing:0;list-style:square;background-image:none}
.no td,.p0{padding:0}/*NOrmal*/
.t1>dl,.t2>dl,.t3>dl,.t4>dl,.t5>dl,.t6>dl{display:table-row}
.t1>dl>dd{width:auto}.t2 td,.t2>dl>dd,nav.t2 a{width:50%}
.t3 td,.t3>dl>dd,nav.t3 a{width:33.3%}.t4 td,.t4>dl>dd,nav.t4 a{width:25%}
.t5 td,.t5>dl>dd,nav.t5 a{width:20%}.t6 td,.t6>dl>dd,nav.t6 a{width:16.5%}
.vm{vertical-align:middle}
ul,.up1{list-style:url(point1.gif)}.upd{list-style:url(point2.gif)}
.ext{list-style:url(point3.gif)}.heh{list-style:url(pointsmile.gif)}
.new{list-style:url(pointnew.gif)}.rss{list-style:url(rss-a.png)}
.urg{list-style:url(pointsiren.gif)}.wow{list-style:url(pointwow.gif)}
.non{list-style:none} main,#la{width:48.25em}

/*SIDEBAR LITERAL HAMBURGER MENU
H/T Lena:  https://glitch.social/@Vann/99684607082303569 (dead link, unarchived)
*/#sb+label{position:fixed;top:1em;left:0;width:1em;background:#000;z-index:4
;height:1em;text-align:center}#sb+label:hover{background:#0aa}
#sb+label:after{content:"\1F354"}#sb:checked+label:after{content:"\1F35F"}
#sb~iframe{position:fixed;top:2em;bottom:0;left:0;z-index:3;width:0.01em}
#sb:checked+label,#sb:checked~iframe{-o-transition:width 1s ease
;-webkit-transition:width 1s ease;-moz-transition:width 1s ease
;transition:width 1s ease;width:16em;border-right:0.25em ridge #aaa}

/*BORDERS*/
.b0,.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8,.b9,.bA,.bB,.bC,.bD,.bE,.bF
{border:0.26em double #aaa}
table.b0,table.b1,table.b2,table.b3,table.b4,table.b5,table.b6,table.b7,
table.b8,table.b9,table.bA,table.bB,table.bC,table.bD,table.bE,table.bF
{border:0.13em outset #aaa}
.b0 td,.b1 td,.b2 td,.b3 td,.b4 td,.b5 td,.b6 td,.b7 td,.b8 td,.b9 td,.bA td,
.bB td,.bC td,.bD td,.bE td,.bF td,legend.b0,legend.b1,legend.b2,legend.b3,
legend.b4,legend.b5,legend.b6,legend,legend.b8,legend.b9,legend.bA,
legend.bB,legend.bC,legend.bD,legend.bE,legend.bF{border:0.13em inset #aaa}
fieldset.b0,fieldset.b1,fieldset.b2,fieldset.b3,fieldset.b4,fieldset.b5,
fieldset.b6,fieldset,fieldset.b8,fieldset.b9,fieldset.bA,fieldset.bB,
fieldset.bC,fieldset.bD,fieldset.bE,fieldset.bF{border:0.26em ridge #aaa}
.b0,.b0 td{border-color:#000!important}.b1,.b1 td{border-color:#00a!important}
.b2,.b2 td{border-color:#0a0!important}.b3,.b3 td{border-color:#0aa!important}
.b4,.b4 td{border-color:#a00!important}.b5,.b5 td{border-color:#a0a!important}
.b6,.b6 td{border-color:#a50!important}.b8,.b8 td{border-color:#555!important}
.b9,.b9 td{border-color:#55f!important}.bA,.bA td{border-color:#5f5!important}
.bB,.bB td{border-color:#5ff!important}.bC,.bC td{border-color:#f55!important}
.bD,.bD td{border-color:#f5f!important}.bE,.bE td{border-color:#ff5!important}
.bF,.bF td{border-color:#fff!important}
table.bG tr:nth-child(even){background:#181818}
.bou,.bor,.bod,.bol,.bs{border-style:solid}/*Border Single/Only on (dir)*/
.bou{border-width:0.26em 0 0 0}.bor{border-width:0 0.26em 0 0}
.bod{border-width:0 0 0.26em 0}.bol{border-width:0 0 0 0.26em}
#nb>*,.nb,.nb td,.nb a img,a.nb img{border:0}/*No Border*/
/*COLORATION
DOS CGA palette via  https://en.wikipedia.org/wiki/Color_Graphics_Adapter
Done in this inefficient manner so I can type class=c1F instead of
 class="cb1 cfF". Using this method instead does expand the file by 3KB,
 but it only has to be loaded once, so who cares.*/
.c00,.c01,.c02,.c03,.c04,.c05,.c06,.c07,.c08,.c09,.c0A,.c0B,.c0C,.c0D,.c0E,.c0F,
.c80,.c81,.c82,.c83,.c84,.c85,.c86,.c87,.c88,.c89,.c8A,.c8B,.c8C,.c8D,.c8E,.c8F,
table.b0 th,table.b8 th,body{background:#000}
.c10,.c11,.c12,.c13,.c14,.c15,.c16,.c17,.c18,.c19,.c1A,.c1B,.c1C,.c1D,.c1E,.c1F,
.c90,.c91,.c92,.c93,.c94,.c95,.c96,.c97,.c98,.c99,.c9A,.c9B,.c9C,.c9D,.c9E,.c9F,
table.b1 th,table.b9 th,a+span{background:#00a}
.c20,.c21,.c22,.c23,.c24,.c25,.c26,.c27,.c28,.c29,.c2A,.c2B,.c2C,.c2D,.c2E,.c2F,
.cA0,.cA1,.cA2,.cA3,.cA4,.cA5,.cA6,.cA7,.cA8,.cA9,.cAA,.cAB,.cAC,.cAD,.cAE,.cAF,
table.b2 th,table.bA th{background:#0a0}
.c30,.c31,.c32,.c33,.c34,.c35,.c36,.c37,.c38,.c39,.c3A,.c3B,.c3C,.c3D,.c3E,.c3F,
.cB0,.cB1,.cB2,.cB3,.cB4,.cB5,.cB6,.cB7,.cB8,.cB9,.cBA,.cBB,.cBC,.cBD,.cBE,.cBF,
table.b3 th,table.bB th{background:#0aa}
.c40,.c41,.c42,.c43,.c44,.c45,.c46,.c47,.c48,.c49,.c4A,.c4B,.c4C,.c4D,.c4E,.c4F,
.cC0,.cC1,.cC2,.cC3,.cC4,.cC5,.cC6,.cC7,.cC8,.cC9,.cCA,.cCB,.cCC,.cCD,.cCE,.cCF,
table.b4 th,table.bC th{background:#a00}
.c50,.c51,.c52,.c53,.c54,.c55,.c56,.c57,.c58,.c59,.c5A,.c5B,.c5C,.c5D,.c5E,.c5F,
.cD0,.cD1,.cD2,.cD3,.cD4,.cD5,.cD6,.cD7,.cD8,.cD9,.cDA,.cDB,.cDC,.cDD,.cDE,.cDF,
table.b5 th,table.bD th{background:#a0a}
.c60,.c61,.c62,.c63,.c64,.c65,.c66,.c67,.c68,.c69,.c6A,.c6B,.c6C,.c6D,.c6E,.c6F,
.cE0,.cE1,.cE2,.cE3,.cE4,.cE5,.cE6,.cE7,.cE8,.cE9,.cEA,.cEB,.cEC,.cED,.cEE,.cEF,
table.b6 th,table.bE th{background:#a50}
.c70,.c71,.c72,.c73,.c74,.c75,.c76,.c77,.c78,.c79,.c7A,.c7B,.c7C,.c7D,.c7E,.c7F,
.cF0,.cF1,.cF2,.cF3,.cF4,.cF5,.cF6,.cF7,.cF8,.cF9,.cFA,.cFB,.cFC,.cFD,.cFE,.cFF,
table.b7 th,table.bF th,h1,hr,legend{background:#aaa}
.c00,.c10,.c20,.c30,.c40,.c50,.c60,.c70,.c80,.c90,.cA0,.cB0,.cC0,.cD0,.cE0,.cF0,
.cG0,h1,legend{color:#000}
.c01,.c11,.c21,.c31,.c41,.c51,.c61,.c71,.c81,.c91,.cA1,.cB1,.cC1,.cD1,.cE1,.cF1,
.cG1{color:#00a}
.c02,.c12,.c22,.c32,.c42,.c52,.c62,.c72,.c82,.c92,.cA2,.cB2,.cC2,.cD2,.cE2,.cF2,
.cG2{color:#0a0}
.c03,.c13,.c23,.c33,.c43,.c53,.c63,.c73,.c83,.c93,.cA3,.cB3,.cC3,.cD3,.cE3,.cF3,
.cG3{color:#0aa}
.c04,.c14,.c24,.c34,.c44,.c54,.c64,.c74,.c84,.c94,.cA4,.cB4,.cC4,.cD4,.cE4,.cF4,
.cG4{color:#a00}
.c05,.c15,.c25,.c35,.c45,.c55,.c65,.c75,.c85,.c95,.cA5,.cB5,.cC5,.cD5,.cE5,.cF5,
.cG5{color:#a0a}
.c06,.c16,.c26,.c36,.c46,.c56,.c66,.c76,.c86,.c96,.cA6,.cB6,.cC6,.cD6,.cE6,.cF6,
.cG6{color:#a50}
.c07,.c17,.c27,.c37,.c47,.c57,.c67,.c77,.c87,.c97,.cA7,.cB7,.cC7,.cD7,.cE7,.cF7,
.cG7,body{color:#aaa}
.c08,.c18,.c28,.c38,.c48,.c58,.c68,.c78,.c88,.c98,.cA8,.cB8,.cC8,.cD8,.cE8,.cF8,
.cG8{color:#555}
.c09,.c19,.c29,.c39,.c49,.c59,.c69,.c79,.c89,.c99,.cA9,.cB9,.cC9,.cD9,.cE9,.cF9,
.cG9{color:#55f}
.c0A,.c1A,.c2A,.c3A,.c4A,.c5A,.c6A,.c7A,.c8A,.c9A,.cAA,.cBA,.cCA,.cDA,.cEA,.cFA,
.cGA{color:#5f5}
.c0B,.c1B,.c2B,.c3B,.c4B,.c5B,.c6B,.c7B,.c8B,.c9B,.cAB,.cBB,.cCB,.cDB,.cEB,.cFB,
.cGB,a+span{color:#5ff}
.c0C,.c1C,.c2C,.c3C,.c4C,.c5C,.c6C,.c7C,.c8C,.c9C,.cAC,.cBC,.cCC,.cDC,.cEC,.cFC,
.cGC{color:#f55}
.c0D,.c1D,.c2D,.c3D,.c4D,.c5D,.c6D,.c7D,.c8D,.c9D,.cAD,.cBD,.cCD,.cDD,.cED,.cFD,
.cGD{color:#f5f}
.c0E,.c1E,.c2E,.c3E,.c4E,.c5E,.c6E,.c7E,.c8E,.c9E,.cAE,.cBE,.cCE,.cDE,.cEE,.cFE,
.cGE,#ay a+span{color:#ff5}
.c0F,.c1F,.c2F,.c3F,.c4F,.c5F,.c6F,.c7F,.c8F,.c9F,.cAF,.cBF,.cCF,.cDF,.cEF,.cFF,
.cGF,h2 b,p#bc,th{color:#fff}
::-moz-selection{background:#05a;color:#fff}
::selection{background:#05a;color:#fff}

/*ANIMATIONS
Can't get these to play more than once in Presto-based Opera for some reason.*/
.c80,.c81,.c82,.c83,.c84,.c85,.c86,.c87,.c88,.c89,.c8A,.c8B,.c8C,.c8D,.c8E,.c8F,
.c90,.c91,.c92,.c93,.c94,.c95,.c96,.c97,.c98,.c99,.c9A,.c9B,.c9C,.c9D,.c9E,.c9F,
.cA0,.cA1,.cA2,.cA3,.cA4,.cA5,.cA6,.cA7,.cA8,.cA9,.cAA,.cAB,.cAC,.cAD,.cAE,.cAF,
.cB0,.cB1,.cB2,.cB3,.cB4,.cB5,.cB6,.cB7,.cB8,.cB9,.cBA,.cBB,.cBC,.cBD,.cBE,.cBF,
.cC0,.cC1,.cC2,.cC3,.cC4,.cC5,.cC6,.cC7,.cC8,.cC9,.cCA,.cCB,.cCC,.cCD,.cCE,.cCF,
.cD0,.cD1,.cD2,.cD3,.cD4,.cD5,.cD6,.cD7,.cD8,.cD9,.cDA,.cDB,.cDC,.cDD,.cDE,.cDF,
.cE0,.cE1,.cE2,.cE3,.cE4,.cE5,.cE6,.cE7,.cE8,.cE9,.cEA,.cEB,.cEC,.cED,.cEE,.cEF,
.cF0,.cF1,.cF2,.cF3,.cF4,.cF5,.cF6,.cF7,.cF8,.cF9,.cFA,.cFB,.cFC,.cFD,.cFE,.cFF{
text-decoration:blink;-webkit-animation:blink2 1s 0s step-end infinite
;animation:blink2 1s 0s step-end infinite}
@keyframes blink2{73%{color:rgba(0,0,0,0)}99%{color:rgba(0,0,0,0)}}
@-webkit-keyframes blink2{73%{color:rgba(0,0,0,0)}99%{color:rgba(0,0,0,0)}}
/*^ Classic Blink - Gentle Pulse V*/
blink,.blink,a:active{text-decoration:blink
;-webkit-animation:blink 1.5s 0s linear infinite
;animation:blink 1.5s 0s linear infinite}
@keyframes blink{50%{opacity:1}75%{opacity:0}}
@-webkit-keyframes blink{50%{opacity:1}75%{opacity:0}}
blink:hover,.blink:hover,blink:focus,.blink:focus,blink:active,.blink:active{
-webkit-animation-play-state:paused;animation-play-state:paused
;text-decoration:none}/*-moz- not added; Firefox 5-16 support <blink> natively*/

.cZZ{background:unset;-moz-animation:zzttext 1s 0s linear infinite;
-webkit-animation:zzttext 1s 0s linear infinite;
animation:zzttext 1s 0s linear infinite}/*ZZT-style color cycling*/
@keyframes zzttext{0%{color:#5f5}14%{color:#55f}29%{color:#fff}
43%{color:#ff5}57%{color:#f5f}71%{color:#f55}86%{color:#5ff}}
@-moz-keyframes zzttext{0%{color:#5f5}14%{color:#55f}29%{color:#fff}
43%{color:#ff5}57%{color:#f5f}71%{color:#f55}86%{color:#5ff}}
@-webkit-keyframes zzttext{0%{color:#5f5}14%{color:#55f}29%{color:#fff}
43%{color:#ff5}57%{color:#f5f}71%{color:#f55}86%{color:#5ff}}

.dance,a[href$='#dance']{-moz-animation:shake 1s ease 0s infinite;
-webkit-animation:shake 0.5s ease 0s infinite;animation:shake 0.5s ease 0s infinite}
@keyframes shake{0%{transform:translate(1px,1px)}
10%{transform:translate(-1px,-2px)}20%{transform:translate(-2px,0px)}
30%{transform:translate(2px,2px)}40%{transform:translate(1px,-1px)}
50%{transform:translate(-1px,2px)}60%{transform:translate(-2px,1px)}
70%{transform:translate(2px,1px)}80%{transform:translate(-1px,-1px)}
90%{transform:translate(1px,2px)}100%{transform:translate(1px,-2px)}}
@-moz-keyframes shake{0%{transform:translate(1px,1px)}
10%{transform:translate(-1px,-2px)}20%{transform:translate(-2px,0px)}
30%{transform:translate(2px,2px)}40%{transform:translate(1px,-1px)}
50%{transform:translate(-1px,2px)}60%{transform:translate(-2px,1px)}
70%{transform:translate(2px,1px)}80%{transform:translate(-1px,-1px)}
90%{transform:translate(1px,2px)}100%{transform:translate(1px,-2px)}}
@-webkit-keyframes shake{0%{transform:translate(1px,1px)}
10%{transform:translate(-1px,-2px)}20%{transform:translate(-2px,0px)}
30%{transform:translate(2px,2px)}40%{transform:translate(1px,-1px)}
50%{transform:translate(-1px,2px)}60%{transform:translate(-2px,1px)}
70%{transform:translate(2px,1px)}80%{transform:translate(-1px,-1px)}
90%{transform:translate(1px,2px)}100%{transform:translate(1px,-2px)}}

@media(prefers-reduced-motion){/*H/T merewife*/
.dance,a[href$='#dance']{-moz-animation-play-state:paused;
-webkit-animation-play-state:paused;animation-play-state:paused}
}

/*CSS marquees are bullshit and only work flawlessly in one direction so I'm
 just gonna use the HTML tag since every browser supports it anyway lol
 except Pale Moon 28.14+ apparently /facepalm

RESPONSIVE LAYOUT  Inspired by Brian Hauer's site:  http://tiamat.tsotech.com/
 Big ups to macedev for teaching us about detecting mobile via hover:none
 Took a long break from this file. Don't remember what I was going to do here.
 Might not be needed since the main layout targets 1024x768?
@media(hover:none){main,#la,.t1 dd,.t2 dd,.t3 dd,.t4 dd,.t5 dd,.t6 dd{
width:100%;display:block}dd,td,th,main,#la{padding:0}
fieldset,img{border:0;max-width:100%}}

Do not take HyperCGA if you are nursing, pregnant, or may become pregnant.
Common side effects include abdominal pain, headaches, and diarrhea.*/