*{box-sizing:border-box}html,body,app-root,app-home,app-leaderboard,app-suggestions{min-height:100vh;min-width:100%;margin:0;padding:0}.app-root,app-leaderboard{width:100vw}app-root{display:flex;justify-content:center}body,app-home,app-leaderboard,app-chatrules,app-suggestions{background-color:#191919;font-family:IBM Plex Mono,monospace;display:flex;justify-content:center;align-items:center;flex-direction:column}h1,h2,h3,h4,h5,h6,p,i,b,button{color:#fff;font-family:IBM Plex Mono,monospace;white-space:pre;text-wrap:wrap}li{color:#fff;font-family:IBM Plex Mono,monospace}button{height:20px;border:none;padding:10px;box-sizing:unset}a{color:#fff;text-decoration:none}.input-field{background-color:#323232;outline:none;padding:15px;border-radius:10px;width:200px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:3px solid rgba(50,50,50,.7);font-family:IBM Plex Mono,monospace;color:#fff}textarea.input-field{width:400px;height:200px}.std-button{background-color:#323232;outline:none;padding:15px;border-radius:10px;width:200px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:3px solid rgba(75,75,75,.7);font-family:IBM Plex Mono,monospace;color:#fff;transition:.25s ease all}.std-button-accent{background-color:#5a0000}.std-button-accent:hover{background-color:#780000;font-size:14px}.animated-overlay{position:fixed;inset:0;background-color:#000;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);z-index:1001;display:flex;justify-content:center;align-items:center}.anim-overlay{animation:anim-overlay 1s ease-in-out forwards}.anim-overlay-element{animation:anim-overlay-element 1s ease-in-out forwards}.animated-overlay-element{opacity:1;max-width:100%}.container{width:90%}.center-container{width:90vw;min-height:90vh;display:flex;justify-content:center;margin-top:100px}.home-container{width:90%;margin-top:100vh;z-index:2}.glow-sample{background-color:#32323280;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:15px;border:3px solid rgba(50,50,50,.7)}.base-width{width:100%}.base-padding{padding:30px}.header-container{width:95%;display:flex;justify-content:center;position:fixed;padding:20px;z-index:1000}header{height:75px;width:50%;display:flex;align-items:center;justify-content:space-around;background-color:#32323233;border-radius:15px;contain:content}.header-anim-stretch{animation:header-stretch .5s ease-out forwards}.header-anim-stretch-reverse{animation:header-stretch .5s ease-out reverse forwards}.header-link{font-size:20px}@media (min-width: 1000px){@keyframes header-stretch{0%{width:50%}50%{width:62.5%}to{width:60%}}}@media (max-width: 600px){.header-link-hidden{display:none}header{flex-direction:column}.header-logo{height:75px}@keyframes header-stretch{50%{height:220px}to{height:200px}}}@media (max-width: 1000px){header{width:90%}}@media (min-width: 600px){.header-logo{height:100%}}.guide{contain:content;transition:height 1.5s ease}.guide-container{display:flex;justify-content:space-between;align-items:center;width:100%}.show-guide-button{display:none}.title-container{display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;height:100vh;margin-bottom:100px;background-image:linear-gradient(#0006,#0006),url(/screenshot-1.png);background-size:cover;position:fixed;inset:0}.title-block{display:flex;justify-content:space-between;align-items:center;padding:100px}.title-overlay{position:absolute;inset:0;z-index:1;background-color:#0000;pointer-events:none}.title-left-block-container{width:45%}@media (max-width: 1500px){.title-left-block-container{width:80%}}@media (max-width: 1200px){.title-left-block-container{width:100%}.title-block{margin-top:50px;padding:0;align-items:center;justify-content:center}}.title-screenshot{width:100%;border-radius:15px}.social-block{padding:15px;display:flex;justify-content:center;gap:50px;flex-wrap:wrap;margin:50px 0 0}.social-logo{height:100px}@keyframes header-disappears{to{transform:translateY(-75px)}}@keyframes anim-overlay{to{background-color:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);display:none}}@keyframes anim-overlay-element{to{opacity:0}}.animation-header-disappears{animation:header-disappears .5s forwards}.animation-header-disappears-reverse{animation:header-disappears .5s reverse forwards}