@import"https://fonts.googleapis.com/css2?family=Saira+Stencil+One&display=swap";#root{margin:0 auto;text-align:center;width:100%;height:100%;min-height:100vh;position:relative}.grid{max-width:1600px;margin:0 auto}header{display:flex;justify-content:space-between;width:100%;background-color:#000;align-items:center}.logo{font-size:4vmin;font-family:Saira Stencil One,cursive;text-transform:uppercase;font-display:swap;margin-left:40px}.header-right{display:flex;flex-direction:row;margin-left:20px;width:200px;align-items:center;justify-content:space-around}.score{margin-right:20px;width:100px}.tools{margin-top:8px;display:flex;width:150px;justify-content:space-around}.volume{cursor:pointer}.grid img{cursor:pointer;padding:10px;background:#1e1919;margin:10px}@media only screen and (max-width: 799px){.grid img{max-width:100px}}.new-game-button{margin:0 auto;position:relative;z-index:999;opacity:.7}.new-game-button:hover{opacity:1}.letter-pickers{display:flex;margin:40px auto 20px;justify-content:center}.letter{display:flex;flex-direction:column;margin-right:10px}.letter button{margin:10px 0}.titleScreen{position:relative;min-height:100vh;background-image:url(/cagematch_assets/images/title-screen.jpg);background-size:cover;background-position:center bottom;background-repeat:no-repeat;opacity:.7}.jt{position:relative;font-size:12vmin;font-family:Saira Stencil One,cursive;text-transform:uppercase;text-shadow:0 0 10px #75d2ee;top:50px}.jt__row{display:block;width:100%;text-align:center}.jt__row:nth-child(1){clip-path:polygon(-10% 75%,110% 75%,110% 110%,-10% 110%)}.jt__row:nth-child(2){clip-path:polygon(-10% 50%,110% 50%,110% 75.3%,-10% 75.3%)}.jt__row:nth-child(3){clip-path:polygon(-10% 25%,110% 25%,110% 50.3%,-10% 50.3%)}.jt__row:nth-child(4){clip-path:polygon(-10% 0%,110% 0%,110% 25.3%,-10% 25.3%)}.jt__row.jt__row--sibling{position:absolute;top:0;left:0;-webkit-user-select:none;user-select:none}.jt__text{display:block;transform-origin:bottom left;animation:moveIn 8s 0s cubic-bezier(.36,0,.06,1) alternate infinite}.jt__row:nth-child(1) .jt__text{transform:translateY(-.1em)}.jt__row:nth-child(2) .jt__text{transform:translateY(-.3em) scaleY(1.1)}.jt__row:nth-child(3) .jt__text{transform:translateY(-.5em) scaleY(1.2)}.jt__row:nth-child(4) .jt__text{transform:translateY(-.7em) scaleY(1.3)}.jt__row:nth-child(5) .jt__text{transform:translateY(-.9em) scaleY(1.4)}.jt__row:nth-child(6) .jt__text{transform:translateY(-1.1em) scaleY(1.5)}.enter{text-align:center;font-size:2rem;margin:60px 0 0}.fullscreen{background-size:cover;background-position:top -150px right 50%;background-repeat:no-repeat;height:80vh;min-height:100%;opacity:.7}.delayed-display{animation:delayit 8s linear;animation-iteration-count:1;cursor:pointer;opacity:.6;z-index:111;position:relative}.delayed-display span{color:#267d26}.delayed-display:hover{opacity:1}.caged{animation:caged 20s ease-in-out;animation-iteration-count:1;animation-fill-mode:forwards;position:absolute;left:45%;top:35%;z-index:-1}.high-score-form{background-color:#000;padding:20px 40px 60px;width:450px;margin:20px auto 0}.streak-container{width:100%;display:flex;position:absolute}.streak{width:480px;margin:300px auto 0;background:#000;border:3px solid #fff;animation:fadeIt 2s ease-out;opacity:0;z-index:555}.streak h1{font-size:2em}.hidden{display:none}.eye{cursor:pointer;margin:4px 0 0;opacity:.5;z-index:777;animation:blinky 5s linear}.eye:hover{opacity:.8}.high-score-container{width:100%;display:flex;justify-content:center}.high-scores{width:50%;display:flex;flex-direction:column;position:absolute;top:450px;background:#00000080;padding:30px 50px 50px;opacity:0;animation:highLoop 20s infinite;animation-delay:3s;z-index:2}@keyframes highLoop{0%,to{opacity:.3}15%,60%{opacity:.5}30%,45%{opacity:.7}10%,20%,50%,70%{opacity:.9}}@keyframes blinky{0%,15%,30%,60%,to{opacity:.5}10%,20%,50%,70%{opacity:1}}@keyframes fadeIt{0%,40%{opacity:1}to{opacity:0}}@keyframes moveIn{50%,to{transform:translateY(0)}0%{opacity:0;filter:blur(10px)}22%{opacity:.8}23%{opacity:1}24%{opacity:.5}25%{opacity:1}32%{opacity:.9}33%{opacity:.5}34%{opacity:.8}35%{opacity:1}36%{opacity:.7}37%{opacity:1}40%{opacity:.8}45%{opacity:.6}50%{opacity:.8}55%{opacity:.6}60%{opacity:.8}65%{opacity:.6}68%{opacity:.8}to{opacity:1;filter:blur(0px)}}@keyframes delayit{0%,30%{opacity:0}40%{opacity:.7}60%{opacity:.3}80%{opacity:.8}80%{opacity:.2}to{opacity:1}}@keyframes caged{0%{transform:scale(1)}to{transform:scale(18)}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}