:root{--main-color:#b29865;--accent-color:#f2e0e0;--accent-color-disabled:#917a7a;--error-color:#ac3434;--nav-background:rgba(0,0,0,.827);--main-color-filter:invert(70%) sepia(35%) saturate(433%) hue-rotate(1deg) brightness(83%) contrast(84%);--accent-color-filter:invert(93%) sepia(6%) saturate(413%) hue-rotate(313deg) brightness(99%) contrast(92%);--error-color-filter:invert(34%) sepia(23%) saturate(7344%) hue-rotate(340deg) brightness(69%) contrast(87%);--leaflet-tile-filter:grayscale(1) brightness(.6) invert(1) contrast(1.8) brightness(0.5);--menu-height:calc(var(--menu-button-size) + var(--top-padding));--menu-button-size:45px;--counter-height:calc(var(--top-padding) + 40px);--title-height:55px;--return-button-height:60px;--interaction-button-height:50px;--side-padding:20px;--top-padding:30px;--bottom-padding:30px;--handwritten-font:font-family:"Courier New",Courier,monospace;--standard-font:Alegreya;--standard-font-size:18px;--medium-font-size:24px;--large-font-size:28px;--extraLarge-font-size:34px}@font-face{font-family:typeWriter;src:url(/static/media/SpecialElite-Regular.cefed1373df28714f8e5.ttf)}@font-face{font-family:Alegreya;src:url(/static/media/Alegreya-Regular.8c1d07d35fd0d62085d4.ttf)}*{box-sizing:border-box;color:#f2e0e0;color:var(--accent-color);font-family:Alegreya;font-family:var(--standard-font);margin:0;padding:0}#main,body{height:100svh;width:100vw}#main{background-color:#000;background-image:url(/static/media/bg.19d122d463eb01765b02.png);background-position:100%;background-repeat:no-repeat;background-size:cover;overflow:hidden;position:relative}ul{list-style-type:none}img{font-size:0}button{background-color:initial;background-position:50%;background-repeat:no-repeat;background-size:contain;border:none}h1{font-size:34px;font-size:var(--extraLarge-font-size)}h2{font-size:28px;font-size:var(--large-font-size)}h3{font-size:24px;font-size:var(--medium-font-size)}.interactionButton,p{font-size:18px;font-size:var(--standard-font-size)}.interactionButton{background-color:rgba(0,0,0,.827);background-color:var(--nav-background);border-radius:10px;color:#b29865;color:var(--main-color);font-family:Alegreya;font-family:var(--standard-font);height:50px;height:var(--interaction-button-height);padding:10px 20px;padding:10px var(--side-padding);&.soundFile{background:url(/static/media/soundfile.7f7a8a07f7ba22790e66.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;filter:invert(70%) sepia(35%) saturate(433%) hue-rotate(1deg) brightness(83%) contrast(84%);filter:var(--main-color-filter)}}.buttonWrapper{bottom:0;display:flex;height:60px;height:calc(var(--interaction-button-height) + 10px);overflow:hidden;position:absolute;&.hidden{& .interactionButton{animation:buttonDissappear 1.5s;transform:translateY(60px)}}&:not(.hidden){& .interactionButton{animation:buttonAppear 1.5s;transform:translateY(0)}}}.frame{background-image:url(/static/media/frame.551af5abc42d163cc11b.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;filter:invert(70%) sepia(35%) saturate(433%) hue-rotate(1deg) brightness(83%) contrast(84%);filter:var(--main-color-filter)}.title{align-items:center;display:flex;font-family:Alegreya;font-family:var(--standard-font);font-size:28px;font-size:var(--large-font-size);height:55px;height:var(--title-height);justify-content:center}.colorMain,.title{color:#b29865;color:var(--main-color)}.colorAccent{color:#f2e0e0;color:var(--accent-color)}.colorError{color:#ac3434;color:var(--error-color)}@keyframes moveIn{0%{left:100%}to{left:0}}@keyframes buttonAppear{0%{transform:translateY(60px)}to{transform:translateY(0)}}@keyframes buttonDissappear{0%{transform:translateY(0)}to{transform:translateY(60px)}}.loading{align-items:center;display:flex;height:100%;justify-content:center;width:100%;& .loadingSymbol{animation:spin 2.2s infinite;background:url(/static/media/puzzlebox.17f4da921f233726dab7.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:90px;width:90px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#loginRegister{align-items:center;display:flex;height:100%;justify-content:space-between;width:100%;& form{display:flex;flex-direction:column;gap:50px;height:100%;justify-content:space-evenly;max-width:400px;padding:var(--side-padding);width:100%;& .topSection{align-items:center;background:url(/static/media/puzzlebox.17f4da921f233726dab7.png);background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;flex-direction:column;height:300px;justify-content:center;& .messageContainer{height:40px}}& .bottomSection{align-items:center;display:flex;flex-direction:column;gap:30px;& .inputs{display:flex;flex-direction:column;gap:40px;justify-content:center;width:100%;& input{background-color:initial;border:none;border-bottom:1px solid #fff;color:#fff;font-size:var(--standard-font-size);padding:5px;&:focus{outline:none}}}& .loginRegisterButton{width:100px}& .switch{background-color:initial;border:none;font-size:var(--standard-font-size);& span{color:var(--main-color)}}}}}#mainMenu{align-items:center;animation:moveIn 2s;display:flex;flex-direction:column;gap:20px;height:100svh;left:0;padding:var(--side-padding);position:absolute;top:0;width:100vw;& .titleText{align-items:center;background:url(/static/media/puzzlebox.17f4da921f233726dab7.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:300px;width:300px}& .titleText,& ul{display:flex;flex-direction:column;justify-content:center}& ul{gap:20px;& button{font-size:var(--medium-font-size)}}& .user{bottom:20px;font-family:var(--handwritten-font);font-size:var(--medium-font-size);position:absolute;right:20px}}#scenario{height:100%;#content{height:100%;position:relative}}#nav{align-items:center;background-color:var(--nav-background);border-top:1px solid var(--main-color);bottom:0;display:flex;height:var(--menu-height);justify-content:space-evenly;position:absolute;width:100%;z-index:2;& .timer{bottom:0;font-size:20px;position:absolute;&.low{color:var(--error-color)}}& button{background-color:initial;border-radius:50%;color:#fff;height:var(--menu-button-size);width:var(--menu-button-size);& .bg{background-position:50%;background-repeat:no-repeat;background-size:contain;filter:var(--accent-color-filter);height:100%;width:100%}&.Casefile .bg{background-image:url(/static/media/casefile.69a024da0a4fd7be96bf.svg)}&.Clues .bg{background-image:url(/static/media/clues.681e0421e4d6418619d1.svg)}&.Suspects .bg{background-image:url(/static/media/suspects.31525ef33a9420972a51.svg)}&.Map .bg{background-image:url(/static/media/map.b35008f6e3f6bb71dd6d.svg)}&.selected{& .bg{filter:var(--main-color-filter)}}}}.view{height:calc(100% - var(--menu-height) - var(--counter-height));& .title{align-items:center;display:flex;font-family:var(--standard-font);font-size:var(--medium-font-size);height:var(--title-height);justify-content:center}& .viewContent{height:calc(100% - var(--title-height))}}#map{align-items:center;display:flex;flex-direction:column;height:100%;width:100%;& .mapWrapper{align-items:center;display:flex;height:calc(100vw - var(--side-padding)*2 + 40px);height:100vh;justify-content:center;position:absolute;top:0;width:calc(100vw - var(--side-padding)*2);width:100vw;z-index:1;& .leaflet-container{& .leaflet-tile-pane{filter:none;filter:var(--leaflet-tile-filter,none)}}& .loadingMapText{position:absolute}}}.commonLi{align-items:center;border-bottom:1px solid var(--accent-color);color:var(--accent-color);display:flex;justify-content:space-between;padding:10px var(--side-padding) 10px var(--side-padding);& .wrapper{align-items:center;display:flex;gap:20px;& .image{background-color:#130f0f;border:1px solid var(--main-color);border-radius:50%;height:60px;min-height:60px;min-width:60px;width:60px}& .name{font-family:var(--handwritten-font);font-size:var(--standard-font-size)}}& .interactionButton{background:url(/static/media/info.87cd5b0b360bf19678e2.png);background-position:50%;background-size:contain;border:1px solid var(--main-color);border-radius:50%;height:35px;margin-left:5px;min-height:35px;min-width:35px;padding:0;width:35px}}#clues{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;& .listOfClues{display:flex;flex-direction:column;overflow-y:scroll;width:100%}& .addClueButton{margin-bottom:100px;margin-top:20px}}#suspects{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;position:relative;& .listOfSuspects{display:flex;flex-direction:column;overflow-y:scroll;width:100%}& .buttonWrapper{align-items:center;display:flex;flex-direction:column;position:absolute}}#casefile{height:100%;overflow:scroll;position:relative;& .description{font-family:var(--handwritten-font);font-size:var(--standard-font-size);max-height:100%;overflow:scroll;padding:0 var(--side-padding);padding-bottom:calc(var(--interaction-button-height) + 30px);white-space:preserve-breaks}& .buttonWrapper{bottom:0;justify-content:space-between;padding:0 var(--side-padding);width:100%}}.audioButton{align-items:center;background-color:var(--nav-background);border-radius:10px;display:flex;height:50px;justify-content:center;width:50px;& .icon{background:url(/static/media/soundfile.7f7a8a07f7ba22790e66.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;filter:var(--main-color-filter);height:40px;width:40px;&.playing{animation:blink 2s infinite}}}@keyframes blink{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.tab{animation:moveIn 1s;height:calc(100% - var(--menu-height) - var(--counter-height));overflow-y:scroll;position:absolute;top:0;top:var(--counter-height);width:100%;& .tabContent{height:100%}& .tabContentContainer{height:calc(100% - var(--return-button-height))}}#clueTab{color:var(--accent-color);font-family:var(--handwritten-font);height:100%;.topContainer{align-items:center;display:flex;flex-direction:column;margin-bottom:20px;& .topInfoWrapper{align-items:center;display:flex;height:110px;justify-content:center;position:relative;width:100%;& .image{background-color:#130f0f;border:1px solid var(--main-color);border-radius:50%;height:110px;position:absolute;width:110px}& .audioButton{margin-left:180px}}& .name{font-size:var(--large-font-size);padding:var(--side-padding);text-align:center}}.descriptionContainer{font-family:var(--handwritten-font);font-size:var(--standard-font-size);padding:0 var(--side-padding);padding-bottom:calc(var(--interaction-button-height) + 30px);white-space:preserve-breaks}}#addClueTab{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 var(--side-padding);& .inputContainer,& h3{text-align:center}& .inputContainer{align-items:center;display:flex;height:110px;justify-content:center;margin-bottom:250px;position:relative;width:100%;&.clueUnlocked{& .inputWrapper{display:none}& .clueName{animation:fadeIn 3s;opacity:1}}& .inputWrapper{position:relative;width:100%;& input{background-color:initial;border:none;border-bottom:1px solid var(--main-color);color:var(--main-color);font-size:var(--standard-font-size);width:100%;&.wrong{animation:inputWrongAnswer 4s}&:focus{outline:none}}& button{background:url(/static/media/check.3622df5454aa4fff8594.svg);background-repeat:no-repeat;background-size:contain;bottom:2px;filter:var(--main-color-filter);height:35px;position:absolute;right:0;width:35px;&.wrong{animation:buttonWrongAnswer 4s}}}& .clueContainer{align-items:center;border-radius:50%;display:flex;flex-direction:column;height:110px;position:absolute;top:150px;width:100%;&.clueUnlocked{animation:floatUp 2.5s;top:20px;& .cover{animation:fadeOut 2s;opacity:0}& .lock{animation:fadeOut 2s;opacity:0}}& .clueIconWrapper{align-items:center;display:flex;height:110px;justify-content:center;position:relative;width:110px;& .clueIcon{background-color:#130f0f;border:1px solid var(--main-color);border-radius:50%;height:100%;width:100%}& .cover{background-color:#000000cf;border-radius:50%;height:100%;position:absolute;width:100%}& .lock{background-position:50%;background-repeat:no-repeat;background-size:50%;height:100%;position:absolute;width:100%;&.unlocked{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAvCAYAAABzJ5OsAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVbSURBVHgB7VldTFxVEJ459+4PP5a2VopYWxo01EQTrRgjhmiMJWpSqA+g0rTR2vIjYuqDvlTtJhgTTRpNVQSKGNvwIDxYqsHUqkRj0Aa00QpNjFKpKa0Q/n+2+3PPOLcNDbt7Kfcuh8IDX7Kbe2fOnvvdOTNz5swiKECb71nvWKrYALr2IErMA6A7WZwBhB5CCvD1P/z5hQzjW9D1U+7AZO8TLzWOs4xgHkCYJ1pqdmUjiO2AuAWINvGU2jWGGwh0hsd8TYiN+aV1v8I8EDf5lkO716KBRTxFBRvwNhZpDn4e4s9pIvnZ6ETww52vHJmEOBAX+W8+qLjRrwdqJGABT+CCeIEQRMJGP8LLRaV1o+AQAhyiqbYkZcoV3EeAT86LuAkCNwHt9AK82nqwcgU4hJOlhpaPd92gh0UZky7n2+RZhnGA4hBH4jASDLN1JzkWeJHQXGXdYrxpwPsMPTRuJGSe7O7uth3EjixPhnY/f1fy5ZoYHV1OHV1E+I4BRrHLHd6sh7xZTPpuDbUCftJ7/CJdYJ1hvEjixWceSXkIHEB3MhgNKmEDrouWk5lFkE5IA6uCNw2fLCpqNmaozVT5Q5Ov8GfP2hVfsL328RpsiX02rddJ7OWL78AuH7sDj9btyREGT4zgiVKZTlFL5HprW0X1v3PNc+z9HRul7n5DQyzkuEmKIhMmATn5JYc6wAbsu42Epy2Imw/sSDCMKjvETeRXHjmrQeg1CXAmWscrqKOE7WATtsg31T+/WgBtttKFCT7Kq2zoAwfYWn74PD+42lKJeO+X1eWrwAZskfdKkclDU2MURL0iQF9BHAgG4QRb+u9ouSRai0Jm2pnDntuEzexCidFiFPibTEkOQBzw6K5JAdgNsYQSwhBeY2cOW+RJiAROhTEbEssGxrXBEMQBwxNgj6P+aLm8vPFhop05bJHnQSFOb1b5efjWHs2AODA6FJKSIGbVeGMT7Du2Nk9bed6F1Bkw6AC7ScZVoYQpdGvNA10jcVleBWyRf6y07kJbm+/d8fE+97RscDBdJrV2hYqam+OyvApYblLHaksSZZByUZNpkss+WAAIc0FRK+bLhyGS0CTH0qdcYnQIPsmgpl1g8Y9c+09Fz2FpeTZvSsBNDVxvpDuq3BSAAyuJ3+AFzawZ+U1Iyj6PENmsiiFvGbB+KTz8zumwBMC1VLqhudxWOsf1/FLCMvnFwjL5xYKjk5Qd0JXeTC/bpZ3vzvP9Or5/gPPGBnB4Zp4LqslzXQWfE8i3C8rqO6eFR2tL7hIkD/Dlo2byA0VQ6jZ8rPsPNKo6dXF9RCdsW2ndaQS5n/UXQSHUWp7oz4I99b9bqbaWNfzUUrP7L7b8zaAIigMW+6+pRaHU8krJc2Bm/NFUaLmVtx583MNtho2gEGp9HuGOnv6VeT6fL2LeNp9PD7pveYrrpU2gEIotD4mg0/57Us/dPlM+lnouUyC8zgOSQSFUb1KCM0oy6lpEIuB2mgskzq8pa/UwUAy2/qDQwv4IWUjzs0tNgGKoLw+4M6yHXRHkBYb97DaO++9zQT15pIGxqFNPwK1zmxtGQDEWwvJDsGo4wvLmPdc4yt1GeWHGG9Fqb9+qtKaG566+gHdUS+ZgWDm///5isQBVJRWTF3O8AX1sWsbn0AQJlKW6DaGcPMPDO23WzKYKmSUbqMfySWqxYEleE9I8VPhhCYD/oPMbRsgy1C3JXwqE/BxlxwFU5wfH4GCR39NIeNhKae02aRNDZNAn/NpnZ2ltXy/0MI/qQOf4lJVy1iRw/PCOpEtT7lwBYi+zzwWzYrx+mOJaqJ0N92Y6YXt2aZ1lG/1/yqrYNycNzKUAAAAASUVORK5CYII=)}&.locked{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOUSURBVHgB7ZpLaBNBGMf/ebWKqW1RUFqKIKiXNk2TQG+VolSpF0UEUQQPnkUt+MB6UKr1VC/eRYziQcGLDyxY1FNLkrZ6KYiFPtX6iq1SaZrE/9ZCJO5iM5ndjez8YJnJN5vd/f77zTezswsoFAqFQqFwKi5YTDweD3g8nhZWa7PZbM3SRbhc0yym3G7380Ag8BoWYokAsVis0uv1dtDhw/y5+R+7j1KQ6OLiYk8kEvkGkzFVADrsGhoaOs7qBW7rUBif+P9LTU1N1ylIFiZhmgDDw8Nr6MBNbvtRHPfYNY42Njb+gAmYIsDIyEjF/Px8H6thyCHm8/la6+vrv0MybkiGd9xN56OQ57xGJJVKRbVjQzLSI2BwcPA8iy6jdvbnnywecuulQxPLtrpMJtPGcg9/lhv9l/ufC4VCVyERqQIMDAxsZKi+YdWvezKX6z6z+ylm93G99kQisYn7XGN1n8Ep5jiabGloaPgASUgNKTrfCQPnefe6mMgOGDmvwbs7FgwGtaR52WCXCnaFTkhEWgRwrPdxgjPDapVOc5TD2REUALvSbRaHdJq+ptPpDRQyBQlIiwCGZiv0nZ/jMNaBAmHEnGAxq9NUzeO1QBLSBOAF7zBousXQn0GBsDt8ZD64o9dGAXZCEjJzQJ2ekU48hiD87yM9O8WugyRkClCjZ2R/fQtB6OioQVMtJCFTgEo9IxPjLMRJGtirIAnpM6v/DSUAHI7wRGh5zn8SORHXcvPo7KotamQghnZsvdySRm6OoB27hxOtKxDAC0GYoXdxmFrJIkcl5KMJXY3ctexmISSAygFwOEoAOBwlAByOXQKMcdvr9/tXJZPJ1fi9BDYOGxCeBxTBFJfOQlzi/vKH7UF/f//LsrKyVzB4qjQLOyLgdJ7zSzQ3N3/mxOoMLMZyAbg+0GfUxqXxZ7AYywXg+kC5SJtZ2NEF2o0aGAHtsBg7BLjIN8Zb8418mbpNa4PF2CHAej69nc038u5rCbDQV+hFY8s8gNl+Qsc2CRuwRQBGwORKbFZQMgIQ5wjA12h/Ocsc4BwBFhYW3uXbGBXTsAE7ngW0d3vH4vF4b56tDTZgiwDM+N3ahhJArQfA4QgLYObHi4VSzLUUEwHvUSIsf2sshLAAHLdvoHQQvhZhAcLh8BMqr32zZ2dX0M7dHQwGn0KQor8SSyQS2zmGH+RExuonOe1j6ruhUOgFFAqFQqFQKAT4BV7wE4f1L/qPAAAAAElFTkSuQmCC)}}}}& .clueName{font-family:var(--handwritten-font);font-size:var(--medium-font-size);margin-top:20px;opacity:0}& .areas{animation:fadeIn 2s;color:var(--main-color);margin:5px 0}}}@keyframes buttonWrongAnswer{0%{filter:var(--error-color-filter)}99%{filter:var(--error-color-filter)}to{filter:var(--main-color-filter)}}@keyframes inputWrongAnswer{0%{border-bottom:1px solid var(--error-color);color:var(--error-color)}75%{border-bottom:1px solid var(--error-color);color:var(--error-color)}to{border-bottom:1px solid var(--main-color);color:var(--main-color)}}@keyframes fadeIn{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes floatUp{0%{top:150px}50%{top:150px}to{top:20px}}.suspectsTab{color:var(--accent-color);height:100%;.topContainer{align-items:center;display:flex;flex-direction:column;margin-bottom:20px;& .topInfoWrapper{align-items:center;display:flex;height:110px;justify-content:center;position:relative;width:100%;& .image{border-radius:50%;height:110px;position:absolute;width:110px}& .audioButton{margin-left:180px}}& .name{font-family:var(--handwritten-font);font-size:var(--large-font-size);padding:var(--side-padding);text-align:center}}.descriptionContainer{display:flex;flex-direction:column;gap:10px;padding:0 var(--side-padding);& p{font-family:var(--handwritten-font);font-size:var(--standard-font-size);white-space:preserve-breaks;&.description{margin-top:20px}}}}.makeAccusationTab{align-items:center;display:flex;flex-direction:column;height:100%;.topContainer{align-items:center;display:flex;flex-direction:column;gap:20px;height:200px;margin-bottom:20px;& .chooseSuspect{align-items:center;display:flex;& button{background:url(/static/media/arrow.bb20986a145221d4ac65.svg);background-position:50%;background-repeat:no-repeat;background-size:25px;filter:var(--main-color-filter);height:60px;width:60px;&.previous{transform:rotate(180deg)}}& .image{border-radius:50%;height:110px;width:110px}}& .name{font-family:var(--handwritten-font);font-size:var(--large-font-size);padding:var(--side-padding);text-align:center}}.cluePicker{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:80vw;justify-content:center;max-height:350px;max-width:350px;width:80vw;&>div{align-self:center;height:100%;width:100%}& .accusationFeedback{font-size:var(--standard-font-size);grid-column:1/4;grid-row:1/2}& .accusationFeedback,& .cluePicked{align-items:center;display:flex;justify-content:center}& .cluePicked{border-radius:50%;position:relative;& div{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;height:90%;position:absolute;width:90%}&.wrong{& .frame{filter:var(--error-color-filter)}& .bg{filter:var(--error-color-filter)}&.cluePickedOne{& .clue{animation:fadeOut 4s;opacity:0}}&.cluePickedTwo{& .clue{animation:fadeOut 5s;opacity:0}}&.cluePickedThree{& .clue{animation:fadeOut 6s;opacity:0}}}& .frame{height:140%;position:absolute;width:140%}& .bg{background:url(/static/media/clues.681e0421e4d6418619d1.svg);background-position:50%;background-repeat:no-repeat;background-size:30%;filter:var(--main-color-filter)}& .clue{z-index:2;&.chosen{background-color:#130f0f}}&.cluePickedOne{grid-column:1/2;grid-row:3/2}&.cluePickedTwo{grid-column:3/4;grid-row:3/2}&.cluePickedThree{grid-column:2/3;grid-row:3/4}}& .accusationCounter{align-items:center;border:1px solid var(--main-color);color:var(--main-color);display:flex;font-size:var(--medium-font-size);grid-column:2/3;grid-row:1/2;justify-content:center;&.wrong{animation:test 5s}}}}@keyframes fadeOut{0%{opacity:1}40%{opacity:1}to{opacity:0}}@keyframes test{0%{color:var(--error-color)}80%{color:var(--error-color)}to{color:var(--main-color)}}#Results{display:flex;flex-direction:column;gap:20px;height:100%;overflow:hidden;position:relative;text-align:center;& .contentContainer{height:calc(100% - 160px);overflow:scroll}& h2{margin-top:var(--counter-height)}& .buttons{bottom:0;position:absolute;width:100%;& button{margin:10px 0;width:80%}}}& .stats{align-items:center;display:flex;flex-direction:column;gap:20px;height:calc(100% - 160px);justify-content:center;& li{align-items:center;display:flex;font-size:24px;gap:80px;justify-content:space-between;width:200px;& .icon{filter:var(--main-color-filter);height:45px;width:45px;&.time{background:url(/static/media/hourglass.611191b1ef4f06b092eb.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}&.clues{background:url(/static/media/clues.681e0421e4d6418619d1.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}&.location{background:url(/static/media/map.b35008f6e3f6bb71dd6d.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}&.ending{background:url(/static/media/arrow.bb20986a145221d4ac65.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}}}}.conclusion{padding:var(--side-padding);& .topContainer{align-items:center;display:flex;justify-content:space-evenly;margin-bottom:20px}& p{margin-top:40px;text-align:left}}#howToPlay{height:100%;position:relative;.pageContentContainer{height:100%}& .pageContainer{display:flex;flex-direction:column;height:calc(100% - var(--menu-height));justify-content:space-between;width:100%;& .pageContentContainer{height:100%;& .iconContainer{align-items:center;display:flex;flex-direction:column;height:25%;justify-content:center;padding:var(--side-padding);& .icon{align-items:center;border-radius:50%;display:flex;height:80px;justify-content:center;width:80px;& img{animation:bounce 2.5s infinite;filter:var(--main-color-filter);height:80%;width:80%}}}& .instructionsContainer{height:75%;padding:var(--side-padding);white-space:preserve-breaks;& .icon{color:#0000;font-size:30px;margin:0 4px;&.soundfile{background:url(/static/media/soundfile.7f7a8a07f7ba22790e66.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;filter:var(--main-color-filter)}&.clue{background:url(/static/media/marker.cd1e1848afdb4c064612.png);background-position:50%;background-repeat:no-repeat;background-size:contain}}}}& .banner{padding:10px;text-align:center}}& .nav{align-items:center;background-color:var(--nav-background);border-top:1px solid var(--main-color);bottom:0;display:flex;font-size:var(--standard-font-size);height:var(--menu-height);justify-content:space-evenly;position:absolute;width:100%;&>button{font-size:var(--standard-font-size)}& .pageSetter{align-items:center;display:flex;justify-content:center;& button{background-image:url(/static/media/arrow.bb20986a145221d4ac65.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;color:var(--main-color);filter:var(--main-color-filter);height:var(--menu-button-size);width:var(--menu-button-size);&.previous{transform:rotate(180deg)}}}& .begin:not(.active){color:var(--accent-color-disabled)}}}@keyframes bounce{0%{transform:translateY(-6px)}50%{transform:translateY(6px)}to{transform:translateY(-6px)}}#counter{align-items:center;display:flex;height:var(--counter-height);justify-content:space-between;padding:0 var(--side-padding);position:relative;z-index:2;&>div:not(.soundControl){width:80px}& .timer{color:var(--error-color);font-size:22px}& .soundControl{height:40px;width:40px;& .controlWrapper{filter:var(--main-color-filter);height:100%;position:relative;width:100%;&>div{height:100%;position:absolute;width:100%}& .grammophone{background:url(/static/media/soundfile.7f7a8a07f7ba22790e66.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;opacity:.6}&.paused{& .grammophone{opacity:.3}& .button{background:url(/static/media/play.b1a2d8cddd429b9ca19d.svg);background-position:50%;background-repeat:no-repeat;background-size:45%}}&.playing{& .button{background:url(/static/media/pause.55ea4eb54bc756b8d556.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}}}}& .return{align-items:center;background-color:initial;border:none;color:var(--main-color);display:flex;font-family:var(--standard-font);font-size:var(--standard-font-size);gap:10px;height:60px;justify-content:center;width:80px;& .arrow{background-image:url(/static/media/returnArrow.3f5c2f2230e4e1cf29a6.svg);background-position-x:left;background-position-y:center;background-repeat:no-repeat;height:100%;max-width:300px;width:100%}}}#leaderboard{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:var(--side-padding);padding-top:0;& .title{margin-top:var(--counter-height)}& .board{height:100%;max-height:100%;overflow:scroll;& li{border-bottom:1px solid var(--accent-color);display:flex;font-size:var(--standard-font-size);justify-content:space-between;margin:10px 0;padding:10px}}}
/*# sourceMappingURL=main.b608fc5d.css.map*/