:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#0a0a0ade;background-color:red;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;pointer-events:none}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;background-color:#e6e6fa}h1{font-size:3.2em;line-height:1.1}.button-19{-webkit-appearance:button;-moz-appearance:button;appearance:button;background-color:#8e8ef9;border:solid transparent;border-radius:16px;border-width:0 0 4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:din-round,sans-serif;font-size:2em;font-weight:700;letter-spacing:.8px;line-height:20px;margin:0;outline:none;overflow:visible;padding:1em;text-align:center;text-transform:uppercase;touch-action:manipulation;transform:translateZ(0);transition:filter .2s;user-select:none;-webkit-user-select:none;vertical-align:middle;white-space:nowrap;width:100%}.name-box{width:100%;font-size:3em;border-radius:.5em;padding:.3em;margin-top:20%;margin-bottom:20%}.button-19:after{background-clip:padding-box;background-color:#8e8ef9;border:solid transparent;border-radius:16px;border-width:0 0 4px;bottom:-4px;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.button-19,.button-19:focus{-webkit-user-select:auto;user-select:auto}.button-19:hover:not(:disabled){filter:brightness(1.1);-webkit-filter:brightness(1.1)}.button-19:disabled{cursor:auto}.button-19:active{border-width:4px 0 0;background:none}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}#buttons{display:flex;flex-direction:column;gap:1rem;align-items:center}#leaderboard{background-color:#ff6565}#leaderboard:after{background-color:#ff6565}#tutorial{background-color:gray}#tutorial:after{background-color:gray}h1{font-size:5em}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.name-box{transform:translateY(-100px)}.home-button{background-color:#8e8ef9;border:solid transparent;border-radius:16px;border-width:0 0 4px;width:400px;height:70px;font-size:36px;position:absolute;left:40%;top:60%;z-index:0}#home-button-tutorial{background-color:#8e8ef9;border:solid transparent;border-radius:16px;border-width:0 0 4px;width:400px;height:70px;font-size:36px;position:absolute;left:40%;top:70%;z-index:0}#home-button-tutorial:hover{scale:1.2;transition:scale .2s}._buttonContainer_12ea9_3{bottom:20px;display:flex;gap:15px;justify-content:center;width:100%;margin-top:auto;padding-bottom:20px;transform:translate(-30%);background-color:#e6e6fa}._Buttonlayout_12ea9_16{-webkit-appearance:button;-moz-appearance:button;appearance:button;background-color:#5a5a5a;border:solid transparent;border-radius:16px;border-width:0 0 4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:din-round,sans-serif;font-size:15px;font-weight:700;letter-spacing:.8px;line-height:20px;margin:0;outline:none;overflow:visible;padding:13px 16px;text-align:center;text-transform:uppercase;touch-action:manipulation;transform:translateZ(0);transition:filter .2s;user-select:none;-webkit-user-select:none;vertical-align:middle;white-space:nowrap;width:30%}._Buttonlayout_12ea9_16:after{background-clip:padding-box;background-color:#7b7b7b;border:solid transparent;border-radius:16px;border-width:0 0 4px;bottom:-4px;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}._Buttonlayout_12ea9_16,._Buttonlayout_12ea9_16:focus{-webkit-user-select:auto;user-select:auto}._Buttonlayout_12ea9_16:hover:not(:disabled){filter:brightness(1.1);-webkit-filter:brightness(1.1)}._Buttonlayout_12ea9_16:disabled{cursor:auto}._Buttonlayout_12ea9_16:active{border-width:4px 0 0;background:none}._displaySection_12ea9_81{display:flex;height:100vh;width:100vh;background-color:#e6e6fa;align-content:center}._textContainer_12ea9_89{justify-content:center;align-content:center;transform:translate(80%);margin-bottom:30px}._textEntry_12ea9_96{padding:10px;text-transform:capitalize;background-color:#fff;outline:auto;color:#000;width:80%;max-width:500px;box-shadow:0 4px 6px #7b7b7b;margin:10px 0}._section_12ea9_108{display:grid;place-items:center;background-color:#e6e6fa}#games{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:16px}.game-outcome{font-size:4em}#return-to-lobby-button-lost{font-size:48px;padding:1% 3% 3%;border-radius:10px;border-width:0px;background-color:#ff0000c5}#return-to-lobby-button-lost:hover{scale:1.1}#return-to-lobby-button-lost:active{scale:1.2}#return-to-lobby-button-won{font-size:48px;padding:1% 3% 3%;border-radius:10px;border-width:0px;background-color:#45ed2bc5;animation:rainbow 5s linear infinite}#return-to-lobby-button-won:hover{scale:1.1;transition:scale .1s ease;animation:rainbow 1s linear infinite}#return-to-lobby-button-won:active{scale:1.2}#game-outcome-container{width:500px}@keyframes rainbow{0%{background-color:red}16%{background-color:orange}32%{background-color:#ff0}48%{background-color:green}64%{background-color:#00f}80%{background-color:indigo}to{background-color:violet}}.row{display:flex;flex-direction:row;justify-content:center;align-items:center}.cell{width:50px;height:50px;background-color:#d4d4fa;border-radius:.5em;margin:.1em;padding:.2em;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:500;text-decoration:inherit;transition:background-color .3s}.cell:hover{background-color:#c4c4ea}.cell img{width:100%;height:100%}.modifier-symbol-top{position:absolute;transform:translateY(-29px) rotate(90deg);transform-origin:center center}.modifier-symbol-left{position:absolute;transform:translate(-29px)}.modifier-symbol-right{position:absolute;transform:translate(29px)}.modifier-symbol-bottom{position:absolute;transform:translateY(29px) rotate(90deg);transform-origin:center center}.play-icon{pointer-events:none;color:#00f}.pause-icon{pointer-events:none;color:red}.filled{background-color:gray}.emptycell{background-color:#fff}.otherboard{scale:.7;pointer-events:none}.player-name{font-size:2em;margin-bottom:1em}.lobby-listing{border-radius:.5em;width:100%;font-size:2em;list-style-type:none;margin-bottom:.4em;background-color:#cfcfff;padding:.2em}.create-lobby-button{margin-top:10%}#leaderboard-page-fix{position:absolute;left:0;top:0;width:100%;height:100%}#leaderboard-page-fix-inner{display:flex;flex-direction:column;align-items:center;height:100%}#leaderboard-top-thingy{margin-top:3%;background-color:#785716;height:35px;width:70%;border-radius:10px}#leaderboard-container{background-color:#f3b86f75;width:60%;height:70%}#leaderboard-title{display:inline-block;margin-top:2%;font-size:42px}#leaderboard-entry-master-container{padding-top:1%;padding-bottom:1%;height:80%;overflow-y:auto;overflow-x:hidden}.leaderboard-entry-container{display:flex;background-color:#b69b65;padding:.5% 1%;margin-top:1%;margin-bottom:1%;width:90%;margin-left:5%;border-radius:10px}.leaderboard-entry-text{font-size:24px;color:#fff}#leaderboard-entry-name{margin-left:13%}#leaderboard-entry-wins{margin-left:35%}#leaderboard-entry-losses{margin-left:8%}@keyframes firework{0%{transform:translate(var(--x),var(--initialY));width:var(--initialSize);opacity:1}50%{width:.5vmin;opacity:1}to{width:var(--finalSize);opacity:0}}.firework,.firework:before,.firework:after{--initialSize: .5vmin;--finalSize: 45vmin;--particleSize: .2vmin;--color1: rgb(255, 0, 0);--color2: rgb(255, 230, 0);--color3: rgb(0, 0, 0);--color4: lime;--color5: rgb(0, 238, 255);--color6: mediumseagreen;--y: -30vmin;--x: -50%;--initialY: 60vmin;content:"";animation:firework 2s infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,var(--y));width:var(--initialSize);aspect-ratio:1;background:radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 50% 0%,radial-gradient(circle,var(--color2) var(--particleSize),#0000 0) 100% 50%,radial-gradient(circle,var(--color3) var(--particleSize),#0000 0) 50% 100%,radial-gradient(circle,var(--color4) var(--particleSize),#0000 0) 0% 50%,radial-gradient(circle,var(--color5) var(--particleSize),#0000 0) 80% 90%,radial-gradient(circle,var(--color6) var(--particleSize),#0000 0) 95% 90%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 90% 70%,radial-gradient(circle,var(--color2) var(--particleSize),#0000 0) 100% 60%,radial-gradient(circle,var(--color3) var(--particleSize),#0000 0) 55% 80%,radial-gradient(circle,var(--color4) var(--particleSize),#0000 0) 70% 77%,radial-gradient(circle,var(--color5) var(--particleSize),#0000 0) 22% 90%,radial-gradient(circle,var(--color6) var(--particleSize),#0000 0) 45% 90%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 33% 70%,radial-gradient(circle,var(--color2) var(--particleSize),#0000 0) 10% 60%,radial-gradient(circle,var(--color3) var(--particleSize),#0000 0) 31% 80%,radial-gradient(circle,var(--color4) var(--particleSize),#0000 0) 28% 77%,radial-gradient(circle,var(--color5) var(--particleSize),#0000 0) 13% 72%,radial-gradient(circle,var(--color6) var(--particleSize),#0000 0) 80% 10%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 95% 14%,radial-gradient(circle,var(--color2) var(--particleSize),#0000 0) 90% 23%,radial-gradient(circle,var(--color3) var(--particleSize),#0000 0) 100% 43%,radial-gradient(circle,var(--color4) var(--particleSize),#0000 0) 85% 27%,radial-gradient(circle,var(--color5) var(--particleSize),#0000 0) 77% 37%,radial-gradient(circle,var(--color6) var(--particleSize),#0000 0) 60% 7%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 22% 14%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 45% 20%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 33% 34%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 10% 29%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 31% 37%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 28% 7%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 13% 42%;background-size:var(--initialSize) var(--initialSize);background-repeat:no-repeat}.firework:before{--x: -50%;--y: -50%;--initialY: -50%;transform:translate(-50%,-50%) rotate(40deg) scale(1.3) rotateY(40deg)}.firework:after{--x: -50%;--y: -50%;--initialY: -50%;transform:translate(-50%,-50%) rotate(170deg) scale(1.15) rotateY(-30deg)}.firework:nth-child(2){--x: 30vmin}.firework:nth-child(2),.firework:nth-child(2):before,.firework:nth-child(2):after{--color1: pink;--color2: violet;--color3: fuchsia;--color4: orchid;--color5: plum;--color6: lavender;--finalSize: 40vmin;left:30%;top:60%;animation-delay:-.25s}.firework:nth-child(3){--x: -30vmin;--y: -50vmin}.firework:nth-child(3),.firework:nth-child(3):before,.firework:nth-child(3):after{--color1: rgb(11, 15, 247);--color2: rgb(61, 69, 227);--color3: rgb(97, 88, 230);--color4: rgb(25, 176, 176);--color5: rgb(125, 203, 233);--color6: lavender;--finalSize: 35vmin;left:70%;top:60%;animation-delay:-.4s}#easter-egg-img{position:absolute}#easter-egg-img{position:absolute;width:100px;animation:bounce-rotate 20s infinite linear}@keyframes bounce-rotate{0%{top:0%;left:0%;transform:rotate(0)}2.5%{top:20%;left:10%;transform:rotate(18deg)}5%{top:50%;left:30%;transform:rotate(36deg)}7.5%{top:40%;left:50%;transform:rotate(54deg)}10%{top:70%;left:20%;transform:rotate(72deg)}12.5%{top:60%;left:80%;transform:rotate(90deg)}15%{top:80%;left:30%;transform:rotate(108deg)}17.5%{top:20%;left:60%;transform:rotate(126deg)}20%{top:10%;left:80%;transform:rotate(144deg)}22.5%{top:50%;left:40%;transform:rotate(162deg)}25%{top:70%;left:70%;transform:rotate(180deg)}27.5%{top:30%;left:20%;transform:rotate(198deg)}30%{top:60%;left:50%;transform:rotate(216deg)}32.5%{top:40%;left:10%;transform:rotate(234deg)}35%{top:50%;left:80%;transform:rotate(252deg)}37.5%{top:10%;left:30%;transform:rotate(270deg)}40%{top:60%;left:20%;transform:rotate(288deg)}42.5%{top:50%;left:70%;transform:rotate(306deg)}45%{top:30%;left:40%;transform:rotate(324deg)}47.5%{top:70%;left:60%;transform:rotate(342deg)}50%{top:90%;left:50%;transform:rotate(360deg)}52.5%{top:20%;left:90%;transform:rotate(18deg)}55%{top:60%;left:10%;transform:rotate(36deg)}57.5%{top:50%;left:60%;transform:rotate(54deg)}60%{top:80%;left:40%;transform:rotate(72deg)}62.5%{top:10%;left:50%;transform:rotate(90deg)}65%{top:30%;left:70%;transform:rotate(108deg)}67.5%{top:80%;left:20%;transform:rotate(126deg)}70%{top:40%;left:10%;transform:rotate(144deg)}72.5%{top:50%;left:30%;transform:rotate(162deg)}75%{top:70%;left:90%;transform:rotate(180deg)}77.5%{top:30%;left:40%;transform:rotate(198deg)}80%{top:60%;left:80%;transform:rotate(216deg)}82.5%{top:50%;left:60%;transform:rotate(234deg)}85%{top:10%;left:30%;transform:rotate(252deg)}87.5%{top:80%;left:40%;transform:rotate(270deg)}90%{top:50%;left:50%;transform:rotate(288deg)}92.5%{top:30%;left:10%;transform:rotate(306deg)}95%{top:60%;left:90%;transform:rotate(324deg)}to{top:0%;left:0%;transform:rotate(360deg)}}._Frame_hzbne_1{height:100vh;width:100vw;position:relative}span{color:purple;font-size:10;font-weight:700}._container_hzbne_13{display:flex;justify-content:center;flex-direction:column;gap:20px}._buttonContainer_hzbne_20{bottom:50px;display:flex;gap:15px;justify-content:center;width:100%;margin-top:auto;padding-bottom:20px;transform:translate(-30%);background-color:purple}._container_hzbne_13{display:flex;flex-direction:column;gap:20px}._paragraph1_hzbne_38,._paragraph2_hzbne_38{margin-bottom:20px;font-size:20px}._Buttonlayout_hzbne_43{margin-top:20px}._Buttonlayout_hzbne_43{-webkit-appearance:button;-moz-appearance:button;appearance:button;background-color:#5a5a5a;border:solid transparent;border-radius:16px;border-width:0 0 4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:din-round,sans-serif;font-size:15px;font-weight:700;letter-spacing:.8px;line-height:20px;margin:0;outline:none;overflow:visible;padding:13px 16px;text-align:center;text-transform:uppercase;touch-action:manipulation;transform:translateZ(0);transition:filter .2s;user-select:none;-webkit-user-select:none;vertical-align:middle;white-space:nowrap;width:30%}._Buttonlayout_hzbne_43:after{background-clip:padding-box;background-color:#7b7b7b;border:solid transparent;border-radius:16px;border-width:0 0 4px;bottom:-4px;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}._Buttonlayout_hzbne_43,._Buttonlayout_hzbne_43:focus{-webkit-user-select:auto;user-select:auto}._Buttonlayout_hzbne_43:hover:not(:disabled){filter:brightness(1.1);-webkit-filter:brightness(1.1)}._Buttonlayout_hzbne_43:disabled{cursor:auto}._Buttonlayout_hzbne_43:active{border-width:4px 0 0;background:none}#imageBanner{position:absolute;width:350px;left:80%;top:35%;transition:left .5s ease,opacity .5s ease}#imageBanner-hidden{position:absolute;width:400px;left:150%;top:35%;opacity:0;transition:left .5s ease,opacity .5s ease}.paragraph1,.paragraph2{margin-bottom:20px;font-size:20px}.paragraph1:hover,.paragraph2:hover{scale:1.1;background-color:#d3d3eb}