.hide{opacity:0}.typewriter{width:100%;height:100%;display:block}.nonclickable span{cursor:default}.clickable{cursor:pointer}.inventory{display:grid;grid-template-columns:repeat(4,[col-start] 1fr);grid-template-rows:repeat(3,[row-start] 1fr);grid-gap:4px;height:100%}.inventory h2{grid-column:1/span 3}.inventory .item-slot{-webkit-box-shadow:inset 5px 5px 5px rgba(0,0,0,.5);box-shadow:inset 5px 5px 5px rgba(0,0,0,.5);background-color:#1a1a1a;border-radius:3px;border:1px solid #fff}.inventory .inventory-item img{width:25px;height:25px}.inventory .inventory-item{border:.5px solid grey;background-color:#333;width:calc(100% - 8px);height:calc(100% - 8px);padding:3px;margin:4px;border-radius:3px;font-size:8px;text-transform:uppercase;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media only screen and (max-width:900px){.inventory{grid-template-columns:repeat(3,[col-start] 1fr);grid-template-rows:repeat(4,[row-start] 1fr);grid-gap:4px;height:100%}.inventory h2{grid-column:1/span 3}}#atm-input{display:grid;grid-template-rows:4rem 2rem 2rem;grid-template-columns:auto minmax(auto,500px) auto;grid-gap:.5rem}#atm-input input{height:3rem;font-size:1.5rem;margin:auto;width:10rem;padding:1rem 1.8rem;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#000;border:1px solid #fff;font-family:Press Start\ 2P}#atm-input>*{grid-column-start:2}#scene-wrapper{display:grid;grid-template-columns:repeat(12,[col-start] 1fr);grid-template-rows:repeat(12,[row-start] 1fr);height:100%;grid-gap:.2rem;max-width:800px;margin:auto}.scene{background-color:#000;grid-column:col-start/span 12;grid-row:row-start 7/span 6;width:100%;vertical-align:top;border:1px solid #fff;overflow:hidden}.scene,.scene .text{-webkit-box-sizing:border-box;box-sizing:border-box}.scene .text{height:50%;padding:2%}.scene .clickable{cursor:pointer}.scene .controls{-webkit-box-sizing:border-box;box-sizing:border-box;height:50%;padding:2.5% 5%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden}.scene .controls #scroller{overflow:auto}.scene .controls .control-item{width:100%;border:2px solid hsla(0,0%,100%,.3);padding:.6rem;border-radius:3px;margin:.2rem 0;background-color:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left;color:#fff;display:block;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-family:Press Start\ 2P;font-size:.8rem}.scene .controls .control-item:before{content:"> ";opacity:0}.scene .controls .control-item:hover{border:2px solid hsla(0,0%,100%,.8);background-color:hsla(0,0%,100%,.1)}.scene .controls .control-item:hover:before{opacity:.5}.scene .controls .control-item:focus{outline:none;border:2px solid hsla(0,0%,100%,.8)}.scene .controls .control-item:focus:before{opacity:1}.sidebar{-webkit-box-sizing:border-box;box-sizing:border-box;padding:1vw;grid-column:col-start 8/span 5;grid-row:row-start 3/span 4;grid-template-rows:repeat(3,[row-start] 1fr)}.sidebar,.toolbar{border:1px solid #fff;background-color:#000}.toolbar{grid-row:row-start 1/span 2;grid-column:col-start 8/span 5;display:grid;grid-template-columns:3fr 3fr 2fr;grid-template-rows:repeat(2,[col-start] 1fr);grid-gap:1rem;padding:1rem}.toolbar .mute{grid-column-start:3;grid-row:1/span 2}.image{grid-column:col-start/span 7;grid-row:row-start/span 6;background-color:#fff;display:block;border:1px solid #fff;width:100%;background-size:cover;-webkit-box-sizing:border-box;box-sizing:border-box}.fullscreen .sidebar,.fullscreen .toolbar{display:none}.fullscreen .image{grid-column:col-start 3/span 8;grid-row:1/span 6}.fullscreen .scene{grid-column:col-start 3/span 8;grid-row:7/span 6}@media only screen and (max-width:900px){#scene-wrapper{grid-gap:0;grid-template-rows:3rem repeat(11,[row-start] 1fr)}#scene-wrapper .image{grid-column:col-start/span 12;grid-row:2/span 4;border-left:none;border-right:none}#scene-wrapper .controls{border-top:1px dotted hsla(0,0%,100%,.2)}#scene-wrapper .scene{border:none;border-top:1px solid #fff;border-bottom:1px solid #fff}#scene-wrapper .scene h3{line-height:1;font-size:.8rem}#scene-wrapper .scene{grid-column:col-start/span 12;grid-row:row-start 5/span 8}#scene-wrapper .scene .text{max-height:50%;overflow:auto}#scene-wrapper .scene .content{font-size:1rem}#scene-wrapper .scene .control-item{padding:20px 0;border:1px solid #fff;border-radius:5px;margin:5px 0}#scene-wrapper .scene .control-item:focus:before,#scene-wrapper .scene .control-item:hover:before{opacity:0}#scene-wrapper .toolbar{grid-column:col-start/span 12;grid-row:1/span 1;grid-template-columns:1fr 1fr 1fr 1fr;padding:.2rem;grid-gap:.2rem;background-color:transparent;border:none}#scene-wrapper .toolbar .inventory-button{grid-column-start:2;grid-row:1/span 2}#scene-wrapper .toolbar .settings-button{grid-column-start:1;grid-row:1/span 2}#scene-wrapper .toolbar .help{grid-column-start:3;grid-row:1/span 2}#scene-wrapper .toolbar .mute{grid-column-start:4;grid-row:1/span 2}#scene-wrapper .sidebar{display:none;grid-column:col-start/span 12;grid-row:row-start 2/span 1}}