*,::after,::before,body{box-sizing:border-box}figure{margin:0;font-size:0}p{margin:0}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.button{background-color:#a3c9a8;color:#2f4f4f;opacity:1;transition:.3s ease-in-out all}.button:hover{filter:brightness(.75)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.container--full-width{max-width:unset;width:100%}*{font-family:"Geist Mono",monospace!important;text-decoration:none!important}body,html{overflow-x:hidden;max-width:100%;width:100%;margin:0;padding:0;box-sizing:border-box;font-weight:200;color:#fff}body{background-color:#2f4f4f!important;overflow-x:hidden}a{color:#fff;text-decoration:none;font-weight:400}.hidden{display:none}.hidden .heardle__bar{animation:none}button:disabled{background-color:#888;cursor:not-allowed}.blurred{filter:blur(20px);transition:filter .5s ease}.unblurred{filter:blur(0)!important}@media (hover:hover){a{position:relative}a:hover::after{transform:scaleX(1)}a::after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background-color:#fff;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease}}.row{display:flex;flex-wrap:wrap;margin-right:-20px;margin-left:-20px}.row>[class*=col-]{padding-right:20px;padding-left:20px}.row-0{display:flex;flex-wrap:wrap;margin-left:0;margin-right:0}.row-0>[class*=col-]{padding-left:0;padding-right:0}@media screen and (min-width:0){.row-xs-0{margin-left:0;margin-right:0}.row-xs-0>[class*=col-]{padding-left:0;padding-right:0}}@media screen and (min-width:577px){.row-sm-0{margin-left:0;margin-right:0}.row-sm-0>[class*=col-]{padding-left:0;padding-right:0}}@media screen and (min-width:769px){.row-md-0{margin-left:0;margin-right:0}.row-md-0>[class*=col-]{padding-left:0;padding-right:0}}@media screen and (min-width:1025px){.row-lg-0{margin-left:0;margin-right:0}.row-lg-0>[class*=col-]{padding-left:0;padding-right:0}}@media screen and (min-width:1281px){.row-xl-0{margin-left:0;margin-right:0}.row-xl-0>[class*=col-]{padding-left:0;padding-right:0}}@media screen and (min-width:1507px){.row-xxl-0{margin-left:0;margin-right:0}.row-xxl-0>[class*=col-]{padding-left:0;padding-right:0}}.row-1{display:flex;flex-wrap:wrap;margin-left:-5px;margin-right:-5px}.row-1>[class*=col-]{padding-left:5px;padding-right:5px}@media screen and (min-width:0){.row-xs-1{margin-left:-5px;margin-right:-5px}.row-xs-1>[class*=col-]{padding-left:5px;padding-right:5px}}@media screen and (min-width:577px){.row-sm-1{margin-left:-5px;margin-right:-5px}.row-sm-1>[class*=col-]{padding-left:5px;padding-right:5px}}@media screen and (min-width:769px){.row-md-1{margin-left:-5px;margin-right:-5px}.row-md-1>[class*=col-]{padding-left:5px;padding-right:5px}}@media screen and (min-width:1025px){.row-lg-1{margin-left:-5px;margin-right:-5px}.row-lg-1>[class*=col-]{padding-left:5px;padding-right:5px}}@media screen and (min-width:1281px){.row-xl-1{margin-left:-5px;margin-right:-5px}.row-xl-1>[class*=col-]{padding-left:5px;padding-right:5px}}@media screen and (min-width:1507px){.row-xxl-1{margin-left:-5px;margin-right:-5px}.row-xxl-1>[class*=col-]{padding-left:5px;padding-right:5px}}.row-2{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}.row-2>[class*=col-]{padding-left:10px;padding-right:10px}@media screen and (min-width:0){.row-xs-2{margin-left:-10px;margin-right:-10px}.row-xs-2>[class*=col-]{padding-left:10px;padding-right:10px}}@media screen and (min-width:577px){.row-sm-2{margin-left:-10px;margin-right:-10px}.row-sm-2>[class*=col-]{padding-left:10px;padding-right:10px}}@media screen and (min-width:769px){.row-md-2{margin-left:-10px;margin-right:-10px}.row-md-2>[class*=col-]{padding-left:10px;padding-right:10px}}@media screen and (min-width:1025px){.row-lg-2{margin-left:-10px;margin-right:-10px}.row-lg-2>[class*=col-]{padding-left:10px;padding-right:10px}}@media screen and (min-width:1281px){.row-xl-2{margin-left:-10px;margin-right:-10px}.row-xl-2>[class*=col-]{padding-left:10px;padding-right:10px}}@media screen and (min-width:1507px){.row-xxl-2{margin-left:-10px;margin-right:-10px}.row-xxl-2>[class*=col-]{padding-left:10px;padding-right:10px}}.row-3{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.row-3>[class*=col-]{padding-left:15px;padding-right:15px}@media screen and (min-width:0){.row-xs-3{margin-left:-15px;margin-right:-15px}.row-xs-3>[class*=col-]{padding-left:15px;padding-right:15px}}@media screen and (min-width:577px){.row-sm-3{margin-left:-15px;margin-right:-15px}.row-sm-3>[class*=col-]{padding-left:15px;padding-right:15px}}@media screen and (min-width:769px){.row-md-3{margin-left:-15px;margin-right:-15px}.row-md-3>[class*=col-]{padding-left:15px;padding-right:15px}}@media screen and (min-width:1025px){.row-lg-3{margin-left:-15px;margin-right:-15px}.row-lg-3>[class*=col-]{padding-left:15px;padding-right:15px}}@media screen and (min-width:1281px){.row-xl-3{margin-left:-15px;margin-right:-15px}.row-xl-3>[class*=col-]{padding-left:15px;padding-right:15px}}@media screen and (min-width:1507px){.row-xxl-3{margin-left:-15px;margin-right:-15px}.row-xxl-3>[class*=col-]{padding-left:15px;padding-right:15px}}.row-4{display:flex;flex-wrap:wrap;margin-left:-17.5px;margin-right:-17.5px}.row-4>[class*=col-]{padding-left:17.5px;padding-right:17.5px}@media screen and (min-width:0){.row-xs-4{margin-left:-17.5px;margin-right:-17.5px}.row-xs-4>[class*=col-]{padding-left:17.5px;padding-right:17.5px}}@media screen and (min-width:577px){.row-sm-4{margin-left:-17.5px;margin-right:-17.5px}.row-sm-4>[class*=col-]{padding-left:17.5px;padding-right:17.5px}}@media screen and (min-width:769px){.row-md-4{margin-left:-17.5px;margin-right:-17.5px}.row-md-4>[class*=col-]{padding-left:17.5px;padding-right:17.5px}}@media screen and (min-width:1025px){.row-lg-4{margin-left:-17.5px;margin-right:-17.5px}.row-lg-4>[class*=col-]{padding-left:17.5px;padding-right:17.5px}}@media screen and (min-width:1281px){.row-xl-4{margin-left:-17.5px;margin-right:-17.5px}.row-xl-4>[class*=col-]{padding-left:17.5px;padding-right:17.5px}}@media screen and (min-width:1507px){.row-xxl-4{margin-left:-17.5px;margin-right:-17.5px}.row-xxl-4>[class*=col-]{padding-left:17.5px;padding-right:17.5px}}.row-5{display:flex;flex-wrap:wrap;margin-left:-20px;margin-right:-20px}.row-5>[class*=col-]{padding-left:20px;padding-right:20px}@media screen and (min-width:0){.row-xs-5{margin-left:-20px;margin-right:-20px}.row-xs-5>[class*=col-]{padding-left:20px;padding-right:20px}}@media screen and (min-width:577px){.row-sm-5{margin-left:-20px;margin-right:-20px}.row-sm-5>[class*=col-]{padding-left:20px;padding-right:20px}}@media screen and (min-width:769px){.row-md-5{margin-left:-20px;margin-right:-20px}.row-md-5>[class*=col-]{padding-left:20px;padding-right:20px}}@media screen and (min-width:1025px){.row-lg-5{margin-left:-20px;margin-right:-20px}.row-lg-5>[class*=col-]{padding-left:20px;padding-right:20px}}@media screen and (min-width:1281px){.row-xl-5{margin-left:-20px;margin-right:-20px}.row-xl-5>[class*=col-]{padding-left:20px;padding-right:20px}}@media screen and (min-width:1507px){.row-xxl-5{margin-left:-20px;margin-right:-20px}.row-xxl-5>[class*=col-]{padding-left:20px;padding-right:20px}}.row-6{display:flex;flex-wrap:wrap;margin-left:-30px;margin-right:-30px}.row-6>[class*=col-]{padding-left:30px;padding-right:30px}@media screen and (min-width:0){.row-xs-6{margin-left:-30px;margin-right:-30px}.row-xs-6>[class*=col-]{padding-left:30px;padding-right:30px}}@media screen and (min-width:577px){.row-sm-6{margin-left:-30px;margin-right:-30px}.row-sm-6>[class*=col-]{padding-left:30px;padding-right:30px}}@media screen and (min-width:769px){.row-md-6{margin-left:-30px;margin-right:-30px}.row-md-6>[class*=col-]{padding-left:30px;padding-right:30px}}@media screen and (min-width:1025px){.row-lg-6{margin-left:-30px;margin-right:-30px}.row-lg-6>[class*=col-]{padding-left:30px;padding-right:30px}}@media screen and (min-width:1281px){.row-xl-6{margin-left:-30px;margin-right:-30px}.row-xl-6>[class*=col-]{padding-left:30px;padding-right:30px}}@media screen and (min-width:1507px){.row-xxl-6{margin-left:-30px;margin-right:-30px}.row-xxl-6>[class*=col-]{padding-left:30px;padding-right:30px}}.row-7{display:flex;flex-wrap:wrap;margin-left:-40px;margin-right:-40px}.row-7>[class*=col-]{padding-left:40px;padding-right:40px}@media screen and (min-width:0){.row-xs-7{margin-left:-40px;margin-right:-40px}.row-xs-7>[class*=col-]{padding-left:40px;padding-right:40px}}@media screen and (min-width:577px){.row-sm-7{margin-left:-40px;margin-right:-40px}.row-sm-7>[class*=col-]{padding-left:40px;padding-right:40px}}@media screen and (min-width:769px){.row-md-7{margin-left:-40px;margin-right:-40px}.row-md-7>[class*=col-]{padding-left:40px;padding-right:40px}}@media screen and (min-width:1025px){.row-lg-7{margin-left:-40px;margin-right:-40px}.row-lg-7>[class*=col-]{padding-left:40px;padding-right:40px}}@media screen and (min-width:1281px){.row-xl-7{margin-left:-40px;margin-right:-40px}.row-xl-7>[class*=col-]{padding-left:40px;padding-right:40px}}@media screen and (min-width:1507px){.row-xxl-7{margin-left:-40px;margin-right:-40px}.row-xxl-7>[class*=col-]{padding-left:40px;padding-right:40px}}.row-8{display:flex;flex-wrap:wrap;margin-left:-50px;margin-right:-50px}.row-8>[class*=col-]{padding-left:50px;padding-right:50px}@media screen and (min-width:0){.row-xs-8{margin-left:-50px;margin-right:-50px}.row-xs-8>[class*=col-]{padding-left:50px;padding-right:50px}}@media screen and (min-width:577px){.row-sm-8{margin-left:-50px;margin-right:-50px}.row-sm-8>[class*=col-]{padding-left:50px;padding-right:50px}}@media screen and (min-width:769px){.row-md-8{margin-left:-50px;margin-right:-50px}.row-md-8>[class*=col-]{padding-left:50px;padding-right:50px}}@media screen and (min-width:1025px){.row-lg-8{margin-left:-50px;margin-right:-50px}.row-lg-8>[class*=col-]{padding-left:50px;padding-right:50px}}@media screen and (min-width:1281px){.row-xl-8{margin-left:-50px;margin-right:-50px}.row-xl-8>[class*=col-]{padding-left:50px;padding-right:50px}}@media screen and (min-width:1507px){.row-xxl-8{margin-left:-50px;margin-right:-50px}.row-xxl-8>[class*=col-]{padding-left:50px;padding-right:50px}}.row-9{display:flex;flex-wrap:wrap;margin-left:-60px;margin-right:-60px}.row-9>[class*=col-]{padding-left:60px;padding-right:60px}@media screen and (min-width:0){.row-xs-9{margin-left:-60px;margin-right:-60px}.row-xs-9>[class*=col-]{padding-left:60px;padding-right:60px}}@media screen and (min-width:577px){.row-sm-9{margin-left:-60px;margin-right:-60px}.row-sm-9>[class*=col-]{padding-left:60px;padding-right:60px}}@media screen and (min-width:769px){.row-md-9{margin-left:-60px;margin-right:-60px}.row-md-9>[class*=col-]{padding-left:60px;padding-right:60px}}@media screen and (min-width:1025px){.row-lg-9{margin-left:-60px;margin-right:-60px}.row-lg-9>[class*=col-]{padding-left:60px;padding-right:60px}}@media screen and (min-width:1281px){.row-xl-9{margin-left:-60px;margin-right:-60px}.row-xl-9>[class*=col-]{padding-left:60px;padding-right:60px}}@media screen and (min-width:1507px){.row-xxl-9{margin-left:-60px;margin-right:-60px}.row-xxl-9>[class*=col-]{padding-left:60px;padding-right:60px}}.row-10{display:flex;flex-wrap:wrap;margin-left:-80px;margin-right:-80px}.row-10>[class*=col-]{padding-left:80px;padding-right:80px}@media screen and (min-width:0){.row-xs-10{margin-left:-80px;margin-right:-80px}.row-xs-10>[class*=col-]{padding-left:80px;padding-right:80px}}@media screen and (min-width:577px){.row-sm-10{margin-left:-80px;margin-right:-80px}.row-sm-10>[class*=col-]{padding-left:80px;padding-right:80px}}@media screen and (min-width:769px){.row-md-10{margin-left:-80px;margin-right:-80px}.row-md-10>[class*=col-]{padding-left:80px;padding-right:80px}}@media screen and (min-width:1025px){.row-lg-10{margin-left:-80px;margin-right:-80px}.row-lg-10>[class*=col-]{padding-left:80px;padding-right:80px}}@media screen and (min-width:1281px){.row-xl-10{margin-left:-80px;margin-right:-80px}.row-xl-10>[class*=col-]{padding-left:80px;padding-right:80px}}@media screen and (min-width:1507px){.row-xxl-10{margin-left:-80px;margin-right:-80px}.row-xxl-10>[class*=col-]{padding-left:80px;padding-right:80px}}.col-1{flex:0 0 8.33333%;min-width:0;max-width:8.33333%}.col-2{flex:0 0 16.66667%;min-width:0;max-width:16.66667%}.col-3{flex:0 0 25%;min-width:0;max-width:25%}.col-4{flex:0 0 33.33333%;min-width:0;max-width:33.33333%}.col-5{flex:0 0 41.66667%;min-width:0;max-width:41.66667%}.col-6{flex:0 0 50%;min-width:0;max-width:50%}.col-7{flex:0 0 58.33333%;min-width:0;max-width:58.33333%}.col-8{flex:0 0 66.66667%;min-width:0;max-width:66.66667%}.col-9{flex:0 0 75%;min-width:0;max-width:75%}.col-10{flex:0 0 83.33333%;min-width:0;max-width:83.33333%}.col-11{flex:0 0 91.66667%;min-width:0;max-width:91.66667%}.col-12{flex:0 0 100%;min-width:0;max-width:100%}@media screen and (min-width:0){.col-xs-1{flex-basis:8.33333%;max-width:8.33333%}}@media screen and (min-width:0){.col-xs-2{flex-basis:16.66667%;max-width:16.66667%}}@media screen and (min-width:0){.col-xs-3{flex-basis:25%;max-width:25%}}@media screen and (min-width:0){.col-xs-4{flex-basis:33.33333%;max-width:33.33333%}}@media screen and (min-width:0){.col-xs-5{flex-basis:41.66667%;max-width:41.66667%}}@media screen and (min-width:0){.col-xs-6{flex-basis:50%;max-width:50%}}@media screen and (min-width:0){.col-xs-7{flex-basis:58.33333%;max-width:58.33333%}}@media screen and (min-width:0){.col-xs-8{flex-basis:66.66667%;max-width:66.66667%}}@media screen and (min-width:0){.col-xs-9{flex-basis:75%;max-width:75%}}@media screen and (min-width:0){.col-xs-10{flex-basis:83.33333%;max-width:83.33333%}}@media screen and (min-width:0){.col-xs-11{flex-basis:91.66667%;max-width:91.66667%}}@media screen and (min-width:0){.col-xs-12{flex-basis:100%;max-width:100%}}@media screen and (min-width:577px){.col-sm-1{flex-basis:8.33333%;max-width:8.33333%}}@media screen and (min-width:577px){.col-sm-2{flex-basis:16.66667%;max-width:16.66667%}}@media screen and (min-width:577px){.col-sm-3{flex-basis:25%;max-width:25%}}@media screen and (min-width:577px){.col-sm-4{flex-basis:33.33333%;max-width:33.33333%}}@media screen and (min-width:577px){.col-sm-5{flex-basis:41.66667%;max-width:41.66667%}}@media screen and (min-width:577px){.col-sm-6{flex-basis:50%;max-width:50%}}@media screen and (min-width:577px){.col-sm-7{flex-basis:58.33333%;max-width:58.33333%}}@media screen and (min-width:577px){.col-sm-8{flex-basis:66.66667%;max-width:66.66667%}}@media screen and (min-width:577px){.col-sm-9{flex-basis:75%;max-width:75%}}@media screen and (min-width:577px){.col-sm-10{flex-basis:83.33333%;max-width:83.33333%}}@media screen and (min-width:577px){.col-sm-11{flex-basis:91.66667%;max-width:91.66667%}}@media screen and (min-width:577px){.col-sm-12{flex-basis:100%;max-width:100%}}@media screen and (min-width:769px){.col-md-1{flex-basis:8.33333%;max-width:8.33333%}}@media screen and (min-width:769px){.col-md-2{flex-basis:16.66667%;max-width:16.66667%}}@media screen and (min-width:769px){.col-md-3{flex-basis:25%;max-width:25%}}@media screen and (min-width:769px){.col-md-4{flex-basis:33.33333%;max-width:33.33333%}}@media screen and (min-width:769px){.col-md-5{flex-basis:41.66667%;max-width:41.66667%}}@media screen and (min-width:769px){.col-md-6{flex-basis:50%;max-width:50%}}@media screen and (min-width:769px){.col-md-7{flex-basis:58.33333%;max-width:58.33333%}}@media screen and (min-width:769px){.col-md-8{flex-basis:66.66667%;max-width:66.66667%}}@media screen and (min-width:769px){.col-md-9{flex-basis:75%;max-width:75%}}@media screen and (min-width:769px){.col-md-10{flex-basis:83.33333%;max-width:83.33333%}}@media screen and (min-width:769px){.col-md-11{flex-basis:91.66667%;max-width:91.66667%}}@media screen and (min-width:769px){.col-md-12{flex-basis:100%;max-width:100%}}@media screen and (min-width:1025px){.col-lg-1{flex-basis:8.33333%;max-width:8.33333%}}@media screen and (min-width:1025px){.col-lg-2{flex-basis:16.66667%;max-width:16.66667%}}@media screen and (min-width:1025px){.col-lg-3{flex-basis:25%;max-width:25%}}@media screen and (min-width:1025px){.col-lg-4{flex-basis:33.33333%;max-width:33.33333%}}@media screen and (min-width:1025px){.col-lg-5{flex-basis:41.66667%;max-width:41.66667%}}@media screen and (min-width:1025px){.col-lg-6{flex-basis:50%;max-width:50%}}@media screen and (min-width:1025px){.col-lg-7{flex-basis:58.33333%;max-width:58.33333%}}@media screen and (min-width:1025px){.col-lg-8{flex-basis:66.66667%;max-width:66.66667%}}@media screen and (min-width:1025px){.col-lg-9{flex-basis:75%;max-width:75%}}@media screen and (min-width:1025px){.col-lg-10{flex-basis:83.33333%;max-width:83.33333%}}@media screen and (min-width:1025px){.col-lg-11{flex-basis:91.66667%;max-width:91.66667%}}@media screen and (min-width:1025px){.col-lg-12{flex-basis:100%;max-width:100%}}@media screen and (min-width:1281px){.col-xl-1{flex-basis:8.33333%;max-width:8.33333%}}@media screen and (min-width:1281px){.col-xl-2{flex-basis:16.66667%;max-width:16.66667%}}@media screen and (min-width:1281px){.col-xl-3{flex-basis:25%;max-width:25%}}@media screen and (min-width:1281px){.col-xl-4{flex-basis:33.33333%;max-width:33.33333%}}@media screen and (min-width:1281px){.col-xl-5{flex-basis:41.66667%;max-width:41.66667%}}@media screen and (min-width:1281px){.col-xl-6{flex-basis:50%;max-width:50%}}@media screen and (min-width:1281px){.col-xl-7{flex-basis:58.33333%;max-width:58.33333%}}@media screen and (min-width:1281px){.col-xl-8{flex-basis:66.66667%;max-width:66.66667%}}@media screen and (min-width:1281px){.col-xl-9{flex-basis:75%;max-width:75%}}@media screen and (min-width:1281px){.col-xl-10{flex-basis:83.33333%;max-width:83.33333%}}@media screen and (min-width:1281px){.col-xl-11{flex-basis:91.66667%;max-width:91.66667%}}@media screen and (min-width:1281px){.col-xl-12{flex-basis:100%;max-width:100%}}@media screen and (min-width:1507px){.col-xxl-1{flex-basis:8.33333%;max-width:8.33333%}}@media screen and (min-width:1507px){.col-xxl-2{flex-basis:16.66667%;max-width:16.66667%}}@media screen and (min-width:1507px){.col-xxl-3{flex-basis:25%;max-width:25%}}@media screen and (min-width:1507px){.col-xxl-4{flex-basis:33.33333%;max-width:33.33333%}}@media screen and (min-width:1507px){.col-xxl-5{flex-basis:41.66667%;max-width:41.66667%}}@media screen and (min-width:1507px){.col-xxl-6{flex-basis:50%;max-width:50%}}@media screen and (min-width:1507px){.col-xxl-7{flex-basis:58.33333%;max-width:58.33333%}}@media screen and (min-width:1507px){.col-xxl-8{flex-basis:66.66667%;max-width:66.66667%}}@media screen and (min-width:1507px){.col-xxl-9{flex-basis:75%;max-width:75%}}@media screen and (min-width:1507px){.col-xxl-10{flex-basis:83.33333%;max-width:83.33333%}}@media screen and (min-width:1507px){.col-xxl-11{flex-basis:91.66667%;max-width:91.66667%}}@media screen and (min-width:1507px){.col-xxl-12{flex-basis:100%;max-width:100%}}@media screen and (min-width:769px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}}.theme{padding-top:25px}.theme__container{max-width:900px;padding:0 20px;margin:0 auto}@media screen and (min-width:769px){.theme{padding-top:40px}.theme__heading{font-size:42px}}.heading{margin:0}.heading+.content,.heading+.form{margin-top:20px}.content+.content{margin-top:20px}button+.content,button+.heading{margin-top:20px}p+p{margin-top:20px}li+li{margin-top:20px}ol ul{margin-top:10px}hr{margin:25px 0}@media screen and (min-width:1025px){hr{margin:40px 0}}.ui-autocomplete{background-color:#3e5e5e;color:#fff;border:1px solid #a3c9a8;max-width:100%!important;box-sizing:border-box;z-index:1000}.ui-menu-item-wrapper{padding:10px}.ui-menu-item-wrapper.ui-state-active{background-color:#4caf50;color:#fff}.all-games{display:flex;flex-wrap:wrap;justify-content:center;gap:40px}.all-games__item{position:relative;width:calc(50% - 20px);display:flex;flex-direction:column;align-items:center;gap:4px;transform:scale(1);transition:.3s ease-in-out all}.all-games__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%}.all-games__link:hover:after{display:none}.all-games__heading{margin:0;text-align:center;color:#fff;font-size:18px}.all-games__figure{margin:0;display:flex;justify-content:center}.all-games__image{width:130px;aspect-ratio:1;border:1px solid #fff}@media screen and (min-width:769px){.all-games{gap:60px}.all-games__item{width:calc(50% - 30px)}}@media screen and (min-width:1025px){.all-games{gap:70px 30px}.all-games__item{width:calc(33.333% - 20px)}}@media (hover:hover){.all-games__item:hover{transform:scale(.95)}}.header{width:100%;display:flex;padding:12px 0;text-align:center;border-bottom:1px solid #fff}.header__container{display:flex;justify-content:space-between;align-items:center}.header__wrap{display:flex;gap:10px}.header__wrap--icons-left,.header__wrap--icons-right{width:60px}.header__wrap--icons-right{justify-content:flex-end}.header__link:hover:after{display:none}.header__icon{color:#fff;min-width:20px;height:20px}@media (hover:hover){.header__icon{transition:.3s ease-in-out all}.header__icon:hover{color:#4caf50;cursor:pointer}}.heading{font-size:26px;text-align:center;color:#fff}@media screen and (min-width:769px){.heading{font-size:30px}}.heardle{display:flex;justify-content:center;margin:0 auto;text-align:center;background-color:#2f4f4f;color:#fff;font-family:"Geist Mono",monospace}.heardle__container{width:100%;max-width:700px;padding:0 2px}.heardle__heading{color:#a3c9a8;font-size:30px}.heardle__timer{font-size:0}.heardle__user-guess{position:relative;z-index:1;padding:15px 10px;margin:10px 0;border:1px solid #a3c9a8;border-radius:5px;background-color:#3e5e5e;width:calc(100% - 20px);color:#ccc;font-size:16px}.heardle__user-guess::placeholder{color:#ccc}.heardle__button{position:relative;z-index:1;padding:10px 20px;margin:15px 0;background-color:#a3c9a8;border:none;border-radius:5px;color:#2f4f4f;cursor:pointer;font-size:16px;transition:.3s ease-in-out all;opacity:1}.heardle__button:hover{filter:brightness(.75)}.heardle__button:disabled{background-color:#999;cursor:not-allowed}.heardle__image--album{width:70%}.heardle__feedback-container{display:flex;flex-direction:column;align-items:center;padding:15px;border:1px solid #a3c9a8;border-radius:5px;background-color:#999}.heardle__feedback{position:relative;z-index:1;margin-top:10px;font-weight:700;font-size:18px}.heardle__feedback.failed .heardle__feedback-message{color:#b00000}.heardle__feedback.failed .heardle__correct-title{color:#fff}.heardle__feedback.passed .heardle__feedback-message{color:#a3c9a8}.heardle__feedback-message{font-size:20px;margin-bottom:20px;color:#d08c9c}.heardle__feedback-message--tomorrow{margin-top:20px}.heardle__correct-title{font-weight:400;font-size:20px;text-align:center;color:#a3c9a8;margin-bottom:5px;line-height:1.2;display:flex;flex-direction:column;align-items:center}.heardle__correct-title span{font-size:16px}.heardle__correct-answer{display:flex;flex-direction:row;gap:20px;align-items:center}.heardle__album-image{width:100px;height:auto;border:1px solid #000}.heardle__equalizer{display:flex;justify-content:center;margin-top:10px}.heardle__equalizer.animate .heardle__bar{animation:equalizer 1s infinite}.heardle__bar{width:5px;height:20px;background-color:#a3c9a8;margin:0 2px}.heardle__bar--1{animation-delay:-.5s!important}.heardle__bar--2{animation-delay:-.4s!important}.heardle__bar--3{animation-delay:-.3s!important}.heardle__bar--4{animation-delay:-.2s!important}.heardle__bar--5{animation-delay:-.1s!important}.heardle__progress-container{position:relative;z-index:1;width:100%;background-color:#fff;height:10px;margin:20px auto 0;overflow:hidden}.heardle__progress-bar{width:0%;height:100%;background-color:#4caf50;transition:width .1s linear}.heardle__wrap--buttons{width:100%;display:flex;justify-content:space-between}.heardle__wrap--info{position:absolute;top:0;left:0}.heardle__attempts{position:relative;z-index:1;margin-top:0;text-align:left}.heardle__attempt{display:flex;align-items:center;padding:5px 8px;background-color:#3e5e5e;border:1px solid #a3c9a8;border-radius:5px;margin:5px 0;color:#fff}.heardle__attempt:last-child{margin-bottom:0}.heardle__attempt--failed{background-color:#d08c9c;color:#2f4f4f;border:1px solid #b00000}.heardle__attempt--failed .heardle__attempt-guess{color:#b00000}.heardle__attempt--success{background-color:#a3c9a8;color:#2f4f4f}.heardle__attempt__attempt-guess{flex-grow:1;word-break:break-word;font-size:14px}.heardle__link--unlimited{color:#fff;opacity:1;transition:.3s ease-in-out all}.heardle__link--unlimited:hover{opacity:.6}.heardle__timer-slider{-webkit-appearance:none;width:100%;height:10px;background:#28a745;cursor:pointer}.heardle__timer-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#28a745;cursor:pointer;position:relative;top:-5px}.heardle__timer-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#28a745;cursor:pointer;position:relative;top:-6px}.heardle__timer-slider::-moz-range-track{width:100%;height:10px;background:linear-gradient(to right,#28a745 0,#28a745 var(--slider-value),#ccc var(--slider-value),#ccc 100%);border-radius:0}.heardle__timer-slider::-webkit-slider-runnable-track{width:100%;height:10px;background:linear-gradient(to right,#28a745 0,#28a745 var(--slider-value),#ccc var(--slider-value),#ccc 100%);border-radius:0}.heardle__play-button:focus,.heardle__user-guess:focus,.heardle_guess:focus{outline:0;box-shadow:0 0 5px #fff}@keyframes equalizer{0%{transform:scaleY(1)}50%{transform:scaleY(2)}100%{transform:scaleY(1)}}@media screen and (min-width:769px){.heardle__heading{font-size:42px}}.how-to-play{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:500px;background-color:#a3c9a8;color:#2f4f4f;padding:20px;text-align:center;display:none;box-shadow:0 4px 8px rgba(0,0,0,.3);z-index:9999}.how-to-play.active{display:block;animation:fadeIn .3s ease-out}.how-to-play__close{position:absolute;top:0;right:5px;background:0 0;color:#2f4f4f;border:none;font-size:25px;cursor:pointer}.my-account-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:500px;background-color:#a3c9a8;color:#2f4f4f;padding:20px;text-align:center;display:none;box-shadow:0 4px 8px rgba(0,0,0,.3);z-index:9999;background:#fff;padding:20px;border-radius:10px}.my-account-modal.active{display:block;animation:fadeIn .3s ease-out}.my-account-modal__heading{margin-top:0;color:#4caf50}.my-account-modal__close{position:absolute;top:0;right:5px;background:0 0;color:#2f4f4f;border:none;font-size:25px;cursor:pointer}.my-account-modal__submit{background-color:#4caf50;color:#fff;border:none;padding:10px;font-size:16px;border-radius:5px;cursor:pointer;transition:.3s ease-in-out all}.my-account-modal__submit:hover{background-color:#28a745}.my-account-modal__form{display:flex;flex-direction:column;margin-bottom:16px}.my-account-modal__input{margin-bottom:10px;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px}.my-account-modal__link{color:#4caf50;text-decoration:none;transition:.3s ease-in-out all}.my-account-modal__link:hover{color:#2f4f4f}.overlay{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;z-index:2;background-color:rgba(0,0,0,.7);display:none}.overlay.active{display:block}.popup-nav{position:fixed;top:0;right:-100%;width:calc(100vw - 40px);max-width:500px;display:flex;flex-direction:column;gap:16px;height:100%;background-color:#a3c9a8;padding:20px;transition:right .3s ease-in-out;z-index:1000;overflow-y:auto;box-shadow:-2px 0 5px rgba(0,0,0,.3)}.popup-nav.active{right:0}.popup-nav__close{position:absolute;top:13px;right:15px;background:0 0;border:none;font-size:30px;cursor:pointer;color:#2f4f4f;z-index:100}.popup-nav__item{position:relative;width:100%;display:flex;gap:12px;align-items:center;justify-content:center}.popup-nav__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%}.popup-nav__link::after{display:none}.popup-nav__figure{margin:0;width:50px;aspect-ratio:1}.popup-nav__image{width:100%;border:2px solid #2f4f4f}.popup-nav__heading{margin:0;color:#2f4f4f;text-align:center}.popup-nav__heading--main{margin-bottom:15px}.stats-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:500px;background-color:#a3c9a8;color:#2f4f4f;padding:20px;text-align:center;display:none;box-shadow:0 4px 8px rgba(0,0,0,.3);z-index:9999}.stats-modal.active{display:block;animation:fadeIn .3s ease-out}.stats-modal__close{position:absolute;top:0;right:5px;background:0 0;color:#2f4f4f;border:none;font-size:25px;cursor:pointer}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.login-page{width:100%;max-width:400px;margin:0 auto;padding:20px;border-radius:8px}.login-page__heading{margin-bottom:20px;color:#fff;text-align:center;font-size:24px}.login-page__group{display:flex;margin-bottom:15px}.login-page__label{font-size:14px;margin-bottom:5px;display:block}.login-page__input{width:100%;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:4px}.login-page__button{width:100%;padding:12px;font-size:16px;border:none;border-radius:4px;cursor:pointer}.login-page__link{display:block;text-align:center;margin-top:10px;color:#fff;text-decoration:none;transition:.3s ease-in-out all}.login-page__link:hover{text-decoration:underline;color:#4caf50}.my-account{margin-top:20px}.my-account__container{margin:0 auto;text-align:center}.my-account__heading{text-align:center;font-size:24px;color:#fff;margin-bottom:50px}.my-account__heading--table{font-size:18px;margin-bottom:20px}.my-account__heading span{color:#a3c9a8}.my-account__content{font-size:16px;color:#fff;margin-bottom:18px}.my-account__content--table{margin:6px 0;text-transform:capitalize}.my-account__content--won{color:#a3c9a8}.my-account__content--lost{color:#d08c9c}.my-account__button{display:inline-block;padding:10px 20px;background-color:#d08c9c;color:#fff;text-align:center;border-radius:5px;text-decoration:none;transition:.3s ease-in-out all}.my-account__button:hover{opacity:.5}.my-account__tab-list{display:flex;flex-direction:column;padding-left:0;margin:0}.my-account__tab-item{list-style-type:none;margin:0}.my-account__tab-item--active .my-account__tab-button{background:#a3c9a8;color:#2f4f4f}.my-account__tab-button{background:0 0;border:none;padding:10px;font-size:16px;cursor:pointer;color:#fff;font-weight:700;width:100%}.my-account__tab-content{display:none}.my-account__tab-content--active{display:block}.my-account__stats-table{width:100%}.my-account__stats-table td{width:25%}.my-account__stats-table td,.my-account__stats-table th{border:1px solid rgba(255,255,255,.2)}.my-account__wrap--game{margin-bottom:60px}@media (min-width:769px){.my-account__heading{font-size:36px}.my-account__heading--table{font-size:20px}}