body{background-color:var(--background);width:100%;height:100vh;margin:0;padding:0}.content-wrapper{height:100dvh;overflow:hidden;position:fixed;width:100%;display:grid;grid-template-rows:1fr 10fr 1fr}.header-wrapper{display:grid;grid-template-columns:2fr 6fr 2fr;place-items:center}.game-wrapper{display:flex;flex-direction:column;padding:0 10vw;max-height:100%;min-height:0}.game{width:100%;flex:1;max-height:100%;display:grid;grid-template-rows:1fr 5fr 1fr;place-items:center}.game>.guesses-panel{display:grid;grid-template-rows:repeat(7,1fr);max-height:100%;min-height:0;width:100%;height:100%}.guesses-panel>.guess{display:grid;grid-template-columns:repeat(5,1fr);max-height:100%;min-height:0;align-items:stretch}.guess>.team-name>*{margin:.5em}.guess-card{background-color:var(--gray);display:flex;justify-content:center;align-items:center;max-height:100%;min-height:0;margin:.5em;border-radius:.5em;position:relative;color:var(--light-gray)!important}.card-image{max-width:80%;max-height:80%;aspect-ratio:1 / 1}.guess-card.correct{background-color:var(--green)}.guess-card.border{background-color:var(--yellow)}.game>.input-wrapper{display:grid;grid-template-columns:4fr 1fr}.footer{background-color:var(--gray)}.game-over-panel{--shadow-color: var(--green);position:fixed;background-color:var(--gray);box-shadow:var(--shadow-color) 10px 10px;top:50%;left:50%;width:50vw;height:60vh;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;visibility:hidden;animation:panel-in 1s;animation-delay:.5s;animation-fill-mode:forwards;z-index:10}.game-over-panel>.message-wrapper{display:flex}.game-over-panel>.message-wrapper>h4{margin-right:.5vw}.game-over-panel>h1{margin-bottom:1vh}.game-over-panel>img{margin-bottom:3vh}.game-over-panel>.button-wrapper{display:flex}.game-over-panel>.button-wrapper>button{margin:0 3vw}@keyframes panel-in{0%{visibility:visible;transform:translate(-50%,-80%);opacity:0}to{transform:translate(-50%,-50%);opacity:1;visibility:visible}}.footer{display:flex;padding:0 3vw;justify-content:space-between;align-items:center}.home-content-wrapper{text-align:center;display:grid;grid-template-rows:3fr 8fr 1fr;height:100dvh}.home-content-wrapper>.button-wrapper{display:flex;flex-direction:column;align-items:center}.home-content-wrapper>.button-wrapper>button{width:fit-content;margin-bottom:3vh;height:10vh}.guess-card.color-card{display:grid;grid-template-rows:4fr 2fr 1fr;justify-content:normal;align-items:normal;place-items:center}.color-spectrum{width:80%;height:100%;background:linear-gradient(to right,red,orange,#ff0,#0f0,#0ff,#1212f2,violet)}.color-arrow-wrapper{width:100%;position:relative;height:100%}.color-arrow{--position: 50%;position:absolute;height:80%;aspect-ratio:1 / 1;text-align:center;left:var(--position)}.color-arrow.correct{background-color:var(--green);color:var(--gray)!important;border-radius:.2em;font-size:12px}@media screen and (max-width: 500px){body{align-items:flex-start}.game-over-panel{width:70vw;height:60vh}.color-arrow{width:15px;font-size:13px}.multiselect-wrapper>ul{font-size:10px}.multiselect-wrapper>ul>li>label>input{padding:8px}}.multiselect-wrapper>ul{list-style-type:none;display:grid;grid-template-columns:repeat(3,1fr);padding-left:0}.multiselect-wrapper>ul>li{background-color:var(--gray);margin-bottom:.3em}.multiselect-wrapper{position:absolute;background-color:var(--gray);padding:.5em;border-radius:.5em;z-index:50}.multiselect-wrapper>button{font-size:.5em}.filter-button{border-radius:50em}.autocomplete{position:relative}input{width:100%;padding:10px;font-size:16px;box-sizing:border-box;outline:1px solid var(--light-gray)}.autocomplete>ul{list-style-type:none;width:100%;padding:0;margin:0;position:absolute;background-color:#fff;outline:1px solid var(--light-gray);z-index:1}.autocomplete>ul>li{padding:10px;background-color:var(--gray);margin-bottom:1px;cursor:pointer}.autocomplete>ul>li:hover,.autocomplete>ul>li.active{background-color:var(--green)}.no-suggestions{padding:10px}.rules-content-wrapper{text-align:center;padding:0 5vw;padding-bottom:5vh}.rules-header-wrapper{display:grid;grid-template-columns:2fr 8fr 2fr;place-items:center}.rules-header-wrapper>button{height:fit-content}.rules-content-wrapper>.category-wrapper{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:1fr 1fr}.rules-content-wrapper>.category-wrapper>.image-card{background-color:var(--gray);display:flex;justify-content:center;align-items:center;box-sizing:border-box;margin:.3em;border-radius:3vw}.rules-content-wrapper>.category-wrapper>span{text-align:center;font-size:2vw}.rules-content-wrapper>.category-wrapper>.image-card>img{max-width:80%;max-height:80%;aspect-ratio:1 / 1}.inline-wrapper{display:flex}.inline-wrapper>p{margin-right:1vw}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--top-margin: 60px;--light-gray: rgba(255, 255, 255, .87);color:var(--light-gray);--gray: rgb(50, 50, 50);--background: rgb(20, 20, 20);--green: rgb(70, 191, 124);--yellow: rgb(210 210 66);--red: rgb(238, 67, 67);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1;color:var(--light-gray)!important}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;color:var(--light-gray);transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}