:root{color-scheme:light dark}@font-face{font-family:"8-bit-tall";src:url("../fonts/8bitoperatorplus-regular-webfont.woff2") format("woff2"),url("../fonts/8bitoperatorplus-regular-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"8-bit-tall";src:url("../fonts/8bitoperatorplus-bold-webfont.woff2") format("woff2"),url("../fonts/8bitoperatorplus-bold-webfont.woff") format("woff");font-weight:bold;font-style:normal}@font-face{font-family:"8-bit";src:url("../fonts/8bitoperatorplus8-bold-webfont.woff2") format("woff2"),url("../fonts/8bitoperatorplus8-bold-webfont.woff") format("woff");font-weight:bold;font-style:normal}*{box-sizing:border-box}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}html{image-rendering:pixelated}body,html{margin:0;padding:0;height:100%;overflow:hidden;overflow-y:auto}body{background-color:#f5eee6;color:#1b18be;font-family:"8-bit-tall",monospace;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;font-smooth:never;-webkit-user-select:none;-moz-user-select:none;user-select:none}body img{-webkit-user-drag:none}body,button,a{cursor:url("../media/images/ui/cursor.png"),auto !important}button:hover,a:hover,.character:not(.completed):hover{cursor:url("../media/images/ui/pointer.png"),pointer !important}.container{display:grid;grid-template-rows:auto 1fr auto;min-height:100%}header,footer{padding:15px;position:sticky}footer div{margin-top:44px}footer span{color:#f5eee6;font-weight:bold}header{top:0;z-index:100}h1{font-size:60px;font-weight:bold;font-family:"8-bit";font-weight:bold}#content{display:flex;flex-direction:column;text-align:center;padding-top:50px !important}footer{bottom:0;z-index:100}.window{border:solid 6px #1b18be;box-shadow:6px 6px 0 0 #000;background-color:#ddd}#content,#gameModalContainer{max-width:800px;margin:auto;padding:15px}#characterGrid{display:grid;grid-template-columns:repeat(4, 1fr);grid-template-rows:repeat(2, auto);gap:15px}#characterGrid .character{aspect-ratio:1/1}#characterGrid .character:not(.completed){transform:scale(1) rotate(0deg);transition:transform .2s ease,box-shadow .2s ease}#characterGrid .character:not(.completed):hover{transform:scale(1.4) rotate(5deg);z-index:10;box-shadow:20px 20px 0px 0 rgba(0,0,0,.7)}#characterGrid .character:not(.completed):hover img{opacity:.33}#characterGrid .character:not(.completed):hover .name{opacity:1}.character{position:relative;width:100%;overflow:hidden}.character img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:all .2s ease}.character .name{position:absolute;bottom:0px;left:0px;padding:5px;font-weight:bold;text-transform:uppercase;font-size:2rem;transition:all .2s ease;opacity:0}.character .player{opacity:1}.character .heart{display:none;position:absolute;z-index:1}.character.completed .heart{display:block}.character.completed .name{display:none}.character.completed .player{opacity:.33}#message{display:flex;flex-direction:column;animation-fill-mode:both}#answers{margin-top:auto}#message button{margin:7.5px}button{width:-webkit-fill-available;display:block;border:solid 6px #1b18be;background:#ddd;padding:7.5px;text-align:center;font-weight:bold;box-shadow:inset 2px 2px 0px #fdfdfd,inset -2px -2px 0px #b4b4b4}button:active{box-shadow:inset 2px 2px 0px #b4b4b4,inset -2px -2px 0px #fdfdfd}.success,.winner,.failure{grid-column:1/-1;width:66.6666666667%;justify-self:center;border-color:green}.winner{background-color:gold;border-color:#b8860b;color:#b8860b}.winner .retry{display:none}.special{background:#b8860b;border-color:#b8860b;color:gold;box-shadow:none}.special:active{box-shadow:none}.winner .messageContent{flex-direction:column;text-align:center}.winner .header{background-color:green}@keyframes rainbow-background{0%,100%{background-color:red}16%{background-color:orange}33%{background-color:#ff0}50%{background-color:green}66%{background-color:blue}83%{background-color:indigo}}@keyframes rainbow{0%,100%{border-color:red}16%{border-color:orange}33%{border-color:#ff0}50%{border-color:green}66%{border-color:blue}83%{border-color:indigo}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fadeInUp{animation:fadeInUp .3s ease-out forwards}.overlay{background-image:url("../media/images/icons/heart.png");background-size:100%;background-repeat:no-repeat;position:absolute;width:100%;height:100%;display:none;z-index:2}.character.completed{box-shadow:6px 6px 0 0 rgba(0,0,0,.5);border:solid 6px rgba(40,2,172,.5019607843)}.character.completed img{opacity:.33}.character.completed .overlay{display:block}#gameModal{display:none;position:fixed;z-index:50;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(245,238,230,.8941176471)}#gameModalContainer{padding-top:150px;padding-bottom:100px;display:grid;gap:15px;grid-template-columns:2fr 4fr;z-index:70}#profile{overflow:hidden;grid-column:1;max-height:300px}#profile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.window{display:flex;flex-direction:column}#question{grid-column:2/span 2}#questionText{padding-bottom:7.5px}br{content:"";margin:4em;display:block;font-size:24%}.header{background-color:#1b18be;color:#ddd;text-align:center;font-weight:bold;padding:5px 5px 10px;font-family:"8-bit";font-size:20px;text-shadow:2px 2px 0px #000}#success,#failure,#complete{grid-column:1/span 3;width:66.6666666667%;justify-self:center;display:none}#complete{width:100%}#failure{border-color:#000}#failure .header{background-color:#000}#complete{border-color:#ddd;background-color:#1b18be;color:#ddd}#complete p{text-align:center;margin:auto}#complete .header{background-color:#1b18be;color:#ddd;font-size:40px;padding-bottom:0px;text-shadow:none}#complete button{background-color:#ddd;color:#1b18be;border:none}p{text-align:left;font-weight:bold}.answers{margin-top:auto}.answers button{margin:7.5px;text-transform:uppercase}.messageContent{display:flex;-moz-column-gap:15px;column-gap:15px;justify-content:space-between;padding:7.5px}.messageContent img{width:33%;height:auto;max-width:150px;-o-object-fit:cover;object-fit:cover}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 20px, 0)}to{opacity:1;transform:translateZ(0)}}header{padding:0px;display:flex;flex-direction:row;justify-content:space-between;height:84px;background-color:none !important;background-image:url("../media/images/ui/top-left1.png"),url("../media/images/ui/top-right1.png"),url("../media/images/ui/bg1.png");background-position:left top,right top,top;background-repeat:no-repeat,no-repeat,repeat-x;background-size:contain,contain,contain}header img{margin:auto}footer{padding:0px;display:flex;flex-direction:row;justify-content:center;height:84px;background-color:none !important;background-image:url("../media/images/ui/bottom-left1.png"),url("../media/images/ui/bottom-right1.png"),url("../media/images/ui/bg-bottom1.png");background-position:left bottom,right bottom,bottom;background-repeat:no-repeat,no-repeat,repeat-x;background-size:contain,contain,contain}footer a{margin:auto;margin-top:44px;font-weight:bold;color:#f5eee6;text-decoration:none;font-family:"8-bit";font-size:24px}.character:nth-child(1){animation-delay:0s}.character:nth-child(2){animation-delay:.1s}.character:nth-child(3){animation-delay:.2s}.character:nth-child(4){animation-delay:.3s}.character:nth-child(5){animation-delay:.4s}.character:nth-child(6){animation-delay:.5s}.character:nth-child(7){animation-delay:.6s}.character:nth-child(8){animation-delay:.7s}#intro{height:100%;width:100%;position:absolute;z-index:200;display:flex}#intro button{margin:auto !important;position:absolute !important;top:50%;left:50%;transform:translate(-50%, -50%);width:200px}.disablePointer{pointer-events:none}#intro .left,#intro .right{background-color:#1b18be;height:100%;width:50%;display:inline-flex;transition:transform 1s cubic-bezier(0.71, 0.01, 0.34, 0.99)}body.begin #intro .left{transform:translateX(-100%)}body.begin #intro .right{transform:translateX(100%)}#outro{height:100%;width:100%;position:absolute;display:none}#outro .left,#outro .right{background-color:#1b18be;height:100%;width:50%;display:inline-flex;transition:transform 1s cubic-bezier(0.71, 0.01, 0.34, 0.99)}#outro .left{transform:translateX(-100%)}#outro .right{transform:translateX(100%)}body.end #outro{display:flex}body.end #outro .left{transform:translateX(0%)}body.end #outro .right{transform:translateX(0%)}#effects{position:absolute;width:100%;height:100%;bottom:0;z-index:60;transform:translateY(calc(-100% - 200px));transition:transform 1s cubic-bezier(0.71, 0.01, 0.34, 0.99)}#effects.failure{transform:translateY(0%);background:#292926}#effects.success{transform:translateY(0%);background:#6c7bb2}#effects.failure::after{content:"";position:absolute;left:0;right:0;bottom:-249px;height:250px;background-image:url("../media/images/ui/blood.png");background-size:auto 100%}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0, calc(-100% - 60px), 0)}}#moreInfo{font-style:italic}#profileName{display:none}#profileContent{height:auto}@media(max-width: 480px){header{background-image:url("../media/images/ui/bg1.png");background-position:top;background-repeat:repeat-x;background-size:contain}footer{background-image:url("../media/images/ui/bg-bottom1.png");background-position:top;background-repeat:repeat-x;background-size:contain}#characterGrid{grid-template-columns:repeat(2, 1fr)}h1{font-size:28px}#gameModalContainer{grid-template-columns:1fr}#profile,#question{grid-column:1/-1}#gameModalContainer{padding-top:140px;padding-bottom:100px;margin-left:0;margin-right:0;width:100%}#profileContent{display:flex;height:50px}#profileImage{position:absolute;width:60px !important;height:60px !important}#profileName{display:block;text-transform:uppercase;font-size:20px;padding:10px;text-align:center;margin:auto;font-size:24px}.messageContent{padding-bottom:0px}#success,#failure,#complete{width:auto}#complete .header{font-size:28px}}.noOverflow{overflow:hidden !important}.cc-allow{color:#ddd !important}.cc-banner .cc-message,.cc-btn{font-family:"8-bit",monospace;letter-spacing:0;line-height:1}.cc-window.cc-banner{padding:.1em .1em .1em .6em !important}