:root{--spectrum-bg: #c0c0c0;--viewport-bg: #c1c1c1;--spectrum-black: #000000;--spectrum-white: #ffffff;--spectrum-cyan: #00ffff;--spectrum-red: #ff0000;--spectrum-yellow: #ffff00;--spectrum-green: #00ff00;--spectrum-blue: #0000ff;--spectrum-magenta: #ff00ff;--spectrum-char-width: 8px;--spectrum-char-height: 8px;--spectrum-line-height: 10px}@font-face{font-family:ZX-Spectrum;src:url(/fonts/zxSpectrumExpanded.woff2) format("woff2"),url(/fonts/zxSpectrumExpanded.woff) format("woff");font-display:swap}@font-face{font-family:ZX-Spectrum Tight;src:url(/fonts/zxSpectrumExpanded.woff2) format("woff2"),url(/fonts/zxSpectrumExpanded.woff) format("woff");font-display:swap;ascent-override:72%;descent-override:12%;line-gap-override:0%;size-adjust:100%}body{font-family:ZX-Spectrum Tight,ZX-Spectrum,Courier New,Courier,monospace;background-color:#000;color:var(--spectrum-black);margin:0;padding:0;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;-webkit-font-smoothing:none;-moz-osx-font-smoothing:auto;text-rendering:optimizeSpeed}.viewport-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#000}.spectrum-viewport{background:var(--viewport-bg);aspect-ratio:4 / 3;width:min(100vw,calc(100vh * 4 / 3));height:auto;display:grid;grid-template-rows:1fr 1fr 1fr;position:relative;--u: min(100vw, 133.333vh) ;font-size:calc(var(--u) * .031)}.viewport-content{grid-row:2;display:flex;align-items:flex-start;justify-content:center}.spectrum-container{flex:1 1 auto;display:flex;align-items:flex-start;justify-content:center;padding:0}.spectrum-menu{background:var(--spectrum-white);border:calc(var(--u) * .002) solid var(--spectrum-black);padding:0;width:max-content;display:inline-block;box-shadow:none}.spectrum-header{display:grid;grid-template-columns:1fr auto;align-items:stretch;background:var(--spectrum-black);color:var(--spectrum-white);padding:0;border-bottom:calc(var(--u) * .0015) solid var(--spectrum-black)}.spectrum-title{font-size:1.58em;font-weight:700;letter-spacing:.06em;white-space:nowrap;line-height:.78;margin-top:-.18em;margin-bottom:-.02em}.spectrum-color-bar{display:block;height:100%;width:calc(var(--u) * .14);margin-right:calc(var(--u) * .028);background:linear-gradient(-45deg,var(--spectrum-black) 0%,var(--spectrum-black) 16.6667%,var(--spectrum-cyan) 16.6667%,var(--spectrum-cyan) 33.3333%,var(--spectrum-green) 33.3333%,var(--spectrum-green) 50%,var(--spectrum-yellow) 50%,var(--spectrum-yellow) 66.6667%,var(--spectrum-red) 66.6667%,var(--spectrum-red) 83.3333%,var(--spectrum-black) 83.3333%,var(--spectrum-black) 100%);background-repeat:no-repeat}.spectrum-options{list-style:none;padding:0 0 1em;margin:0;background:var(--spectrum-white)}.spectrum-option{padding:0 0 0 .6em;margin:-.06em 0;cursor:pointer;transition:background .08s ease;background:var(--spectrum-white);color:var(--spectrum-black);font-size:1.58em;letter-spacing:.14em;white-space:nowrap;line-height:.78}.spectrum-options>.spectrum-option:first-child{margin-top:0}.spectrum-option:hover,.spectrum-option.selected{background:var(--spectrum-cyan);color:var(--spectrum-black)}.spectrum-footer{position:absolute;left:calc(var(--u) * .1);bottom:calc(var(--u) * .1);font-size:1.58em;color:var(--spectrum-black);text-align:left;line-height:.78}.spectrum-footer>*{margin:0}.spectrum-page-title{position:absolute;left:calc(var(--u) * .1);bottom:calc(var(--u) * .1);right:calc(var(--u) * .1);display:grid;grid-template-columns:1fr auto;align-items:stretch;background:var(--spectrum-black);color:var(--spectrum-white);padding:0;height:calc(var(--u) * .029)}.page-title-text{font-size:1.58em;letter-spacing:.06em;white-space:nowrap;line-height:.78;margin-top:-.18em;margin-bottom:-.02em;padding-left:0;display:flex;align-items:center}.spectrum-loading{text-align:center;padding:40px 20px;position:relative}.loading-text{font-size:16px;margin-bottom:20px;color:var(--spectrum-black)}.loading-animation{display:inline-block;width:20px;height:20px;border:2px solid var(--spectrum-black);border-top:2px solid var(--spectrum-cyan);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spectrum-viewport.spectrum-loading-mode{position:relative;background:silver}.spectrum-viewport.spectrum-loading-mode .spectrum-border-full{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,red 0% calc(var(--u) * .02),#0ff calc(var(--u) * .02) calc(var(--u) * .04));background-size:calc(var(--u) * .08) calc(var(--u) * .08);animation:stripeMoveFull .8s linear infinite;z-index:10}.spectrum-viewport.spectrum-loading-mode .spectrum-viewport-mask{position:absolute;top:calc(var(--u) * .08);left:calc(var(--u) * .08);right:calc(var(--u) * .08);bottom:calc(var(--u) * .08);background:silver;z-index:20}@keyframes stripeMoveFull{0%{background-position:0 0}25%{background-position:0 calc(var(--u) * .08)}50%{background-position:0 0}75%{background-position:0 calc(var(--u) * -.08)}to{background-position:0 0}}@media (max-width: 768px){.spectrum-menu{min-width:unset;margin:10px}.spectrum-title{font-size:inherit}.spectrum-option{padding:10px 12px}}@media (prefers-color-scheme: dark){:root{--spectrum-bg: #1a1a1a}}