@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url("./fonts/roboto/roboto-v20-latin-regular.woff2") format("woff2"),url("./fonts/roboto/roboto-v20-latin-regular.woff") format("woff")}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:400;src:local("Roboto Slab Regular"),local("RobotoSlab-Regular"),url("./fonts/roboto/roboto-slab-v9-latin-regular.woff2") format("woff2"),url("./fonts/roboto/roboto-slab-v9-latin-regular.woff") format("woff")}main{background-image:url("/storkle/background.png");background-attachment:fixed;background-size:cover;background-position:center}section.container{padding-bottom:auto;min-height:calc(100vh - 16rem)}.storkle-header{display:flex;justify-content:center}.storkle-header img{width:140%;max-width:100vw;padding:10px}.yesterday-info{text-align:center;font-family:"Roboto","Rubic","Poppins","Hel­vetica",Arial,sans-serif;font-size:calc(1.4rem - 1px)}.yesterday-info .yesterday-image{vertical-align:middle;height:30px;width:30px;margin:4px}h3{text-align:center;margin-block:1rem}.game-tag{vertical-align:middle;margin:5px;padding:0px 4px;border-radius:5px;border:1px solid darkred;background-color:#5d0000;font-size:small;color:lightcoral;display:inline;user-select:none}.autosuggest-container{width:100%;max-width:500px;margin-left:auto;margin-right:auto;margin-bottom:2rem}.autosuggest-container input{outline-color:rgba(192,22,22,0)}.autosuggest-container input:focus{outline-color:#c01616}.autosuggest-container .suggestions-container{position:absolute;width:100%;max-width:500px;background-color:#181818;z-index:103;border-radius:6px;overflow:hidden}.autosuggest-container .suggestions-container ul{margin-bottom:unset;list-style-type:none;max-height:calc(52px * 6.5);overflow-y:scroll}.autosuggest-container .suggestions-container ul::-webkit-scrollbar-thumb:hover{background:#c01616}.autosuggest-container .suggestions-container ul li{list-style-type:inherit;margin:inherit}.autosuggest-container .suggestions-container ul li:hover{cursor:pointer}.autosuggest-container .suggestions-container ul li.suggestion-highlighted{background-color:#c01616;color:#0c0c0c}.autosuggest-container .suggestions-container ul li .suggestion{padding:4px;height:52px;display:flex;align-items:center;justify-content:flex-start}.autosuggest-container .suggestions-container ul li .suggestion .suggestion-image{height:100%}.autosuggest-container .suggestions-container ul li .suggestion .suggestion-title{font-family:"Roboto","Rubic","Poppins","Hel­vetica",Arial,sans-serif;margin-left:13px}.no-guesses{margin-top:2rem;font-size:1.5rem;text-align:center}table{table-layout:fixed;font-size:16px;cursor:default}table tr{height:100px}table tr.guess{perspective:600px}table tr.guess td{animation-name:fade-in;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.3, 0.3, 0.7, 1.55);opacity:0;transform:rotateY(100deg)}@keyframes fade-in{100%{opacity:1;transform:none}}table th,table td{width:100px;font-weight:600;letter-spacing:0.6px;text-shadow:1px 1px 2px black}table th div,table th img,table td div,table td img{max-height:100px;max-width:100px;overflow:hidden}table th{position:relative}table th .category-name{position:absolute;bottom:10px;left:0;right:0;margin-inline:0 auto}table td.correct{background:url("/storkle/correct.png");background-size:cover}table td.wrong{background:url("/storkle/wrong.png");background-size:cover}table td.partial{background:url("/storkle/partial.png");background-size:cover}table td.up{background:url("/storkle/arrow_up.png");background-size:cover}table td.down{background:url("/storkle/arrow_down.png");background-size:cover}table td.image-field img{width:100%;height:100%}table td.text-field{text-align:center;vertical-align:middle;padding:5px}.category-tooltip{max-width:calc(100px * 2);background-color:black;border-radius:6px;padding:5px 10px;text-align:center;color:unset}.loading{margin-top:4rem;display:flex;justify-content:center;align-items:center;gap:20px}.loading h3{margin-bottom:unset}.loading .spinner{display:inline-block;width:40px;height:40px;border:5px solid;border-radius:50%;border-color:#DFDFDF transparent #DFDFDF transparent;animation:spin .75s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.win-popup-container{position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.3);display:flex;justify-content:center;align-items:center}.win-popup-container .win-popup{position:relative;width:500px;max-width:calc(100vw - 36px);background-color:#181818;padding:10px;border-radius:8px;min-height:200px}.win-popup-container .win-popup .popup-content{padding-block:1rem 1.5rem;padding-inline:36px;display:flex;flex-direction:column;align-items:center}.win-popup-container .win-popup .popup-content h2,.win-popup-container .win-popup .popup-content h3{font-weight:bold;font-family:"Roboto","Rubic","Poppins","Hel­vetica",Arial,sans-serif;margin-block:0}.win-popup-container .win-popup .popup-content h2{font-size:2.5rem}.win-popup-container .win-popup .popup-content img{height:60%;max-width:calc(100% + 36px);margin-block:1rem}.win-popup-container .win-popup button{margin:unset;padding:unset;position:absolute;top:4px;right:4px;width:36px;height:36px;background-color:unset}.win-popup-container .win-popup button svg{width:100%;height:100%;fill:#DFDFDF;transition:0.15s}.win-popup-container .win-popup button:hover{cursor:pointer}.win-popup-container .win-popup button:hover svg{fill:#00ade8}