/* A Commodore-style screen: a wide border, a blue screen, light text in capitals. */
body.adventure{background:var(--base0E);margin:0;min-height:100vh;font:18px/1.25 var(--code);overflow-x:hidden}
.c64{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4vh 4vw;gap:10px}
.c64-screen{width:min(46em,100%);height:min(78vh,44em);display:flex;flex-direction:column;background:var(--base01);color:var(--base06);
  text-transform:uppercase;padding:1em 1.2em;box-shadow:0 0 0 6px var(--base0E)}
.c64-top{border-bottom:2px dashed var(--base0E);padding-bottom:.4em;margin-bottom:.4em}
.c64-art{margin:0;font:inherit;line-height:1.05;color:var(--base0B);white-space:pre;overflow:hidden;min-height:5em}
.c64-status{display:flex;justify-content:space-between;background:var(--base06);color:var(--base01);padding:0 .5ch;margin-top:.3em}
.c64-out{flex:1;overflow:auto;scrollbar-width:none}
.c64-out::-webkit-scrollbar{display:none}
.c64-out p{margin:0;white-space:pre-wrap}
.c64-prompt{display:flex;gap:1ch}
.c64-prompt input{flex:1;background:none;border:0;color:inherit;font:inherit;text-transform:uppercase;outline:none;caret-color:var(--base06);padding:0}
.c64-foot{margin:0;color:var(--base01);font-size:14px}
.c64-foot a{color:var(--base01)}
@media (max-width:700px){body.adventure{font-size:14px}}
.c64-disk{display:flex;flex-wrap:wrap;gap:4px 14px;justify-content:center;max-width:46em;text-transform:uppercase}
.c64-disk a{color:var(--base01);font:13px var(--code);text-decoration:none;padding:0 4px}
.c64-disk a:hover{background:var(--base01);color:var(--base06)}