@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");*,:after,:before{box-sizing:border-box;image-rendering:pixelated}body{margin:0;padding:0;background-color:#181425;color:#eeffcc;font-family:Press Start\ 2P,monospace;line-height:1.6;background-image:linear-gradient(rgba(20,20,40,.9) 2px,transparent 0),linear-gradient(90deg,rgba(20,20,40,.9) 2px,transparent 0);background-size:16px 16px;background-position:-2px -2px}button,div,h1,h2,h3,h4,h5,h6,input,p,span{font-family:Press Start\ 2P,monospace;image-rendering:pixelated;font-smooth:never;-webkit-font-smoothing:none}.pixel-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}.pixel-game{background-color:#2f3640;border:4px solid #95e1d3;border-radius:2px;box-shadow:0 0 0 4px #272932,0 0 16px rgba(0,0,0,.8);padding:24px;max-width:500px;width:100%;text-align:center;position:relative;image-rendering:pixelated}.pixel-game:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 0,transparent 2px);pointer-events:none;z-index:10}.pixel-title{margin:0 0 24px;font-size:24px;color:#ffd166;text-shadow:3px 3px 0 #272932;letter-spacing:-1px}.pixel-canvas-container{position:relative;margin:16px auto;width:300px;height:300px;transition:transform .1s ease-in-out}@keyframes shake{0%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}to{transform:translateX(0)}}.shake-animation{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.pixel-canvas{display:block;image-rendering:pixelated;background-color:#000;border:4px solid #118ab2;box-shadow:0 0 0 4px #073b4c}.pixel-input-group{margin:16px 0;display:flex;flex-direction:column;gap:8px}.pixel-input{padding:12px;font-family:Press Start\ 2P,monospace;font-size:14px;color:#eeffcc;background-color:#272932;border:none;outline:4px solid #95e1d3;width:100%;image-rendering:pixelated;font-smooth:never;-webkit-font-smoothing:none}.pixel-autocomplete-container{position:relative;width:100%}.pixel-suggestions{position:absolute;top:100%;left:0;right:0;background-color:#272932;border:4px solid #95e1d3;z-index:100;max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffd166 #272932;image-rendering:pixelated}.pixel-suggestions::-webkit-scrollbar{width:8px}.pixel-suggestions::-webkit-scrollbar-track{background:#272932}.pixel-suggestions::-webkit-scrollbar-thumb{background-color:#ffd166;border-radius:0;border:2px solid #272932}.pixel-suggestion-item{padding:8px 12px;font-family:Press Start\ 2P,monospace;font-size:12px;color:#eeffcc;cursor:pointer;text-align:left;border-top:2px solid #3f4756;image-rendering:pixelated;font-smooth:never;-webkit-font-smoothing:none}.pixel-suggestion-item:first-child{border-top:none}.pixel-suggestion-item:hover{background-color:#118ab2;color:#fff}.pixel-suggestion-empty,.pixel-suggestion-loading{padding:12px;font-family:Press Start\ 2P,monospace;font-size:10px;text-align:center;color:#95e1d3;image-rendering:pixelated;font-smooth:never;-webkit-font-smoothing:none}.pixel-suggestion-loading{animation:blink 1s infinite}.pixel-suggestion-empty{color:#ef476f}.pixel-button{padding:12px 16px;font-family:Press Start\ 2P,monospace;font-size:14px;background-color:#ef476f;color:#fff;border:none;outline:4px solid #c9184a;cursor:pointer;transition:transform .1s,background-color .2s;image-rendering:pixelated;font-smooth:never;-webkit-font-smoothing:none}.pixel-button:hover{background-color:#f77f00;outline-color:#d62828;transform:translateY(-2px)}.pixel-button:active{transform:translateY(2px)}.pixel-button:disabled{background-color:#6c757d;outline-color:#495057;cursor:not-allowed;transform:none}.pixel-button-group{display:flex;justify-content:center;gap:8px;margin-top:8px;width:100%}.pixel-button-pass{background-color:#4361ee;outline-color:#3a0ca3}.pixel-button-pass:hover{background-color:#4cc9f0;outline-color:#4361ee}.pixel-button-next{background-color:#06d6a0;outline-color:#118ab2}.pixel-button-next:hover{background-color:#4cc9f0;outline-color:#118ab2}.pixel-button-play-again{background-color:#06d6a0;outline-color:#118ab2;margin-top:16px}.pixel-message{color:#ffd166;min-height:1.6em}.pixel-guesses,.pixel-message{font-size:14px;margin:16px 0;image-rendering:pixelated;font-smooth:never;-webkit-font-smoothing:none}.pixel-guesses{color:#ef476f}.pixel-guesses span{color:#06d6a0;font-size:16px;image-rendering:pixelated;font-smooth:never;-webkit-font-smoothing:none}.pixel-loading{color:#ffd166;font-size:16px;animation:blink 1s infinite}.pixel-error,.pixel-loading{padding:32px;display:flex;align-items:center;justify-content:center;min-height:300px;image-rendering:pixelated;font-smooth:never;-webkit-font-smoothing:none}.pixel-error{color:#ef476f;font-size:14px}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@media (min-width:768px){.pixel-input-group{flex-direction:column}.pixel-autocomplete-container{flex:1}.pixel-button-group{justify-content:center}.pixel-button{width:auto}}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(100%)}}.pixel-canvas-container:after{content:"";position:absolute;width:100%;height:5px;background:rgba(255,255,255,.08);top:0;left:0;animation:scanline 2s linear infinite;pointer-events:none;z-index:2}.pixel-footer{margin-top:24px;font-size:10px;color:#95e1d3;opacity:.8;text-align:center;padding-top:12px;border-top:2px dashed #3f4756;font-family:Press Start\ 2P,monospace;image-rendering:pixelated;font-smooth:never;-webkit-font-smoothing:none}.pixel-footer:hover{color:#ffd166;opacity:1}.pixel-how-to-play{font-size:10px;color:#95e1d3;margin:16px 0;padding:16px;border:2px dashed #3f4756;line-height:1.8;text-align:left;position:relative}.pixel-how-to-play-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pixel-how-to-play h2{color:#ffd166;font-size:12px;margin-top:0;margin-bottom:8px;text-align:center}.pixel-close-button{background:none;border:none;color:#ef476f;font-size:16px;cursor:pointer;padding:0 6px;line-height:1;font-family:Press Start\ 2P,monospace;outline:none;position:relative;top:-2px}.pixel-close-button:hover{color:#ff8c42}