*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#333;flex-direction:column;font-family:Arial,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue}h1,h2,h3,p{margin:0;padding:0;text-align:center}header{background-color:inherit;display:flex;justify-content:space-between;padding:20px;width:100%}button{cursor:pointer;font-family:inherit;outline:none;transition:all .3s ease}button:hover{transform:translateY(-3px)}button:active{transform:translateY(2px)}.App-link{color:#61dafb}.container{justify-content:center;margin:0 auto;padding:20px;width:100%}footer{background-color:#333;color:#fff;padding:10px 20px;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container{background-color:#fff6e5;display:flex;flex-direction:column;font-family:Comic Sans MS,cursive;min-height:100vh;position:relative}.app-header{align-items:center;display:flex;justify-content:space-between;margin-top:-10px;max-height:min-content;width:100%;z-index:3}.help-btn{-webkit-text-stroke:3px #211e19;background-color:transparent;border:none;color:#f7d734;font-size:4rem;font-weight:bolder;text-shadow:2px 4px #fc6daf}.main-content{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:60px;width:100%;z-index:1}.pencil-image{bottom:5vh;height:auto;max-width:200px;position:absolute;right:5vw;width:20%;z-index:0}.hero-section{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0;text-align:center}.hero-section h1{align-items:center;font-size:3.2rem;text-shadow:2px 2px #fc6daf}.hero-section h1,p{color:#211e19;margin:0}p{font-size:2rem}.bn-yellow{background-color:#fadc47;box-shadow:0 8px 0 #fc6daf;margin-top:0;padding:15px 40px}.bn-green,.bn-yellow{border:none;border-radius:50px;color:#211e19;cursor:pointer;font-size:1.8rem;font-weight:700;transition:transform .3s ease,box-shadow .3s ease}.bn-green{background-color:#8df580;box-shadow:0 8px 0 #7bd36f;padding:8px 20px}.modal{align-items:center;display:flex;gap:10px}input{border:2px solid #211e19;border-radius:25px;font-size:1.5rem;padding:12px 20px;width:100%}@media (max-width:600px){.headline h1{font-size:2.5rem}.exit-button{border:none;padding:10px;transition:transform .3s ease,box-shadow .3s ease}.exit-button:hover{transform:scale(1.1)}input{font-size:1.2rem}}.help-modal{align-items:center;background:rgba(0,0,0,.6);display:flex;height:100%;justify-content:center;left:0;position:fixed;text-align:left;top:0;width:100%;z-index:1000}.help-content{background:#fff6e5;border-radius:20px;box-shadow:0 8px 0 #fc6daf;max-width:500px;padding:30px;text-align:center;width:80%}.help-content h2{font-size:2.2rem;margin-bottom:20px}.help-content p{font-size:1.2rem;margin-bottom:15px}.close-btn{background-color:#fc6daf;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1.5rem;padding:5px 10px}.game-header{align-items:center;background-color:#f7d734;border-bottom:5px solid #fc6daf;flex-direction:column;font-family:Comic Sans MS,cursive;padding:20px;position:relative}.game-header,.row{display:flex;width:100%}.row{justify-content:space-between}.player-info{align-items:start;display:flex;flex-direction:column;gap:8px;width:120px}.player-info p{font-size:1.4rem}.exit-button{background-color:transparent;border:none;color:#211e19;cursor:pointer;padding:5px;position:absolute;right:5px;top:5px}.timer{align-items:center;background-color:#fff;border:2px solid #211e19;border-radius:8px;box-shadow:0 5px 0 #fc6daf;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;width:150px}.text-red{color:#ff4d4d}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.animate-pulse{animation:pulse 1s infinite}.animate-fade-in{animation:fadeIn .5s ease-in-out}.headline{align-items:center;display:flex;height:40px;justify-content:center;margin-top:10px;transform:translateX(20px);transition:all .3s ease}.fixed-text,.headline{font-size:1.5rem;text-align:center}.fixed-text{font-weight:700}.game-box{padding:16px}.waiting-message{color:#211e19;font-family:Comic Sans MS;font-size:1.8rem;padding:10px}.round{color:#606060;font-size:1.4rem}.canvas-container{align-items:center;display:flex;flex-direction:column}canvas{background-color:#fff;border:2px solid #211e19;border-radius:16px;margin-top:10px}.canvas.drawing-phase{border-color:#1b2119}.canvas.guessing-phase{border-color:#fc0}.bn-clear{background-color:transparent;border:none;cursor:pointer;display:inline-block}.bn-clear:hover{opacity:.7;transition:opacity .1s ease}.message-container{border-radius:10px;margin-top:10px;padding:15px;text-align:center}.feedback,.message-container{animation:slideIn .5s ease-out forwards}.feedback{border-radius:8px;font-size:20px;margin:10px 0;padding:10px}.feedback.correct{background-color:#4caf50;color:#fff}.feedback.wrong{background-color:#f44336;color:#fff}strong{font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.guess-container{align-items:center;animation:inputAppears 1s forwards;display:flex}.guess-input{animation:inputAnimation 1s ease-out infinite;background:#fff9e5;border:2px solid #fc0;border-radius:16px;box-shadow:0 5px 15px rgba(255,204,0,.2);color:#333;font-family:Comic Sans MS,sans-serif;font-size:20px;outline:none;padding:12px 18px;transition:all .3s ease;width:300px}@keyframes inputAppears{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.guess-input.correct{background-color:#bdf8bd;border-color:#4caf50}.guess-input.wrong{background-color:#f5bdbd;border-color:#f44336}.guess-input:focus{border-color:#ff9800;box-shadow:0 5px 15px rgba(255,152,0,.5);transform:scale(1.05)}.guess-input:disabled{background:#e0e0e0;cursor:not-allowed}.guess-button{background:#fc6daf;border:none;border-radius:50px;box-shadow:0 5px 15px rgba(252,109,175,.4);color:#fff;cursor:pointer;font-family:Comic Sans MS,sans-serif;font-size:18px;margin-left:10px;outline:none;padding:12px 24px;transition:all .3s ease;width:200px}.guess-button:hover{background:#f9a7d4;transform:translateY(-5px)}.guess-button:disabled{background:#e0e0e0;box-shadow:none;cursor:not-allowed}.guess-button:active{transform:translateY(2px)}.overlay{align-items:center;animation:slideBounce 1s ease-out;background:#fc0;color:#fff;display:flex;font-family:Dancing Script,cursive;height:100vh;justify-content:center;left:0;position:fixed;text-align:center;top:0;width:100vw;z-index:1000}.content{background-color:transparent;color:#fff;max-width:80%;width:400px}.round-container p{color:#333;font-size:2rem;margin:0;padding:25px 0}.draw-word-container{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:30px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.draw-text{color:#fff;font-size:2.2rem;font-weight:700;margin-top:10px}.word-text{-webkit-text-stroke:1px #231313;color:#fc6daf;font-size:4rem;font-style:italic}.time-container p{color:#fff;font-size:1.8rem;margin:10px 0}@keyframes slideBounce{0%{transform:translateY(-100vh)}60%{transform:translateY(20px)}80%{transform:translateY(-10px)}to{transform:translateY(0)}}.content h1{font-size:4rem}.score{font-size:2rem;margin-bottom:2rem;margin-top:2rem}.buttons{display:flex;gap:30px;justify-content:center;margin-top:4rem}.buttons button{border:none;border-radius:15px;cursor:pointer;font-size:1.2rem;font-weight:700;padding:15px 30px;transition:transform .2s ease,box-shadow .2s ease}.play-again{background-color:#ff7fbb;box-shadow:0 5px 0 #bb526b;color:#fff}.exit{background-color:#b7b5b5;box-shadow:0 5px 0 #767676;color:#fff}
/*# sourceMappingURL=main.e63b37b6.css.map*/