@font-face{font-family:"Pixelated MS Sans Serif";src:url("https://cdn.jsdelivr.net/npm/98.css@0.1.18/fonts/converted/ms_sans_serif.woff") format("woff");src:url("https://cdn.jsdelivr.net/npm/98.css@0.1.18/fonts/converted/ms_sans_serif.woff2") format("woff2");font-weight:normal;font-style:normal}:root{--spacer: 16px}body{overflow:hidden;font-family:"Pixelated MS Sans Serif",sans-serif;font-size:24px;color:#fff;background:#000}header,footer{position:absolute;width:100%;background:rgba(0,0,0,.5);padding:var(--spacer);z-index:1}header section,footer section{margin:0 auto;max-width:960px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacer)}header section>section,footer section>section{margin:0}header h1,footer h1{font-size:42px}header button,footer button{width:32px;height:32px;border-radius:4px;font-size:24px;display:flex;align-items:center;justify-content:center}header button:hover,footer button:hover{color:#000;background:#fff}header button.active>.inactive,header button.inactive>.active,footer button.active>.inactive,footer button.inactive>.active{display:none}header{top:0;left:0}footer{bottom:0;left:0}#loader{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);display:none;display:flex;flex-direction:column;align-items:center;justify-content:center}#loader>p{display:block}#loader #loaderStatus::after{content:"   ";white-space:pre;animation:ellipsis;animation-duration:2s;animation-iteration-count:infinite}@keyframes ellipsis{0%{content:"   "}25%{content:".  "}50%{content:".. "}75%{content:"..."}}.nametag{font-size:8px;padding:2px;background-color:rgba(0,0,0,.5)}.nametag:hover{background-color:#fff;color:#000}