.gallery-container{--selection-color: rgb(222, 10, 10);display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:12px}.img{display:block;width:100%;aspect-ratio:1/1;image-rendering:pixelated}.img-container{border:4px solid #000;width:128px}.clickable{cursor:pointer;pointer-events:auto}.card-word{font-family:Silom;margin-bottom:-3px;width:100%;display:flex;justify-content:center;align-items:center;background-color:#000;color:#fff;height:34px;font-size:.9em;overflow:hidden;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.img-container.selected{border-color:var(--selection-color)}.img-container.selected .card-word{background-color:var(--selection-color)}.vote-info-bar{display:flex;justify-content:space-between;align-items:center;background-color:#000;color:#fff;font-size:.7rem;min-height:14px;margin-top:-4px}.vote-info-bar *{display:block;margin:3px}.vote-info-bar img{height:11px;width:11px;image-rendering:pixelated}.stats-block{display:flex;align-items:center;margin:10px 0}.stats-block .number{background-color:#fff;border-radius:5px;padding:6px;margin:0 14px 0 0;width:70px;text-align:center}.stats-block h1,h2,h3{margin:5px 0}.gl-container{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:4px}.table-item img{width:100%;object-fit:cover;image-rendering:pixelated;aspect-ratio:1}.stats-container{font-family:Silom;display:flex;flex-direction:column;font-size:1rem;margin:20px 0 0}.play-btn{color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer}.tabs{display:flex;justify-content:space-between;margin:0 0 20px;border-bottom:5px solid black}.tabs a{font-family:Silom;font-size:21px;display:flex;color:#000;text-decoration:none;width:100%;height:100%;justify-content:center;align-items:center;padding-top:4px}.tabs .tab{display:flex;justify-content:center;align-items:center;background-color:#fff;height:40px;width:100%;border-radius:4px 4px 0 0;cursor:pointer}.tabs .tab.active{background-color:#000}.tabs .tab.active a{color:#fff}.word-search{display:grid;grid-template-columns:.1fr 1fr;width:100%;margin:0 0 20px;background-color:#fff;border-radius:5px;overflow:hidden}.word-search:focus-within{border-style:solid;border-width:2px;box-sizing:border-box}.word-search .icon{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.instructions{font-size:14px;text-align:center;margin:0 0 20px}.instructions p{margin:.4rem 0}@media (max-width: 728px){.gallery-container{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-gap:5px}.img-container{min-width:unset;width:unset}.stats-container{margin:8px 0 0}.stats-block .number{height:30px;line-height:29px}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:10;flex-direction:column;justify-content:center;align-items:center}.modal h2{font-weight:700;margin:20px 0 0}.modal>*{width:80%;text-align:center;line-height:2em}.modal .img-container{width:130px}@media (max-width: 768px){.modal .img-container{min-width:130px}}.bar{--size: 25px;font-size:1em;display:flex;justify-content:space-between;align-items:center;width:100%;padding:.2rem 0 .5rem;box-sizing:border-box}.bar .logo img{height:calc(var(--size) + 20px);width:calc(var(--size) + 20px);aspect-ratio:1}.bar .btn{display:flex;cursor:pointer;background-color:#fff;padding:6px;border-radius:25px;justify-content:center;align-items:center;max-width:160px;text-decoration:none;color:#000;min-height:30px}.bar .btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px;margin:0 7px 0 10px}.bar img{width:var(--size);image-rendering:pixelated}.bar .btn.about{width:calc(var(--size) + 2px);height:calc(var(--size) + 2px);margin:0 15px 0 0}.bar .btn .twitter-icon{margin:0 5px}.bar .btn .logged-in-btn{width:35px}.disabled{pointer-events:none;opacity:.5}.right{display:flex;align-items:center}.logged-in-img{width:calc(var(--size) + 5px);height:calc(var(--size) + 5px);background-image:url(/images/face/000-37840da71af5801db0b5941743a15f2a.png?vsn=d);background-position:center;background-repeat:no-repeat;background-size:cover;animation-name:face;animation-duration:60s;animation-iteration-count:infinite;animation-delay:10s}@keyframes face{0%{background-image:url(/images/face/000-37840da71af5801db0b5941743a15f2a.png?vsn=d)}16%{background-image:url(/images/face/001-1ff0a243c12c2fbb33c5181fb7927395.png?vsn=d)}32%{background-image:url(/images/face/002-7af1b07718b63b895145740a34754ecb.png?vsn=d)}48%{background-image:url(/images/face/003-c5de75fae9abc00a1fd96624859013c5.png?vsn=d)}64%{background-image:url(/images/face/004-5b489adbdd7239f43484352aa45ee5dc.png?vsn=d)}80%{background-image:url(/images/face/005-13c84843780b8fae019728cc23c2bbe0.png?vsn=d)}to{background-image:url(/images/face/006-0f488c93816fd7b24befe24e09d94c52.png?vsn=d)}}.word{font-size:1.8em;font-weight:700;color:#000;text-transform:capitalize}.controls{--btn-size: 50px;display:flex;flex-direction:row;width:100%;justify-content:space-around;align-items:center;margin:40px 0 0}.controls .btn{display:flex;justify-content:center;align-items:center;width:calc(var(--btn-size) + 10px);height:calc(var(--btn-size) + 10px);border-radius:50%;background-color:#fff;color:#000;cursor:pointer}.controls .btn:active{opacity:.5}.btn.disabled{opacity:.5;pointer-events:none}.controls .btn img{width:calc(var(--btn-size) - 15px);aspect-ratio:1/1}.modal h2{margin:0 0 40px}.draw-prompt{display:grid;grid-template-columns:.2fr 1fr .2fr;height:100%;width:100%;align-items:center;text-align:center}.draw-prompt h1{margin:0}.draw-prompt img{height:24px;margin:4px 0 0;image-rendering:pixelated}#new{cursor:pointer}@media (max-width: 768px){.controls{--btn-size: 42px;margin:30px 0 0}.modal .img-container{min-width:130px}}.about{--card-bg-color: white;--card-pad: 1rem .8rem 1rem .8rem}.about a{text-decoration:none}.about ol{margin:0}.about h2{margin:0;font-size:1.5rem}.about h3{font-weight:400;margin:1.4rem 0 0}.about section h2{margin:1rem 0}.text-area{background-color:var(--card-bg-color);width:100%;padding:var(--card-pad);box-sizing:border-box;font-size:.9rem;line-height:1.4rem}.who-container{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:10px;justify-items:center;background:var(--card-bg-color);padding:var(--card-pad);box-sizing:border-box}.about .img-container{width:130px}.card-view{display:grid;grid-template-columns:.8fr 1fr;margin:20px 0 0}.card-view .info{display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis}.card-view .info .line{display:flex;margin:0 0 .5rem}.card-view .img-container{width:128px}@media (max-width: 728px){.card-view .info .line{display:block}}@font-face{font-family:SilomBol;src:url(/fonts/SilomBol-784670a6bb0f0b4c713488e8f162a30a.ttf?vsn=d)}@font-face{font-family:Silom;src:url(/fonts/Silom-37e51615743b03e32c3d707e0584cf85.ttf?vsn=d)}@font-face{font-family:OpenSensReg;src:url(/fonts/OpenSans-Regular.ttf)}@font-face{font-family:OpenSensSB;src:url(/fonts/OpenSans-SemiBold.ttf)}@font-face{font-family:RobotoMono;src:url(/fonts/RobotoMono-Regular-e5ca8c0ac474df46fe45840707a0c483.ttf?vsn=d);font-weight:400}@font-face{font-family:RobotoMono;src:url(/fonts/RobotoMono-Bold-e72fdf1cca2cebcbe91325bbe9f9e5da.ttf?vsn=d);font-weight:700}:root{--main-bg-color: rgb(228, 227, 227)}body{font-family:RobotoMono;font-size:16px;background-color:var(--main-bg-color);margin:0}.info-bar{display:flex;justify-content:center;align-items:center;background-color:#fff;width:100%;height:40px;margin:0 0 8px;font-size:.7em}.show{display:flex}.phx-connected{width:100%}.center{display:grid;grid-template-rows:auto auto auto;flex-direction:column;width:420px;margin:auto;padding:10px;box-sizing:border-box}footer{font-size:14px;text-align:right;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding:40px 10px 10px;box-sizing:border-box;min-height:100px}footer a{color:#000}footer p{width:100%;text-align:center}footer div{display:flex;width:100%;justify-content:center;align-items:flex-end;margin:10px 0}footer .social-icons img{width:24px;height:24px;margin:10px 30px}.main-input{font-size:18px;height:40px;width:100%;box-sizing:border-box;border-style:none;border-radius:5px}.main-input:focus{outline:none}.dat-btn{font-family:Silom;box-sizing:border-box;width:100%;background-color:#000;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:24px;border-radius:8px;cursor:pointer;margin:20px 0}.center>div{width:100%}.alert{position:fixed;bottom:20px;left:10px;right:10px;z-index:10;padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px;cursor:pointer}.alert-info{background-color:#d9edf7;border-color:#bce8f1}.alert-warning{background-color:#fcf8e3;border-color:#faebcc}.alert-danger{background-color:#f2dede;border-color:#ebccd1}.alert p{margin:0}.alert:empty{display:none}.invalid-feedback{color:#dd0b07;font-size:12px}.phx-no-feedback.invalid-feedback,.phx-no-feedback .invalid-feedback{display:none}.phx-click-loading{opacity:.5;transition:opacity 1s ease-out}.phx-loading{cursor:wait}.phx-modal{opacity:1!important;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.phx-modal-content{background-color:#fefefe;margin:15vh auto;padding:20px;border:1px solid #888;width:80%}.phx-modal-close{color:#aaa;float:right;font-size:28px;font-weight:700}.phx-modal-close:hover,.phx-modal-close:focus{color:#000;text-decoration:none;cursor:pointer}.fade-in-scale{animation:.2s ease-in 0s normal forwards 1 fade-in-scale-keys}.fade-out-scale{animation:.2s ease-out 0s normal forwards 1 fade-out-scale-keys}.fade-in{animation:.2s ease-out 0s normal forwards 1 fade-in-keys}.fade-out{animation:.2s ease-out 0s normal forwards 1 fade-out-keys}.input-grid{display:grid;grid-template-columns:.65fr 1fr;grid-template-rows:auto;grid-row-gap:10px;justify-content:right;align-items:center;margin:0 0 10px}.input-grid input:focus{border-color:#000;border-style:solid;border-width:2px;box-sizing:border-box}.input-block{margin:10px 0;display:flex}.input-block label{margin:0 10px}.main-btn{font-family:Silom;box-sizing:border-box;width:100%;background-color:#000;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:24px;border-radius:8px;cursor:pointer;margin:20px 0}@keyframes fade-in-scale-keys{0%{scale:.95;opacity:0}to{scale:1;opacity:1}}@keyframes fade-out-scale-keys{0%{scale:1;opacity:1}to{scale:.95;opacity:0}}@keyframes fade-in-keys{0%{opacity:0}to{opacity:1}}@keyframes fade-out-keys{0%{opacity:1}to{opacity:0}}@media (max-width: 768px){body{font-size:16px}footer{display:none}}@media (max-width: 440px){.center{width:100%}}