html{scroll-behavior:smooth}*{box-sizing:border-box}body{font-family:local('Liberation Serif'),serif;margin:0 auto;display:flex;flex-direction:column;min-height:100dvh;padding:0 2vh 2vh;background:#fafafa}header{}footer{margin-top:1rem}a{text-decoration:none}img{max-height:100dvh;height:auto;display:block;margin:0 auto;max-width:100%}blockquote{font-style:italic}main{flex:1}hr{}#frontpage{padding-top:1em}#breadcrumbs{list-style:none;padding-left:0;padding-right:0;*/ */ */ */}#breadcrumbs a{pointer-events:auto!important;z-index:9999!important}#breadcrumbs li{display:inline}#breadcrumbs li a{}#breadcrumbs li a:hover{}#breadcrumbs li::after{content:"/";padding:0 1em}#breadcrumbs li:last-child::after{content:""}#breadcrumbs li:last-child a{font-weight:700;pointer-events:none}.poem{font-family:inherit;white-space:pre-wrap}#sketch-container{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;width:100%;overflow:hidden}#screenshotButton{order:100;margin-top:2vh}.home{height:100dvh;display:flex;align-items:center;justify-content:center}.home img{mix-blend-mode:darken}pre::-webkit-scrollbar{display:none}code{overflow-x:auto;scrollbar-width:none;padding:1rem;font-family:monospace;white-space:pre-wrap;display:block;background:#000;color:#fafafa;border-radius:10px}pre{}#button-container{display:grid;grid-template-columns:repeat(auto-fill,90px);gap:10px;justify-content:center}#pxwear img{height:100dvh;width:auto;max-width:100%;object-fit:contain;display:block;margin:auto}#pxwear-title img{height:50dvh;width:auto;max-width:100%;object-fit:contain;display:block;margin:auto}.pagination{margin-top:2em;text-align:center}.pagination ul{display:inline-flex;gap:.5em;list-style:none;padding:0;flex-wrap:wrap}.pagination li{display:inline}.pagination a{text-decoration:none;padding:.3em .6em;border-radius:6px;transition:background-color .2s ease}.pagination span{font-weight:700;padding:.3em .6em}.open-badge{display:inline-block;font-weight:700;background:linear-gradient(90deg,#ff0000,#ff8000,#ffff00,#00ff00,#00ffff,#0000ff,#8000ff,#ff00ff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px black;animation:spinGradient 3s linear infinite,toggleCase 1.5s ease-in-out infinite}.bid-here{animation:toggleCase 1.5s ease-in-out infinite}.menu2{list-style:none;margin:0;padding:0;white-space:normal}.menu2-item{display:inline-block;margin:0}.menu2-link{display:inline-block;text-decoration:none;font-weight:500;white-space:nowrap;font-size:clamp(12px,2vw,16px);padding:0 .25rem;position:relative;transition:all .2s ease}.menu2-link::before{content:"[";margin-right:.1rem}.menu2-link::after{content:"]";margin-left:.1rem}.menu2-link:hover{}@keyframes spinGradient{0%{background-position:0}100%{background-position:200%}}@keyframes toggleCase{0%,32%{text-transform:none}33%,65%{text-transform:uppercase}66%,100%{text-transform:lowercase}}.icon-gallery{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;padding:1em}.icon-gallery a img{width:auto;height:auto;image-rendering:pixelated;display:block;transition:transform .3s}.icon-gallery a img:hover{transform:scale(2)}.center-me{display:block;width:max-content;margin-left:auto;margin-right:auto}.abdoopt-icon{padding:1em}:root{--face:rgba(0,0,0, 0.2);--border-dark:rgba(0,0,0, 0.35);--border-light:rgba(255,255,255, 1);--shadow-dark:rgba(0,0,0, 0.24);--shadow-light:rgba(255,255,255, 0.03);--text:rgba(0,0,0, 1);--disabled-face:rgba(255,255,255, 0.06);--disabled-text:rgba(0,0,0, 0.54);--focus:rgba(0,120,215,0.25)}button.sys7,a.sys7{text-decoration:none;appearance:none;border:.125rem solid #000;padding:.5rem 1.125rem;line-height:1;cursor:pointer;color:var(--text);background:var(--face);box-shadow:-3px -3px 0 0 var(--border-dark)inset,3px 3px 0 0 var(--border-light)inset,inset 1px 1px 0 var(--shadow-dark),inset -1px -1px 0 var(--shadow-light);border-radius:.2rem;font-weight:600;user-select:none;transition:transform 60ms linear,box-shadow 60ms linear,background 60ms linear;font-family:monospace}:root{--glow:0 0 0 6px var(--focus)}button.sys7:hover:enabled,a.sys7:hover,.sys7:focus{outline:none;background:linear-gradient(#e0e0e0,#c6c6c6);animation:rainbow 1s linear infinite,toggleCase 1.5s ease-in-out infinite;box-shadow:-3px -3px 0 0 var(--border-dark)inset,3px 3px 0 0 var(--border-light)inset,inset 1px 1px 0 var(--shadow-dark),inset -1px -1px 0 var(--shadow-light),var(--glow)}@keyframes rainbow{0%{--glow:0 0 10px 3px hsl(0,   100%, 50%)}25%{--glow:0 0 10px 3px hsl(120, 100%, 50%)}50%{--glow:0 0 10px 3px hsl(240, 100%, 50%)}75%{--glow:0 0 10px 3px hsl(300, 100%, 50%)}100%{--glow:0 0 10px 3px hsl(360, 100%, 50%)}}button.sys7:active:enabled,a.sys7:active{transform:translateY(1px);background:var(--shadow-dark);box-shadow:-3px -3px 0 0 var(--border-light)inset,3px 3px 0 0 var(--border-dark)inset,inset 1px 1px 0 var(--shadow-light),inset -1px -1px 0 var(--shadow-dark)}button.sys7:disabled{cursor:default;color:var(--disabled-text);background:linear-gradient(var(--disabled-face),#e5e5e5);box-shadow:-3px -3px #ffffff inset,3px 3px #bdbdbd inset;opacity:.95}.sys7 .icon{display:inline-block;margin-right:8px;vertical-align:middle;transform:translateY(1px)}@media(orientation:landscape){body{min-width:600px;width:44.7vw;padding:0 0 2vh}}@media(orientation:landscape){body{min-width:600px;width:44.7vw;padding:0 0 2vh}}.crt::before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:3;background:radial-gradient( 70% 85% at 50% 50%,transparent 0%,rgba(0,0,0,.2) 100% ),linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,.25) 50%),linear-gradient( 90deg,rgba(255,0,0,6%),rgba(0,255,0,2%),rgba(0,0,255,6%) );background-size:100% 100%,100% 2px,3px 100%}