:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05070c;--fg:#dfe6ee;--dim:#8a97a6;--panel:#0e131b;--line:#22303f}html,body{background:var(--bg);min-height:100%;color:var(--fg);margin:0;font-family:ui-monospace,Menlo,Consolas,monospace}body{box-sizing:border-box;flex-direction:column;align-items:center;min-height:100dvh;padding:24px 16px 40px;display:flex}header{text-align:center;margin-bottom:8px}#title{image-rendering:pixelated;margin:0 auto 6px;display:block}header p{color:var(--dim);letter-spacing:1px;margin:0 0 20px;font-size:13px}#grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;width:100%;max-width:820px;display:grid}.card{text-align:left;background:var(--panel);border:2px solid var(--line);color:var(--fg);cursor:pointer;border-radius:10px;padding:18px 16px 16px;font-family:inherit;transition:border-color .12s,transform .12s;position:relative}.card:hover,.card:focus-visible{border-color:var(--accent);outline:none;transform:translateY(-2px)}.card-title{image-rendering:pixelated;margin-bottom:10px;display:block}.card .meta{color:var(--dim);margin-bottom:8px;font-size:11px}.card .blurb{font-size:13px;line-height:1.4}.card .key{color:var(--dim);border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:11px;position:absolute;top:8px;right:10px}#about{box-sizing:border-box;background:var(--panel);border:2px solid var(--line);border-radius:10px;width:100%;max-width:820px;margin-top:28px;padding:18px 20px;font-size:13px;line-height:1.6}#about p{margin:0 0 10px}#about p:last-child{margin-bottom:0}#about a{color:#3ddc84}footer{color:var(--dim);text-align:center;margin-top:20px;font-size:12px;line-height:1.6}#player{background:var(--bg);flex-direction:column;display:none;position:fixed;inset:0}body.in-game #player{display:flex}body.in-game header,body.in-game #grid,body.in-game #about,body.in-game footer{display:none}#bar{border-bottom:1px solid var(--line);color:var(--dim);align-items:center;gap:12px;padding:6px 10px;font-size:12px;display:flex}#bar button{color:var(--fg);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:4px 10px;font-family:inherit;font-size:12px}#bar button:hover{border-color:var(--fg)}#bar #credit{white-space:nowrap;margin-left:auto}#bar #credit a{color:#3ddc84;text-decoration:none}#frame{background:#000;border:0;flex:1;width:100%}