:root{--text: #110804;--bg-color: #fcf6f2;--highlighted: #cf6e3f;--secondary: #c6e390}:root[data-theme=dark]{--text: #e3e6e8;--bg-color: #0d0f12;--highlighted: #09a520;--secondary: #4f46e5}*{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text)}body{background-color:var(--bg-color)}.form{display:flex;flex-direction:column;gap:.5rem}.back-icon:before{content:"← "}.back-icon:before{margin-left:0;margin-right:0;transition:margin .2s ease-in-out}header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:2px solid var(--highlighted)}@media screen and (max-width: 650px){header{flex-wrap:wrap;gap:1rem;justify-content:stretch}header button{width:calc(50% - .5rem)}header div{width:100%;display:flex;gap:1rem}}.back-icon:hover:before{margin-left:-.5rem;margin-right:.5rem}.game{box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px;border-radius:.5rem;padding:1rem;transition:box-shadow .1s ease-in-out}.game:hover{box-shadow:#3c4043b1 0 1px 2px,#3c404326 0 1px 3px 1px}.game h2{margin-top:0}.game button{width:100%}#games-list{display:flex;padding:1rem;gap:1rem;max-height:60vh;overflow-y:auto}.page-centered{max-width:50rem;width:100%;min-height:calc(100vh - 17rem);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto auto 0}.menu .title{font-size:4rem;text-align:center;margin:0;letter-spacing:.5rem;color:var(--highlighted)}.menu .subtitle{font-size:1.5rem;text-align:center;margin:0;margin-top:.5rem;letter-spacing:.2rem;color:var(--text);font-weight:400}button{background-color:var(--highlighted);color:var(--bg-color);border:none;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;font-weight:700;transition:scale .1s ease-in-out}button:hover{scale:1.01;box-shadow:#0003 0 3px 8px}input[type=radio]{width:1rem;height:1rem;accent-color:var(--highlighted);cursor:pointer}input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:var(--highlighted);cursor:pointer}.cookie-message{position:fixed;top:0;left:0;width:100vw;height:100vh;animation:spin 30s ease infinite alternate;display:flex;justify-content:center;align-items:center;font-size:2vw;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#ffffff26;z-index:1;pointer-events:none}.cookie-message:before{content:"YOUR SETTINGS WILL NOT BE SAVED BECAUSE YOU HAVE NOT ACCEPTED COOKIES";width:30em;text-align:center;animation:moveText 6s ease infinite alternate;color:#e21179;z-index:-1}@keyframes spin{0%{transform:rotateX(0) rotateY(0) rotate(0)}40%{transform:rotateY(0) rotateX(300deg)}50%{transform:rotateX(360deg)}to{transform:rotateX(0) rotate(720deg) rotateY(360deg)}}@keyframes moveText{0%{transform:rotate(120deg) translate(30vw) translateY(20vh)}30%{transform:translate(-25vw) translateY(-12vh)}50%{transform:rotate(210deg)}70%{transform:translate(10vw) translateY(6vh)}90%{transform:rotate(-90deg)}to{transform:translate(30vw) translateY(-10vw) rotate(0)}}[x-cloak]{display:none!important}.leaderboard-page{padding:1.5rem}@media screen and (max-width: 650px){.leaderboard-page{padding:.5rem}.leaderboard-table{font-size:.9rem!important}}.button-group{display:inline-flex;margin-bottom:1rem;& button{border-radius:0;background-color:transparent;border-style:solid solid solid none;border-color:var(--highlighted);border-width:1px;color:var(--text);&:hover{scale:1;box-shadow:none;background-color:#fff1}&:first-child{border-radius:.5rem 0 0 .5rem;border-left-style:solid}&:last-child{border-radius:0 .5rem .5rem 0}}}.button-group button.active{background-color:var(--highlighted);color:var(--bg-color)}table.leaderboard-table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:1.1rem}th,td{padding:.5rem;text-align:left;border-bottom:1px solid var(--highlighted)}th{font-weight:700}tr:hover{background-color:#0000000d}td:nth-child(2){max-width:15rem;text-overflow:ellipsis;overflow:hidden}:root[data-theme=dark] tr:hover{background-color:#ffffff0d}.duel-icon,.random-icon{width:1.4rem;height:auto;padding:.3rem;border-radius:.6rem;cursor:help;vertical-align:middle}.duel-icon{background:#e45}.random-icon{background:#67f}canvas{touch-action:none}@media screen and (max-width: 650px){canvas{width:100%!important;height:auto!important}}.tetris{position:relative}