:root{--black:#000;--blue:#00a;--cyan:#5ff;--red:#f55;--yellow:#ff5;--grey:#aaa;--white:#fff;--dark-grey:#555;--pixel:"Press Start 2P", monospace;--mono:"PT Mono", "Consolas", monospace}*{box-sizing:border-box}html,body{background:var(--black);height:100%;color:var(--grey);margin:0}.screen{flex-direction:column;max-width:960px;height:100dvh;margin:0 auto;padding:0 16px;display:flex}.status{background:var(--white);color:var(--black);font:12px/1 var(--pixel);justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:8px 10px;display:flex}.status-right{align-items:center;gap:14px;display:flex}#title:after{content:" · "}#room-name:empty{display:none}#title:has(+#room-name:empty):after{display:none}#restart{font:inherit;color:var(--blue);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.picture{aspect-ratio:16/10;background:var(--blue);flex-shrink:0;align-self:center;width:min(100%,88dvh,96dvh - 192px);position:relative;overflow:hidden;container-type:inline-size}.picture img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}@container (width>=640px){.picture img{image-rendering:pixelated}}.picture img:not([src]),.picture img[src=""]{display:none}.plaque{font:clamp(16px, 4vw, 32px)/1.4 var(--pixel);color:var(--white);text-shadow:3px 3px 0 var(--black);letter-spacing:2px;place-items:center;display:grid;position:absolute;inset:0}.picture.has-image .plaque{display:none}.log{min-height:40dvh;font:18px/1.4 var(--mono);scrollbar-color:var(--dark-grey) var(--black);flex:1;padding:14px 2px 6px;overflow-y:auto}.log p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 12px}.log .cmd{color:var(--cyan);margin-bottom:6px}.log .room{border-top:2px dashed var(--dark-grey);height:0;margin:6px 0 14px;font-size:0}.log .score{color:var(--yellow)}.log .death{color:var(--red);font:12px/1.6 var(--pixel)}.log .win{color:var(--yellow);font:12px/1.6 var(--pixel)}.log .title{color:var(--white);font:14px/1.8 var(--pixel);margin-top:20px}.log .debug{color:var(--dark-grey);margin-top:-4px;font-size:13px}.log .stub{color:var(--dark-grey)}.thinking:after{content:"...";vertical-align:bottom;width:3ch;animation:1.2s steps(4,jump-none) infinite dots;display:inline-block;overflow:hidden}@keyframes dots{0%{width:0}to{width:3ch}}.choices[hidden]{display:none}.screen:has(.choices:not([hidden])) .log{min-height:0}.choices{flex-wrap:wrap;gap:10px;padding:6px 0 12px;display:flex}.choices button{font:12px/1 var(--pixel);color:var(--black);background:var(--grey);cursor:pointer;border:0;padding:10px 12px}.choices button:hover,.choices button:focus-visible{background:var(--white);outline:none}.prompt{border-top:2px solid var(--dark-grey);align-items:center;gap:8px;padding:10px 2px 14px;display:flex}.caret{font:18px var(--mono);color:var(--white)}#input{min-width:0;color:var(--white);font:18px var(--mono);caret-color:var(--white);background:0 0;border:0;outline:none;flex:1}#input::placeholder{color:var(--dark-grey)}#input:disabled{opacity:.5}@media (width>=900px) and (height>=640px){.screen{max-width:1100px}}@media (width<=600px){.status{font-size:10px}#title{display:none}.log,.caret,#input{font-size:16px}}
