@import url(https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300;400;500;600;700&display=swap);:where(html){line-height:1.15}:where(h1){-webkit-margin-after:.67em;-webkit-margin-before:.67em;font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){-webkit-margin-after:0;-webkit-margin-before:0;margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:initial;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:initial}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}@font-face{font-family:EmotionEngine;src:url(/photo-tag/static/media/EmotionEngine.808f149f44adb750e7f4.ttf)}:root{--primary:snow;--secondary:#2c2c2c;--background-primary:radial-gradient(circle farthest-corner at 10% 20%,#2d5ba0 0%,#6cb6a1 81.3%);--background-header:radial-gradient(circle farthest-corner at 10% 20%,#000 0%,#1e1e1e 81.3%);--hover:#fa6865;--color1:#40df9c;--color2:#fa6865;--color3:#7cb1e7;--font-1:"Chakra Petch",sans-serif;--font-2:"EmotionEngine";--font-3:"Courier New",monospace}*{box-sizing:border-box;margin:0;padding:0}li,ul{list-style:none}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}body{background-image:radial-gradient(circle farthest-corner at 10% 20%,#2d5ba0 0,#6cb6a1 81.3%);background-image:var(--background-primary);color:snow;color:var(--primary);font-family:Chakra Petch,sans-serif;font-family:var(--font-1);min-height:100vh;overflow-x:hidden;position:relative;-webkit-user-select:none;user-select:none}.header{align-items:center;background-image:radial-gradient(circle farthest-corner at 10% 20%,#000 0,#1e1e1e 81.3%);background-image:var(--background-header);display:flex;height:75px;justify-content:space-between;padding:1rem 10vw}.header .logo{color:#7cb1e7;color:var(--color3);font-family:EmotionEngine;font-family:var(--font-2);font-size:2.5rem;letter-spacing:.25rem}.header .logo .word{color:#fa6865;color:var(--color2);font-size:1.75rem}.header .logo img{display:inline-block;height:20px;-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}.header .nav-links{color:#7cb1e7;color:var(--color3);display:flex;gap:2.5rem}.header .nav-links a{padding:.25rem;transition:color .25s ease-in-out}.header .active,.header .nav-links a:hover{color:#fa6865;color:var(--color2)}.main{display:flex;flex-direction:column;justify-content:center;min-height:calc(92.5vh - 75px);padding-bottom:5rem}.main h1{padding:2rem;text-align:center}.main .scenes{display:flex;gap:1rem;justify-content:center}.main .scenes a{border:none;border-radius:1rem;cursor:pointer;overflow:hidden;transition:scale .25s ease-in-out;width:clamp(100px,15vw,200px)}.main .scenes a img{height:100%;width:100%}.main .scenes a:hover{scale:1.025}.game{background-image:radial-gradient(circle farthest-corner at 10% 20%,#000 0,#1e1e1e 81.3%);background-image:var(--background-header);overflow:hidden;position:relative}.game .game-img{cursor:crosshair;margin-bottom:-5px;width:100%}.game .fixed{border:1px dashed #7cb1e7;border:1px dashed var(--color3);border-radius:.75rem;opacity:.25;padding:1rem;position:fixed;right:0;scale:.75;top:3rem;transition:all .25s ease-in-out}.game .fixed:hover{background-image:radial-gradient(circle farthest-corner at 10% 20%,#000 0,#1e1e1e 81.3%);background-image:var(--background-header);border:none;opacity:1;scale:1.25;-webkit-transform:translate(-5rem,5rem);transform:translate(-5rem,5rem)}.game .fixed h1{color:#7cb1e7;color:var(--color3);font-family:EmotionEngine;font-family:var(--font-2);letter-spacing:.25rem;text-align:center}.game .fixed h1 .word{color:#fa6865;color:var(--color2);font-size:1rem}.game .fixed .characters{display:flex;flex-direction:column;gap:1rem;padding:1rem}.game .fixed .characters img{border-radius:50%;height:100px;transition:all .25s ease-in-out;width:100px}.game .fixed .characters img:hover{scale:1.5}.game .fixed .characters li{align-items:center;display:flex;flex-direction:column;gap:1rem}.game .fixed .timer{padding:1rem;text-align:center}.game .fixed .timer span{color:#fa6865;color:var(--hover);font-family:Courier New,monospace;font-family:var(--font-3);font-size:1.5rem;font-weight:700}.game .fixed .timer:after{content:"seconds passed.";padding-left:.5rem}.game .dropdown{position:absolute}.game .dropdown ul{background-image:radial-gradient(circle farthest-corner at 10% 20%,#000 0,#1e1e1e 81.3%);background-image:var(--background-header);border-radius:0 .75rem .75rem .75rem;display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.5rem}.game .dropdown ul li{cursor:pointer;transition:color .25s ease-in-out}.game .dropdown ul li:hover{color:#fa6865;color:var(--hover)}.leaderboard{min-height:calc(92.5vh - 75px)}.leaderboard .scenes-wrapper{padding:5rem 0}.leaderboard h1{padding:1.5rem 0;text-align:center}.leaderboard .scenes{display:flex;gap:1rem;justify-content:center}.leaderboard .scenes button{border:none;border-radius:1rem;cursor:pointer;overflow:hidden;transition:scale .25s ease-in-out;width:clamp(75px,10vw,150px)}.leaderboard .scenes button img{height:100%;width:100%}.leaderboard .scenes button:hover{scale:1.025}.leaderboard .leaderboard-data h1{letter-spacing:.5rem;text-transform:uppercase}.leaderboard .leaderboard-data table{border-collapse:collapse;border-radius:.75rem;box-shadow:0 0 20px rgba(0,0,0,.1);margin:auto auto 1rem;overflow:hidden}.leaderboard .leaderboard-data td,.leaderboard .leaderboard-data th{background-color:hsla(0,0%,100%,.25);color:#2c2c2c;color:var(--secondary);padding:1rem}.leaderboard .leaderboard-data th{text-align:left}.leaderboard .leaderboard-data th:nth-child(2){width:50vw}.leaderboard .leaderboard-data thead{background-image:radial-gradient(circle farthest-corner at 10% 20%,#2d5ba0 0,#6cb6a1 81.3%);background-image:var(--background-primary)}.leaderboard .leaderboard-data tbody tr:hover{background-color:hsla(0,0%,100%,.3)}.leaderboard .leaderboard-data tbody td{position:relative}.leaderboard .leaderboard-data tbody td:hover:before{background-color:hsla(0,0%,100%,.2);bottom:-9999px;content:"";left:0;position:absolute;right:0;top:-9999px;z-index:-1}.leaderboard .leaderboard-data tbody td:first-child{font-weight:700;text-align:right}.modal{align-items:center;background-image:radial-gradient(circle farthest-corner at 10% 20%,#000 0,#1e1e1e 81.3%);background-image:var(--background-header);border-radius:.75rem;display:flex;flex-direction:column;gap:2rem;justify-content:center;left:50%;min-height:50vh;padding:1rem;position:fixed;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50vw;z-index:50}.modal h1{color:#fa6865;color:var(--color2)}.modal h2{font-weight:400}.modal h2 span{color:#fa6865;color:var(--hover);font-family:Courier New,monospace;font-family:var(--font-3);font-weight:700}.modal form{align-items:center;display:flex;flex-direction:column;gap:1rem}.modal form .input{background-color:rgba(106,0,0,.1);border:1px dashed #7cb1e7;border:1px dashed var(--color3);border-radius:.75rem;color:#7cb1e7;color:var(--color3);min-width:200px;padding:.5rem 1rem;transition:all .25s ease-in-out;width:25vw}.modal form .input:hover{scale:1.1}.modal .btn{background-color:inherit;border:1px dashed #7cb1e7;border:1px dashed var(--color3);border-radius:.75rem;color:#7cb1e7;color:var(--color3);cursor:pointer;padding:.5rem 2rem;transition:all .25s ease-in-out}.modal .btn:hover{color:#fa6865;color:var(--hover)}.modal .close-btn{border:none;position:absolute;right:0;top:.5rem}.modal .close-btn:after{content:"x";font-size:1.5rem}.modal .starter-characters img{border-radius:50%;height:100px;width:100px}.modal .starter-characters li{align-items:center;color:#7cb1e7;color:var(--color3);display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem}.modal .countdown{color:#7cb1e7;color:var(--color3);font-size:3rem}.footer{background-image:radial-gradient(circle farthest-corner at 10% 20%,#000 0,#1e1e1e 81.3%);background-image:var(--background-header);display:flex;height:7.5vh;justify-content:center}.footer .about{align-items:center;display:flex}.footer .github-icon{height:25px;padding:0 10px;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.footer .github-icon:hover{-webkit-transform:rotate(1turn);transform:rotate(1turn)}.footer a{color:#7cb1e7;color:var(--color3);transition:color .2s ease-in-out}.footer a:hover{color:#fa6865;color:var(--hover)}.snackbar{-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s;background-image:radial-gradient(circle farthest-corner at 10% 20%,#000 0,#1e1e1e 81.3%);background-image:var(--background-header);border-radius:.5rem;bottom:10vh;left:50%;min-width:250px;padding:1rem 2rem;position:fixed;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10}.snackbar .error{color:#fa6865;color:var(--color2)}.snackbar .success{color:#40df9c;color:var(--color1)}.disabled{pointer-events:none}.hidden{visibility:hidden}.text-shadow{text-shadow:1px 1px 5px #000}.crossed{opacity:.5;text-decoration:line-through}.not-found{align-items:center;display:flex;flex-direction:column;gap:1rem;height:84.4vh;justify-content:center}.not-found .error-code{color:darkred;font-size:5rem}.not-found a{color:#add8e6;font-size:1.25rem}.not-found a:hover{color:#181818}.spinner{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:8px solid #2c2c2c;border-top:8px solid snow;border:8px solid var(--secondary);border-radius:50%;border-top-color:var(--primary);height:40px;margin:auto;width:40px}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background-color:#252525}::-webkit-scrollbar-thumb{background-color:#7cb1e7;background-color:var(--color3);border-radius:2px}::-webkit-scrollbar-thumb:hover{background-color:#fa6865;background-color:var(--hover)}@-webkit-keyframes fadein{0%{bottom:0;opacity:0}to{bottom:10vh;opacity:1}}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:10vh;opacity:1}}@-webkit-keyframes fadeout{0%{bottom:10vh;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{0%{bottom:10vh;opacity:1}to{bottom:0;opacity:0}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media(max-width:650px){.header{gap:.5rem;padding:1.25rem}.header .nav-links{font-size:.75rem;gap:.5rem;padding-top:.25rem}.header .logo{white-space:nowrap}.header .logo img{display:none}.main h1{font-size:1.5rem}.main .scenes{gap:.25rem;margin-inline:1rem}.leaderboard h1{font-size:1.5rem}.leaderboard .scenes{gap:.25rem;margin-inline:1rem}.footer{font-size:.75rem}.modal{gap:1rem;min-width:250px}.modal h1,.modal h2{font-size:1rem}.modal h3{font-size:.75rem}.modal form{gap:.5rem}.modal form .input{min-width:200px;width:25vw}.modal form .input:hover{scale:1.1}.modal .starter-characters img{height:50px;width:50px}.modal .starter-characters li{font-size:.75rem;gap:.3rem}.modal .countdown{font-size:2rem}.game .fixed{right:-6rem;scale:.33;top:-6rem}.game .fixed:hover{scale:.5}.game .dropdown ul{font-size:6px;padding:.5rem .75rem}}
/*# sourceMappingURL=main.dbee210f.css.map*/