@font-face{font-family:White Rabbit;src:url(./whitrabt-zV4krn2l.ttf)}html{font-size:calc(1vmin + 14px)}body{font-family:White Rabbit,monospace;padding:0;margin:0;background:#242828;background:linear-gradient(#242828,#141818,#242828);color:#f8eebf;--map-width: calc(76vmin + 20vw) ;--map-square: calc(var(--map-width) / 12)}img{image-rendering:pixelated}#app{height:100vh;width:100vw;text-align:center}#game{display:flex;text-align:left;height:100vh;width:100vw;flex-direction:column;justify-content:space-between}.top-bar{display:flex;padding:1em;font-size:.75rem;justify-content:space-between;color:#fff7}.top-bar.title{flex-direction:column;justify-content:center;align-items:center;gap:10vh;height:100%;color:#fff;font-size:1.6rem}.scores{text-align:right}.version{font-size:80%;opacity:.3}.top-bar.title .version{opacity:0;display:inline-block;width:0}.sub-title{font-size:80%;font-style:italic;opacity:0}.top-bar.title .sub-title{opacity:.8}.dead{text-align:center;color:red;font-size:1rem}.dead-controls{margin:10vmin;display:flex;flex-flow:column;gap:5vmin}#info{flex-grow:2;min-height:20vh;max-height:45vh;font-size:.75rem;transition:all 1s}#info.info-closed{flex-grow:1;opacity:0;max-height:0;min-height:0;overflow:hidden;transform:scale(.5)}.info-bubbles{display:flex;justify-content:space-evenly;align-items:center;padding:calc(1em + 1vmax)}.bubble{display:block;min-width:10em;max-width:20em;max-height:15em;border-bottom:solid 1px #fff4;padding:.5em 0;margin:1em;transition:all .5s ease-in-out}.bubble hr{color:#000;display:none}.bubble-line{margin:.1em 0}.connector-line{border-top:solid 1px #fff3}#map{display:flex;flex-wrap:nowrap;justify-content:center;width:var(--map-width);height:var(--map-square);margin:0 auto;border:solid 1px #fff2}.space{height:var(--map-square);width:var(--map-square)}.space>img{height:var(--map-square);width:var(--map-square);image-rendering:pixelated}#controls{flex-grow:2;display:flex;flex-direction:column;max-height:70vh}.space-controls{flex-grow:1;display:flex;justify-content:center;gap:10vw;margin-top:1em;overflow-y:auto;overflow-x:hidden}.space-controls>div{min-height:4em;min-width:calc(5em + 5vw)}#controls li{list-style:none;margin:0;padding:0}.action-button{width:100%;margin:.5em 0;text-align:left}.controls-inactive .action-button{background:transparent;border-color:transparent}.controls-inactive .action-button:hover{background:unset;border-color:#fff4}button{display:block;font-family:White Rabbit,monospace;font-size:inherit;padding:.5em 1em;background:#0004;color:#edefcc;border:solid 1px #fff4;cursor:pointer;transition:all .05s ease-in-out}button:hover{border-color:#fff6;background:#0003}.action-selection{display:block;width:2em;height:2em;position:absolute;margin-left:-7vw;padding:0;border:#000}.action-selection>img{display:block;width:100%;height:100%}.arrow-right{transform:rotate(90deg)}.arrow-left{transform:rotate(-90deg)}.player-controls{padding:calc(1vmin + .5em);display:flex;justify-content:center;gap:1em;border-top:solid 1px #0005}.inventory{--inv-width: calc(30vw + 20em) ;--inv-height: calc(10vh + 20em) ;--inv-bg: #000d;bottom:1em;width:0;height:0;transition:all .5s ease-in-out;overflow:hidden;transform:scale(0);display:flex;justify-content:center;align-items:flex-start}.inventory-open{flex-grow:3;width:var(--inv-width);height:var(--inv-height);bottom:4em;width:auto;height:auto;max-height:90vh;transform:scale(1)}.inventory-actions{background:var(--inv-bg);border-radius:1em 0 0 1em;list-style:none;margin:0;padding:.3em}.inventory-actions label{display:block;padding:.5em 1em;cursor:pointer;border-radius:.2em;color:#fff}.inventory-actions label:hover{background:#fff3}.inventory-actions input{display:none}input:checked~label,input:checked~label:hover{color:#000;background:#f8eebf}.inventory-items{list-style:none;padding:1vmin;margin:0;background:var(--inv-bg);width:35vw;height:100%;display:flex;gap:1vmin;align-items:flex-start;flex-wrap:wrap;align-content:flex-start;overflow:auto}.inventory-item-image{width:var(--map-square);height:var(--map-square)}.inventory-item{border:solid 2px #fff3;cursor:pointer}.inventory-item:hover{border-color:#fff8}.inventory-item-equipped,.inventory-item-equipped:hover{border-color:#433ff3}.inventory-info-equipped{color:#433ff3}.inventory-info-tags{margin-top:.7em;font-size:75%;opacity:.3}.inventory-item:active{transform:scale(.9)}.inventory-tooltip{display:block;position:absolute;transform:scale(0);transition:all .1s linear;padding:.2em;background:#fff6;color:#000}.inventory-item:hover .inventory-tooltip{transform:scale(1)}.inventory-info{padding:1em;background:var(--inv-bg);border-radius:0 1em 1em 0;min-height:50%;max-width:30vw;transition:all 1s}.inventory-title{text-transform:capitalize;margin-bottom:1em}.inventory-message{width:100%;font-style:italic;margin-bottom:.5em}