@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";.result-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;width:100%;max-height:85%;overflow-y:scroll;background-color:#fff;align-items:center;padding-bottom:20px}.result-modal h3{font-size:20px;text-align:center}.result-modal .MuiButtonBase-root{align-self:flex-end}@media (min-width: 700px){.result-modal{width:40%}}.share-result{display:grid;grid-template-columns:repeat(4,1fr);row-gap:5px;margin-bottom:10px}.share-box{width:40px;height:40px;border-radius:5px}.red-button{background:var(--red-accent);border:1px solid var(--red-accent);color:#fff;font-family:"Press Start 2P";font-size:12px;height:fit-content;padding:10px 5px;border-radius:10px;-webkit-user-select:none;user-select:none}.red-button:disabled{background:var(--red-disabled);border:1px solid var(--red-disabled);color:var(--white-disabled)}.red-button:not(:disabled):hover{background:var(--red-hover);border:1px solid var(--red-hover)}.red-button:not(:disabled):active{transform:translateY(3px)}@media (min-width: 640px){.red-button{font-size:14px;padding:15px 10px}}.puzzle{display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;user-select:none}.solved{display:grid;grid-template-columns:1fr;grid-auto-rows:80px;gap:5px 0px;margin-bottom:5px;width:335px}.unsolved{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:80px;gap:5px 5px}.category-box p,.answer-box p{font-size:.35rem}img{image-rendering:pixelated;height:auto;-webkit-user-drag:none}.solved img{width:67px}.unsolved img{width:80px}@media (min-width: 640px){.solved{grid-auto-rows:100px;width:615px}.unsolved{grid-auto-rows:100px}.category-box p{font-size:.6rem}.answer-box p{font-size:.65rem}.answer-box{width:150px}.solved img{width:85px}.unsolved img{width:100px}}.category-box{text-align:center;border-radius:1em}.category-answers{display:flex;justify-content:space-evenly}.category-answer{display:flex;position:relative}.category-box .pokemon-name{position:absolute;transform:translate(-50%);left:50%;bottom:-5%;white-space:nowrap;border-radius:1em;background-color:#bdc2d6af;padding:9px 3px}.category-name{font-weight:600;margin:5px auto 0}.category-answer p{line-height:.1}.difficulty-1{background-color:#f9df6d}.difficulty-2{background-color:#a0c35a}.difficulty-3{background-color:#b0c4ef}.difficulty-4{background-color:#ba81c5}.answer-box{display:flex;position:relative;justify-content:center;border-radius:1em}.answer-box .pokemon-name{position:absolute;bottom:0;transform:translate(-50%);left:50%;z-index:2;border-radius:1em;background-color:#bdc2d6af;padding:6px 3px;white-space:nowrap}.selected{background-color:var(--answer-selected)}.not-selected{background-color:var(--answer-unselected)}.not-selected p{color:#000}.submit{animation:submit-animation 1s}@keyframes submit-animation{0%{transform:translateY(0);z-index:2}15%{transform:translateY(-10px);z-index:2}30%{transform:translateY(-20px);z-index:2}45%{transform:translateY(-10px);z-index:2}50%{transform:translateY(0);z-index:2}}.incorrect{animation:incorrect-animation .5s}@keyframes incorrect-animation{0%{transform:translate(0);background-color:#b9b8ab;z-index:2}25%{transform:translate(-10px);background-color:#b9b8ab;z-index:2}50%{transform:translate(10px);background-color:#b9b8ab;z-index:2}75%{transform:translate(-10px);background-color:#b9b8ab;z-index:2}}.toolbar{border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf}.toolbar-buttons{display:flex;justify-content:flex-end;align-items:center;max-width:800px;margin:0 auto}.toolbar-buttons button{border:none;background-color:#fff;padding:10px}.toolbar-buttons button:hover{background-color:#e6e6e6}.toolbar-buttons button:focus{outline:none}.help-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;width:100%;max-height:90%;overflow-y:scroll;background-color:#fff;align-items:center;border-radius:10px;padding-bottom:10px}.help-modal .MuiButtonBase-root{align-self:flex-end}.instructions{display:flex;padding:0 10px 10px;flex-direction:column;justify-content:center;font-family:sans-serif}.instructions h3{margin:auto;font-size:16px;font-family:"Press Start 2P"}.instructions h4{margin:10px 0;font-size:16px}.instructions li,.instructions p,.instructions ul{font-size:14px;margin:7px 0}.instructions .red-accent{color:var(--red-accent)}.instructions .share-box{width:25px;height:25px}.category-examples .inline-example{display:flex;align-items:center;margin:5px}.inline-example p{margin:0 0 0 10px}.instructions .inline{display:flex;align-items:center}.instructions .inline .click{color:#326891;text-decoration:underline #326891;margin-left:5px}.instructions .inline .click:hover{cursor:pointer}.instructions .inline-buttons{display:flex;justify-content:space-evenly;align-items:center;font-size:10px}.instructions .inline-button{display:flex;align-items:center}.instructions .inline-button p{font-family:"Press Start 2P";font-size:12px}@media (min-width: 800px){.help-modal{width:40%}}.category-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;width:100%;max-height:90%;overflow-y:scroll;background-color:#fff;align-items:center;border-radius:10px;padding-bottom:10px}.category-modal .MuiButtonBase-root{align-self:flex-end}.category-explanation{display:flex;padding:0 10px 10px;flex-direction:column;justify-content:center;font-family:sans-serif}.category-explanation h3{margin:auto;font-size:16px;font-family:"Press Start 2P"}.category-explanation h4{font-size:16px}.category-explanation li,.category-explanation p{font-size:.9em}.category-explanation ul{line-height:1.3em;margin:0}@media (min-width: 800px){.category-modal{width:40%}}.hint-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;width:100%;max-height:90%;overflow-y:scroll;background-color:#fff;align-items:center;border-radius:10px;padding-bottom:10px}.hint-modal .MuiButtonBase-root{align-self:flex-end}.hints{display:flex;padding:0 10px 10px;flex-direction:column;justify-content:center;font-family:sans-serif}.hints h3{margin:auto;font-size:16px;font-family:"Press Start 2P"}.hints h4{font-size:16px}@media (min-width: 800px){.hint-modal{width:40%}}.hint{margin:10px}.hint .click{display:flex;align-items:center;color:#326891;text-decoration:underline #326891}.hint .click:hover{cursor:pointer}.hint .share-box{width:25px;height:25px;margin-right:10px}.hint .hide{display:none}.hint p{margin-bottom:0}.mistakes-remaining{display:flex;justify-content:center}.mistake-circles{display:flex;flex-direction:row;align-items:center}.mistakes-remaining p{font-size:12px}.game-buttons{margin:5px}.inline-buttons{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:10px;margin-top:10px}.label-game{display:flex;justify-content:center;margin:15px}.label-game h3{text-align:center;margin:0}.label-game .red-accent{color:var(--red-accent)}.header{display:flex;justify-content:center;align-items:center;padding:15px}.header h1,.header h2{margin:0}.header h1{margin-left:15px}.header h2{display:none}@media (min-width: 640px){.header{justify-content:flex-start}.header h2{display:block;margin-left:15px}}.maintenance{display:flex;justify-content:center;align-items:center;height:100vh}.maintenance .message{width:100%}.maintenance .sub-message{width:100%;margin:30px 0}.maintenance h1{font-size:1em}.maintenance h2{font-size:.6em;font-weight:100}@media (min-width: 640px){.maintenance .message{max-width:700px}.maintenance .sub-message{max-width:500px}.maintenance h1{font-size:1.3em}.maintenance h2{font-size:.8em}}body{font-family:"Press Start 2P";margin:0}h1{font-size:20px}h2,h3{font-size:14px}:root{--red-accent: #ee6a6a;--red-hover: #ffc4c4;--red-disabled: #e49898;--white-disabled: #dedede;--answer-unselected: #efefe6;--answer-selected: #5a594e}