.confetti{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;overflow:hidden;transition:all 1s}.confetti .confetti-piece{position:absolute;width:10px;height:30px;background:#ffd300;top:0;opacity:0}.confetti .confetti-piece:nth-child(1){left:7%;transform:rotate(-40deg);animation:makeItRain 1s infinite ease-out;animation-delay:182ms;animation-duration:1116ms;-webkit-transform:rotate(-40deg);-webkit-animation:makeItRain 1s infinite ease-out;-webkit-animation-delay:182ms;-webkit-animation-duration:1116ms}.confetti .confetti-piece:nth-child(2){left:14%;transform:rotate(4deg);animation:makeItRain 1s infinite ease-out;animation-delay:161ms;animation-duration:1076ms;-webkit-transform:rotate(4deg);-webkit-animation:makeItRain 1s infinite ease-out;-webkit-animation-delay:161ms;-webkit-animation-duration:1076ms}.confetti .confetti-piece:nth-child(3){left:21%;transform:rotate(-51deg);animation:makeItRain 1s infinite ease-out;animation-delay:481ms;animation-duration:1103ms;-webkit-transform:rotate(-51deg);-webkit-animation:makeItRain 1s infinite ease-out;-webkit-animation-delay:481ms;-webkit-animation-duration:1103ms}.confetti .confetti-piece:nth-child(4){left:28%;transform:rotate(61deg);animation:makeItRain 1s infinite ease-out;animation-delay:334ms;animation-duration:708ms;-webkit-transform:rotate(61deg);-webkit-animation:makeItRain 1s infinite ease-out;-webkit-animation-delay:334ms;-webkit-animation-duration:708ms}.confetti .confetti-piece:nth-child(5){left:35%;transform:rotate(-52deg);animation:makeItRain 1s infinite ease-out;animation-delay:302ms;animation-duration:776ms;-webkit-transform:rotate(-52deg);-webkit-animation:makeItRain 1s infinite ease-out;-webkit-animation-delay:302ms;-webkit-animation-duration:776ms}.confetti .confetti-piece:nth-child(6){left:42%;transform:rotate(38deg);animation:makeItRain 1s infinite ease-out;animation-delay:.18s;animation-duration:1168ms;-webkit-transform:rotate(38deg);-webkit-animation:makeItRain 1s infinite ease-out;-webkit-animation-delay:.18s;-webkit-animation-duration:1168ms}.confetti .confetti-piece:nth-child(7){left:49%;transform:rotate(11deg);animation:makeItRain 1s infinite ease-out;animation-delay:395ms;animation-duration:1.2s;-webkit-transform:rotate(11deg);-webkit-animation:makeItRain 1s infinite ease-out;-webkit-animation-delay:395ms;-webkit-animation-duration:1.2s}.confetti .confetti-piece:nth-child(8){left:56%;transform:rotate(49deg);animation:makeItRain 1s infinite ease-out;animation-delay:14ms;animation-duration:887ms;-webkit-transform:rotate(49deg);-webkit-animation:makeItRain 1s infinite ease-out;-webkit-animation-delay:14ms;-webkit-animation-duration:887ms}.confetti .confetti-piece:nth-child(9){left:63%;transform:rotate(-72deg);animation:makeItRain 1s infinite ease-out;animation-delay:149ms;animation-duration:805ms;-webkit-transform:rotate(-72deg);-webkit-animation:makeItRain 1s infinite ease-out;-webkit-animation-delay:149ms;-webkit-animation-duration:805ms}.confetti .confetti-piece:nth-child(10){left:70%;transform:rotate(10deg);animation:makeItRain 1s infinite ease-out;animation-delay:351ms;animation-duration:1059ms;-webkit-transform:rotate(10deg);-webkit-animation:makeItRain 1s infinite ease-out;-webkit-animation-delay:351ms;-webkit-animation-duration:1059ms}.confetti .confetti-piece:nth-child(11){left:77%;transform:rotate(4deg);animation:makeItRain 1s infinite ease-out;animation-delay:307ms;animation-duration:1132ms;-webkit-transform:rotate(4deg);-webkit-animation:makeItRain 1s infinite ease-out;-webkit-animation-delay:307ms;-webkit-animation-duration:1132ms}.confetti .confetti-piece:nth-child(12){left:84%;transform:rotate(42deg);animation:makeItRain 1s infinite ease-out;animation-delay:464ms;animation-duration:776ms;-webkit-transform:rotate(42deg);-webkit-animation:makeItRain 1s infinite ease-out;-webkit-animation-delay:464ms;-webkit-animation-duration:776ms}.confetti .confetti-piece:nth-child(13){left:91%;transform:rotate(-72deg);animation:makeItRain 1s infinite ease-out;animation-delay:429ms;animation-duration:818ms;-webkit-transform:rotate(-72deg);-webkit-animation:makeItRain 1s infinite ease-out;-webkit-animation-delay:429ms;-webkit-animation-duration:818ms}.confetti .confetti-piece:nth-child(odd){background:#7431e8}.confetti .confetti-piece:nth-child(2n){z-index:1}.confetti .confetti-piece:nth-child(4n){width:5px;height:12px;animation-duration:2s;-webkit-animation-duration:2s}.confetti .confetti-piece:nth-child(3n){width:3px;height:10px;animation-duration:2.5s;-webkit-animation-duration:2.5s;animation-delay:1s;-webkit-animation-delay:1s}.confetti .confetti-piece:nth-child(4n-7){background:red}@keyframes makeItRain{0%{opacity:0}50%{opacity:1}to{transform:translateY(350px);-webkit-transform:translateY(350px)}}@-webkit-keyframes makeItRain{0%{opacity:0}50%{opacity:1}to{transform:translateY(350px);-webkit-transform:translateY(350px)}}.game-page-report{margin:1.5em auto;text-align:center}.game-page-report::-webkit-scrollbar{width:8px;height:8px}.game-page-report::-webkit-scrollbar-track{background:#f1f1f1}.game-page-report::-webkit-scrollbar-thumb{background:#8b8b8b}.game-page-report .report-title{font-size:1.5rem;margin-bottom:.5em}.game-page-report .report-table-wrapper{overflow-x:auto;max-width:calc(100vw - 2.5rem);min-width:21rem}.game-page-report .report-table-wrapper .report-table{padding:1em;border-collapse:collapse}.game-page-report .report-table-wrapper .report-table th,.game-page-report .report-table-wrapper .report-table td{padding:.5em;border:1px solid gray}.game-page-report .report-table-wrapper .report-table th{background-color:#4e6cf040;letter-spacing:1px}.game-page-report .report-table-wrapper .report-table td{background-color:#ffffff80}.game-page-report .report-table-wrapper .report-table td .router-link.confused-mushroom{display:flex;gap:4px;margin:8px auto;text-wrap:nowrap;width:fit-content}.game-page-report .report-table-wrapper .report-table .router-link{color:#000}.game-page-report .report-table-wrapper .report-table .router-link:hover{text-decoration:underline}.game-page-report .report-table-wrapper .report-table .percentage-container{display:flex;align-items:center;justify-content:center}.game-page-report .report-table-wrapper .report-table .percentage-container .percentage{font-size:.75rem;margin-left:.25rem}.game-page-settings{box-shadow:-2px -2px 10px gray,2px 2px 10px gray;display:flex;flex-direction:column;align-items:center;row-gap:.75em}.game-page-settings .label{color:#00008b;font-weight:600}.game-page-settings .label:not(:first-of-type){margin-top:1em}.game-page-settings .buttons{display:flex}.game-page-settings .photo-count{max-width:25em;display:flex;align-items:center;justify-content:center}.game-page-settings .photo-count .slider{cursor:pointer;margin:.25em 1em}.game-page-settings .photo-count .button-container{display:flex;flex-direction:column}.game-page-settings .photo-count .button-container .button{cursor:pointer;display:flex;align-items:center;justify-content:center;width:1.375em;height:1.375em;background-color:transparent;border:1px solid gray;border:none;outline:none;color:gray}.game-page-settings .photo-count .button-container .button .icon{font-size:1.5em}.game-page-settings .photo-count .button-container .button:hover{background-color:gray;color:#fff}#game-page{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;padding:.75em .75em 2.5em;min-height:calc(100vh - 7em);position:relative}#game-page .overlay-inner-container{background-color:#fff;margin:1em 1em 4em;padding:1em .5em;border-radius:1em;box-shadow:0 0 25px #000;text-align:center;border:1px solid red}#game-page .overlay-inner-container .oic-title{font-size:1.5rem;font-weight:bolder}#game-page .overlay-inner-container .oic-primary{color:red;margin:1.5em 0 1em}#game-page .overlay-inner-container .oic-secondary{color:gray}#game-page .overlay-inner-container .deadly-mushroom-img{margin-top:1em;max-width:100%;border-radius:.5em}#game-page .title{margin:1em 0 0;padding:.25em .5em;text-align:center;font-size:1.75rem;font-weight:400}#game-page .title.on-top .name{color:#00f}#game-page .title.on-scroll{z-index:1;position:fixed;top:0;left:50%;transform:translate(-50%);white-space:nowrap;letter-spacing:-.5px;background-color:#5c5d5ee6;color:#fff;border-radius:.5em;width:fit-content;margin:auto}#game-page .title.on-scroll.visible{display:block}#game-page .title.on-scroll.hidden{display:none}#game-page .volume-button{position:absolute;top:.6875em;left:.5em;font-size:1rem;padding:.5em;height:2em;width:2em}#game-page .focus-toggler-button{position:absolute;left:50%;transform:translate(-50%);top:1px;justify-content:center;width:10em;padding:.125em .5em;font-size:.875rem;color:#5a5a5a;background-color:transparent;background-color:#fff3;border:none;box-shadow:none;white-space:nowrap}#game-page .focus-toggler-button:hover{box-shadow:1px 1px 5px gray}#game-page .settings-button{position:absolute;top:.6875em;right:.5em;font-size:1rem;padding:.5em}#game-page .volume-button,#game-page .settings-button{transform:scale(.01);transition:transform .7s}#game-page .volume-button:not(.animating),#game-page .settings-button:not(.animating){transform:scale(1)}#game-page .volume-button:hover,#game-page .settings-button:hover{transform:scale(1.15)}#game-page .feedbacks{display:flex;flex-direction:column;align-items:center;text-align:center}#game-page .feedbacks .health-bar{margin-top:.375em;display:flex;align-items:center;height:1.5em}#game-page .feedbacks .health-bar .heart-icon{color:#c50909;margin:0 .125em}#game-page .photos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:2em}#game-page .photos .photo-container{animation:appear-with-delay 1.75s;background:linear-gradient(120deg,#bfbfbf80 30%,#d2d2d280 38%,#d2d2d280 40%,#bfbfbf80 48%);background-size:200% 100%;background-position:100% 0;animation:skeleton-loading 2s infinite;cursor:pointer;margin:.75em;height:20em;width:20em;border-radius:1.5em;opacity:1;position:relative}@keyframes skeleton-loading{to{background-position:-100% 0}}@media (hover: hover){#game-page .photos .photo-container{transition:opacity .2s}#game-page .photos .photo-container:hover{opacity:.9}}#game-page .photos .photo-container .photo{height:100%;width:100%;object-fit:cover;border-radius:1.5em;transition:box-shadow .5s}#game-page .photos .photo-container .photo.correct.clicked{box-shadow:0 0 70px #578d05}#game-page .photos .photo-container .photo:not(.correct).clicked{animation:shake .5s;box-shadow:0 0 50px red}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(1px,0,0)}30%,50%,70%{transform:translate3d(-2px,0,0)}40%,60%{transform:translate3d(2px,0,0)}}#game-page .photos .photo-container .feedback-container{animation:appear-with-delay .25s;display:flex;justify-content:center;align-items:center;text-align:center;position:absolute;top:0;left:0;right:0;bottom:0;display:none}#game-page .photos .photo-container .feedback-container.clicked{display:flex}#game-page .photos .photo-container .feedback-container .feedback-check-icon{font-size:5rem;color:#578d05}#game-page .photos .photo-container .feedback-container .feedback-hungarian-name{position:absolute;bottom:.5rem;font-size:1.75rem;color:#fff;text-shadow:0 0 5px black,1px 1px 5px black,-1px -1px 5px black;padding:.25rem .5rem}#game-page .photos .game-over{display:flex;flex-direction:column;align-items:center;margin-bottom:2em;padding-bottom:1em}#game-page .photos .game-over .game-over-title{font-size:2rem;margin-top:1em;margin-bottom:1em}#game-page .change-photos{animation:appear-with-delay .5s;margin-top:1.5em;text-align:center}@keyframes appear-with-delay{0%,20%{opacity:0}to{opacity:1}}#game-page .other-actions-container{display:flex;flex-direction:column;align-items:center;margin-top:2em;width:100%}#game-page .other-actions-container .game-page-buttons{margin:2em auto;padding:1.5em;text-wrap:nowrap;max-width:100%;display:flex;gap:1.25em;flex-direction:column}@media (min-width: 680px){#game-page .other-actions-container .game-page-buttons{flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:41em}}#game-page .other-actions-container .info-section{margin-top:3em;padding:.5em 1em 2em;background-color:#fffc;border-radius:.5em;box-shadow:1px 1px 6px #5a5a5a;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}#game-page .other-actions-container .info-section .info-section-title{font-size:1.25rem;font-weight:400;letter-spacing:1px;font-style:italic;margin-bottom:1.25em}#game-page .other-actions-container .info-section .text-container{max-width:65em;line-height:1.25rem}#game-page .other-actions-container .info-section .text-container h3{margin-bottom:.25em;font-size:1.125rem}#game-page .other-actions-container .info-section .text-container .hotkey{background-color:#f1f1f1;border:1px solid #dadada;padding:.125em .375em;border-radius:.125em;text-wrap:nowrap}#game-page .other-actions-container .call-to-filterpage{margin-top:2em;width:100%;text-align:center;padding:1em .5em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}#game-page .other-actions-container .call-to-filterpage .text{max-width:50rem}@media screen and (min-width: 600px){#game-page .overlay-inner-container{padding:1.5em}}