@font-face{font-family:monogram;src:url(../fonts/monogram.ttf)}body{font-family:monogram,monospace!important;font-size:2rem;overflow:hidden;background-color:#311047}#app{width:100%;height:100%;position:relative}#logo{position:absolute;top:1vh;left:1vh;width:150px;margin:.5em 0;z-index:10}#dhbw_logo{position:absolute;right:1vh;width:150px;margin:.5em 0;z-index:10}body:has(.during-game[style*="display: block"]) #dhbw_logo{position:absolute;left:1vh;bottom:1vh;top:auto;width:100px;margin:.5em 0;z-index:10;opacity:.85;transition:opacity .3s ease}body.game-active #dhbw_logo{position:absolute;left:1vh;bottom:1vh;top:auto;width:100px;margin:.5em 0;z-index:10;opacity:.85;transition:opacity .3s ease}body:has(.during-game[style*="display: block"]) #dhbw_logo:hover,body.game-active #dhbw_logo:hover{opacity:1}@media screen and (min-width: 1920px){body:has(.during-game[style*="display: block"]) #dhbw_logo,body.game-active #dhbw_logo{width:180px;bottom:2vh}}@media screen and (min-width: 1440px) and (max-width: 1919px){body:has(.during-game[style*="display: block"]) #dhbw_logo,body.game-active #dhbw_logo{width:150px;bottom:1.5vh}}@media screen and (min-width: 1024px) and (max-width: 1439px){body:has(.during-game[style*="display: block"]) #dhbw_logo,body.game-active #dhbw_logo{width:130px;bottom:1vh}}@media screen and (max-width: 1023px){body:has(.during-game[style*="display: block"]) #dhbw_logo,body.game-active #dhbw_logo{width:100px;bottom:1vh}}#textbox{position:absolute;left:10%;right:10%;bottom:2vh;min-height:10vh;background:#fff;border-radius:3px;outline-style:solid;padding:1rem;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;word-spacing:.2rem;filter:drop-shadow(0 0 .75rem rgb(112,112,112))}#textbox-container{display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:200}#dialogue h2,#dialogue p{padding:0;margin:0 0 1rem}.ui-text{margin:0;-webkit-user-select:none;user-select:none}.btn-container{align-self:flex-end;margin-top:1rem}.button,.button-no-hover{font-family:monogram,monospace;background-color:#2d2929;color:#fff;padding:8px 16px;text-align:center;font-size:2rem;cursor:pointer;border:2px solid #ffd700;border-radius:0;box-shadow:4px 4px #000;outline:none;image-rendering:pixelated}.button:hover{background-color:#000;box-shadow:2px 2px #000;transform:translate(2px,2px)}.close-x{position:absolute;top:5px;right:10px;font-size:2rem;color:#2d2929;cursor:pointer;font-weight:700;line-height:1;z-index:10;-webkit-user-select:none;user-select:none}.close-x:hover{color:#000;transform:scale(1.2)}#show-world-map{font-family:monogram,monospace;position:absolute;right:2vh;bottom:2vh;z-index:100}#show-inventory{font-family:monogram,monospace;position:absolute;right:2vh;bottom:10vh;z-index:101}#show-inventory.active{background-color:#000;color:gold;box-shadow:0 0 10px 3px gold}#starting-screen{position:absolute;width:100%;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;height:100vh;overflow-y:auto;overflow-x:hidden;text-align:center;color:gold}#character-carousel{display:flex;align-items:center;justify-content:center;position:relative;width:100%;margin:20px 0}#character-display{display:flex;justify-content:center;align-items:center;width:150px;overflow:hidden;position:relative}.character{transition:transform .5s;text-align:center;position:relative;display:none;image-rendering:pixelated}.character img{width:150px;height:auto}.character.active{display:block;transform:scale(1)}.carousel-button{background:none;border:none;font-size:2rem;cursor:pointer;color:#fff;z-index:10}#prev-character{margin-right:15px}#next-character{margin-left:15px}#character-indicators{display:flex;justify-content:center;margin-top:10px;gap:10px;margin-bottom:20px}.indicator{width:10px;height:10px;background-color:gray;border-radius:50%;transition:background-color .3s ease}.indicator.active{background-color:#ff0}.carousel-button:hover{color:gold;transform:scale(1.2)}#previous-character,#next-char{width:100px;height:50px;opacity:.5;transform:scale(5);transition:transform .5s,opacity .5s;top:50%;image-rendering:pixelated}#previous-character{left:0}#next-char{right:0}select,input{font-family:Monogram,monospace;font-size:30px;padding:5px;border:3px solid #000;background-color:#fff;color:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;box-shadow:none;cursor:pointer;text-transform:uppercase;width:100%;text-align-last:center;box-sizing:border-box}select:hover,input:hover{background-color:#e0e0e0}select:focus,input:focus{border-color:gold}.during-game{display:none}.during-minigame{display:none;opacity:0}.settings-container{margin:.5em 0;column-gap:20px;row-gap:10px;display:grid;grid-template-columns:auto 1fr;align-items:center;text-align:left}input[type=range]{padding-left:0;padding-right:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:60%;background:#000;border:2px solid #ffd700;outline:none;box-shadow:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:gold;border:none;cursor:pointer}input[type=range]::-moz-range-thumb,input[type=range]::-ms-thumb{width:20px;height:20px;background:#000;border:none;cursor:pointer}.stats-container{position:absolute;top:1vh;right:1vh;color:gold;font-size:3rem}.stats-container div{background-color:#2d2929;padding:10px;border-radius:5px;border:2px solid #ffd700;margin:10px;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px}#world-map{z-index:100;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:100%;display:none;background-color:#000c;color:#e0e0e0}#world-map img{height:60%;border:5px solid #ffd700;border-radius:10px;cursor:zoom-in;transition:height .2s ease;margin:1rem;align-self:center}#world-map img:hover{height:90%}#spawnpoints{display:grid;grid-template-columns:1fr 1fr;gap:10px;justify-content:center;margin:1em}#world-map img:hover~.world-map-info{display:none}.world-map-info{display:flex;width:100%;flex-direction:column;overflow:auto}#dialogue button{margin:10px}#dialogue img{border-radius:10px;height:300px}#inventory-shop{z-index:100;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:100%;display:none;background-color:#000c;color:#e0e0e0}#inventory-shop .inventory-shop-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding:20px}#inventory-shop h2{color:gold;font-size:3rem;margin-bottom:20px}@media screen and (min-width: 1920px){#logo,#dhbw_logo{width:300px}}@media screen and (min-width: 1440px) and (max-width: 1919px){#logo,#dhbw_logo{width:220px}}@media screen and (min-width: 1024px) and (max-width: 1439px){#logo,#dhbw_logo{width:200px}}@media screen and (min-width: 768px) and (max-width: 1023px){#logo,#dhbw_logo{width:180px}}@media screen and (min-width: 480px) and (max-width: 767px){#logo,#dhbw_logo{width:150px}}@media screen and (max-width: 479px){#logo,#dhbw_logo{width:80px}}#interact-button{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:#2d2929;color:#fff;padding:8px 16px;font-size:2rem;display:none;z-index:9999;font-family:monogram,monospace;border:2px solid #ffd700;border-radius:0;box-shadow:4px 4px #000;-webkit-user-select:none;user-select:none;image-rendering:pixelated;text-transform:uppercase;letter-spacing:1px;animation:pulse 1.5s infinite alternate}@keyframes pulse{0%{transform:translate(-50%) scale(1);box-shadow:4px 4px #000}to{transform:translate(-50%) scale(1.05);box-shadow:6px 6px #000;border-color:#fff}}