@font-face{font-family:ATRACT ROM;src:url(/fonts/atract-rom.ttf) format("truetype");font-display:swap}:root{color-scheme:dark;--border: #040404;--screen: #143382;--ink: #b5d3ff;--ink-2: #8dacf9;--hi: #ebd77e;--l0: #e0949c;--l1: #ebd77e;--l2: #a3f3ab;--l3: #8dacf9;--l4: #fdc89b;--l5: #d3e574;--rom: "ATRACT ROM", ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--border)}body{margin:0;background:var(--border);color:var(--ink);font:16px/1.5 var(--rom);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.screen{max-width:52rem;margin:0 auto;margin-block:28px;background:var(--screen);padding:32px clamp(16px,4vw,48px) 40px;display:grid;gap:40px;box-shadow:0 0 0 1px #ffffff0a,0 30px 60px -30px #000000e6}main{display:grid;gap:40px}main>section{display:grid;gap:12px;align-content:start}a{color:var(--hi)}:focus-visible{outline:2px solid var(--hi);outline-offset:3px}p{margin:0}.dim{color:var(--ink-2)}.top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}.mark{background:var(--ink);color:var(--screen);padding-inline:.5ch}#lang{text-decoration:none}#lang:hover{background:var(--hi);color:var(--screen)}h2{font:inherit;margin:0}.rem{color:var(--ink-2)}.acrostic{margin:0;display:grid;gap:6px;font:32px/1 var(--rom)}.acrostic .row{display:flex;align-items:center;gap:4px;min-width:0;overflow-wrap:anywhere}.acrostic b{font-weight:400;font-size:64px;width:1ch;flex:none;text-align:center;color:var(--screen);background:var(--c)}.acrostic .row:nth-child(1){--c: var(--l0)}.acrostic .row:nth-child(2){--c: var(--l1)}.acrostic .row:nth-child(3){--c: var(--l2)}.acrostic .row:nth-child(4){--c: var(--l3)}.acrostic .row:nth-child(5){--c: var(--l4)}.acrostic .row:nth-child(6){--c: var(--l5)}@media(max-width:34rem){.acrostic{font-size:16px}.acrostic b{font-size:32px}}.hero{display:grid;gap:24px}.panel{display:grid;gap:16px;justify-items:start}#peek{font-variant-numeric:tabular-nums}.keys{display:flex;flex-wrap:wrap;gap:8px 16px}button{font:inherit;border:0;padding:0 1ch;cursor:pointer;background:var(--ink);color:var(--screen)}button.go,button:hover{background:var(--hi)}button:disabled{cursor:progress;background:var(--ink-2)}#screen{display:block;width:100%;max-width:42rem;aspect-ratio:336 / 240;image-rendering:pixelated;background:var(--border)}.cursor:after{content:"";display:inline-block;width:1ch;height:1em;background:var(--ink);vertical-align:-.15em;margin-left:1ch;animation:blink 1.07s steps(1) infinite}@keyframes blink{50%{background:transparent}}.prog{display:grid;grid-template-columns:minmax(0,21rem) 1fr;gap:20px;align-items:start}.prog img{width:100%;height:auto;image-rendering:pixelated;display:block;background:var(--border)}.about{display:grid;gap:8px;justify-items:start}@media(max-width:34rem){.prog{grid-template-columns:1fr}}.listing{margin:0;padding:0;list-style:none;display:grid;gap:4px}.listing li{display:grid;grid-template-columns:3ch 1fr;gap:1ch}.listing .n{color:var(--ink-2)}.dir{margin:0;padding:0;list-style:none;display:grid;gap:10px;font-variant-numeric:tabular-nums}.dir li{display:grid;grid-template-columns:8ch 3ch 3ch 1fr;gap:1ch}.dir time{color:var(--ink-2)}.dir .what{color:var(--ink-2);grid-column:1 / -1;padding-left:2ch}.dir .free{display:block;color:var(--ink-2)}@media(max-width:34rem){.dir li{grid-template-columns:8ch 3ch 3ch}.dir time{grid-column:1 / -1}}.foot{color:var(--ink-2);display:grid;gap:8px}.foot p{max-width:70ch}.foot a{color:var(--ink)}@media(prefers-reduced-motion:reduce){.cursor:after{animation:none}}