.story p.down,div#in,div#log{position:absolute}#play,.story,canvas{height:100vh}body{margin:0;background:#111;font-family:Monaco,monospace}#status,.story{font-family:-apple-system,system-ui}*{border-collapse:collapse;box-sizing:border-box}.story{display:flex;font-weight:100;color:#fda;font-style:italic;font-size:45px;padding:0 25%;align-items:center}#game,#status{display:block}div#in,input{padding:10px}.story p{z-index:100}.story p.down{color:#544;left:50%;bottom:5%}#dash,.story.luck p{color:#fff;margin:0 auto}.story.luck p{background:rgba(0,0,0,.5);font-style:normal;font-size:.6em;transition-duration:2.5s;transition-property:opacity;opacity:1}.play .story,.story{transition-duration:2s;transition-property:opacity}#game{margin:0 auto;background:#000}#dash{display:none;width:50%}canvas{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}div#in{top:0;left:5%;width:90%;margin:0 auto}div#log p{margin:.15em 0;color:#ccc}div#log p.other{color:#99f}div#log em{color:#999}div#log{display:none;font-size:18px;width:30%;padding:10px 20px;top:10px;right:10px;background:rgba(25,25,25,.7);max-height:5em;overflow:scroll}input{font-size:20px;width:100%;background:#333;border:2px solid #666;color:#ccc}#grid span{border-width:1px 1px 0 0;color:#ccc;font-weight:200;display:flex;align-items:center;justify-content:center}#grid span.empty{position:relative;top:-.25em;font-size:.5em}#grid,#status{font-size:30px}#status{color:#ccc;padding:10px 0 0 1em}#grid{margin:10px;font-family:Monaco,monospace;display:grid;width:calc(100% - 10px * 2)}.gohome .story,.story{opacity:1}.play .story{opacity:0}.play #grid{width:auto;position:relative;transition-duration:1s;transition-property:opacity}.play .story.luck p{opacity:0}.story.missing em{font-weight:300}