:root{font-family:monospace;font-weight:400;line-height:1.5}body{color:#fff;background-color:#000;place-items:center;margin:0;display:flex}.app{justify-content:center;align-items:center;width:100vw;display:flex}.title-screen{cursor:pointer;width:100dvw;height:100dvh;position:relative;overflow:hidden}.title-map-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mapGrid{flex-direction:column;gap:10px;display:flex}.grid-row{gap:10px;display:flex}.tile{aspect-ratio:1;color:#6d7cff;justify-content:center;align-items:center;width:1.5em;height:1.5em;font-size:24px;display:flex}.tile-player{color:#14f7ff}.tile-wall{color:#ff3bff}.tile-spawn{color:#b4a35c}.tile-starting-point{color:#ffde4c}.tile-marker-floor{color:#66b5ff}.tile-marker-monster{color:#b70404}.tile-marker-item{color:#abe5ff}.tile-marker-trap{color:#ff5f9f}.tile-marker-exit{color:#4cff4c}.tile.ring-normal{opacity:1}.tile.ring-dim-1{opacity:.7}.tile.ring-dim-2{opacity:.4}.tile-player-animate.move-right{animation:.14s ease-out grid-step-right}.tile-player-animate.move-left{animation:.14s ease-out grid-step-left}.tile-player-animate.move-up{animation:.14s ease-out grid-step-up}.tile-player-animate.move-down{animation:.14s ease-out grid-step-down}@keyframes grid-step-right{0%{filter:brightness(1.5)saturate(1.5);transform:translate(6px)}to{filter:brightness()saturate();transform:translate(0)}}@keyframes grid-step-left{0%{filter:brightness(1.5)saturate(1.5);transform:translate(-6px)}to{filter:brightness()saturate();transform:translate(0)}}@keyframes grid-step-up{0%{filter:brightness(1.5)saturate(1.5);transform:translateY(-6px)}to{filter:brightness()saturate();transform:translateY(0)}}@keyframes grid-step-down{0%{filter:brightness(1.5)saturate(1.5);transform:translateY(6px)}to{filter:brightness()saturate();transform:translateY(0)}}.title-grid .tile,.title-grid .title-tile-feature{color:#8a0c0c}.title-grid .title-tile-letter{color:red}.map{flex-direction:column;align-items:center;width:calc(100% - 80px);min-height:calc(100dvh - 80px);padding:40px;display:flex}.map-content{flex-direction:column;align-items:center;gap:20px;display:flex}.floor-info,.tile-info{text-align:center}.message-text{text-align:center;white-space:pre-line}.inventory-container{text-align:center}.flash-monster{animation:2s ease-in-out forwards flash-monster}.flash-monster .map-content{animation:2s ease-in-out forwards shake-screen}@keyframes flash-monster{0%{background-color:#b70404}90%{background-color:#b70404}to{background-color:#0000}}@keyframes shake-screen{0%{transform:translate(0)rotate(0)}10%{transform:translate(-6px,-4px)rotate(-.5deg)}20%{transform:translate(5px,3px)rotate(.7deg)}30%{transform:translate(-4px,2px)rotate(-.4deg)}40%{transform:translate(3px,-3px)rotate(.4deg)}50%{transform:translate(-2px,2px)rotate(-.3deg)}60%{transform:translate(2px,-1px)rotate(.2deg)}70%{transform:translate(-1px,1px)rotate(-.15deg)}80%{transform:translate(1px,-1px)rotate(.1deg)}90%{transform:translate(-.5px,.5px)rotate(-.05deg)}to{transform:translate(0)rotate(0)}}.flash-item{animation:1s ease-in-out forwards flash-item}@keyframes flash-item{0%{background-color:#abe5ff10}to{background-color:#0000}}.flash-trap{animation:1s ease-in-out forwards flash-trap}@keyframes flash-trap{0%{background-color:#ff5f9f10}to{background-color:#0000}}.flash-shield{animation:1s ease-in-out forwards flash-shield}@keyframes flash-shield{0%{background-color:#4cff4c10}to{background-color:#0000}}.flash-map-marker,.flash-compass,.flash-radar,.flash-night-vision,.flash-checkpoint{position:relative;overflow:visible}.flash-map-marker:after,.flash-compass:after,.flash-radar:after,.flash-night-vision:after,.flash-checkpoint:after{content:"";aspect-ratio:1;pointer-events:none;background:#66b5ff26;border:2px solid #66b5ff99;border-radius:50%;place-self:center;height:100%;animation:.65s ease-out forwards item-ping;position:absolute;inset:-6px}@keyframes item-ping{0%{opacity:.9;transform:scale(.4)}99%{opacity:0;transform:scale(2)}to{opacity:0;display:none;transform:scale(2)}}.upgrades{text-align:center;flex-direction:column;align-items:center;display:flex}.select-upgrade{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100vw;height:100vh;animation:1s ease-in-out forwards exit-animation;display:flex}@keyframes exit-animation{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.surface{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100vw;height:100vh;display:flex}.surface-input{color:#fff;text-align:center;background-color:#0000;border:none;border-bottom:1px solid #fff;padding:5px;font-family:monospace}.surface-list{color:red}