:root{--hot-pink: #ff69b4;--dark-pink: #c73785;--cyan: #00bcd4;--dark-cyan: #0097a7;--lime-green: #32cd32;--dark-lime: #228b22;--tomato-red: #ff6347;--dark-tomato: #d9534f;--blue: #1e90ff;--dark-blue: #1c6ba0;--disabled-bg: #58517a;--disabled-shadow: #3e3a57;--disabled-text: #9e98b3;--bg-dark-purple: #2c2744;--bg-light-purple: #4a4170;--light-text: #f0f0f0;--dark-text: #333;--font-luckiest: "Luckiest Guy", cursive}body{background-color:var(--background)}*{margin:0;padding:0;box-sizing:border-box}.game-description{text-align:center;color:#333;background-color:#ffffffe6;padding:20px 30px;border-radius:12px;margin:100px auto 0;max-width:800px;box-shadow:0 4px 15px #0000001a;border:1px solid #eee;width:90%}.game-description h1{font-family:Luckiest Guy,cursive;color:#e74c3c;font-size:3em;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.1);margin-top:0;padding:0}.game-description .subtitle{font-size:1.3em;margin-bottom:25px;color:#555;font-weight:700}.game-description h3{margin-top:20px;margin-bottom:15px;color:#2980b9;font-size:1.5em}.game-description ul{list-style-type:none;padding:0;display:inline-block;text-align:left}.game-description li{margin-bottom:10px;font-size:1.1em}.game-description li:before{content:"🎈";margin-right:12px;font-size:1.2em}.hint-options-group,.game-mode-group{display:flex;flex-direction:column;gap:5px;padding:10px;border:2px solid #D2B48C;border-radius:8px;background-color:#f9f9f9}.radio-option{display:flex;align-items:center;padding:5px 0}.radio-option label{margin-left:8px;font-size:.9rem!important;color:#6b4f4b!important;font-weight:500!important}#hintGuessCount{margin:0 5px;padding:4px 6px;border:1px solid #ccc;border-radius:4px;font-family:inherit;background-color:#fff;width:auto}#hintGuessCount:disabled{background-color:#f2f2f2;color:#999}body.game-active{background-color:var(--bg-dark-purple);color:var(--light-text)}body.game-active .main-content{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem;background:var(--bg-dark-purple);background-image:radial-gradient(circle,var(--bg-light-purple) 0%,var(--bg-dark-purple) 70%)}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;width:100%;max-width:1400px;padding:1rem}.hangman-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%}.game-box{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:650px}.hangman-box h1{font-family:var(--font-luckiest);font-size:clamp(2.5rem,8vw,5rem);color:var(--hot-pink);text-transform:uppercase;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px var(--hot-pink),0 0 30px var(--hot-pink),0 0 40px var(--hot-pink);text-align:center}container{position:relative;width:clamp(200px,30vw,350px);aspect-ratio:1 / 1}.monster-image-container{position:relative;width:clamp(150px,20vw,350px);aspect-ratio:1 / 1}.monster-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .3s ease-in-out;-webkit-user-select:none;user-select:none;pointer-events:none}.monster-img.active{opacity:1}.word-display{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.5rem,2vw,1rem);list-style:none}.word-display .letter{display:flex;align-items:center;justify-content:center;font-family:var(--font-luckiest);color:var(--bg-dark-purple);background:#fffc;border-bottom:6px solid rgba(0,0,0,.2);border-radius:12px;text-transform:uppercase;transition:all .3s ease;width:clamp(35px,10vw,60px);height:clamp(35px,10vw,60px);font-size:clamp(1.8rem,8vw,3rem);line-height:1}.word-display .letter.guessed{background:var(--cyan);color:#fff;border-color:var(--dark-cyan);transform:translateY(-5px) scale(1.05);text-shadow:1px 1px 2px rgba(0,0,0,.3)}.word-display .space{width:clamp(15px,4vw,25px)}.game-box h4{font-size:clamp(1.2rem,2.5vw,2rem);font-weight:500;color:#ddd;text-align:center}.game-box h4 b{font-weight:700;color:var(--light-text)}.game-box .guesses-text b{color:var(--tomato-red)}.keyboard{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(6px,1.5vw,10px)}:where(.game-modal,.keyboard) button,#confirmCancelBtn,#confirmRestartBtn,#confirmEndGameBtn{font-family:var(--font-luckiest);color:#fff;border:none;outline:none;cursor:pointer;text-transform:uppercase;background:var(--hot-pink);border-radius:8px;box-shadow:0 5px var(--dark-pink);transition:all .15s ease-out;text-shadow:1px 1px 1px rgba(0,0,0,.2)}:where(.game-modal,.keyboard) button:hover,#confirmCancelBtn:hover,#confirmRestartBtn:hover,#confirmEndGameBtn:hover{background:#ff85c4;transform:translateY(-2px);box-shadow:0 7px var(--dark-pink)}:where(.game-modal,.keyboard) button:active{transform:translateY(1px);box-shadow:0 4px var(--dark-pink)}.keyboard button{width:clamp(40px,9vw,55px);height:clamp(40px,9vw,55px);font-size:clamp(1.5rem,5vw,2.2rem);line-height:1;display:flex;align-items:center;justify-content:center;padding:0}.keyboard button[disabled]{pointer-events:none;background:var(--disabled-bg);box-shadow:0 5px var(--disabled-shadow);color:var(--disabled-text)}.game-modal{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;transition:opacity .4s ease}.game-modal.show{opacity:1;pointer-events:auto}.game-modal .content{padding:clamp(1.5rem,5vw,2.5rem);width:100%;max-width:500px;border-radius:20px;background:#dfe0e6;color:var(--dark-text);text-align:center;box-shadow:0 10px 30px #00000080;border:8px solid var(--hot-pink);transform:scale(.7);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.game-modal.show .content{transform:scale(1)}.game-modal img{max-width:clamp(130px,30vw,200px);margin-bottom:1rem}.game-modal h4{font-size:clamp(1.8rem,6vw,2.5rem);color:var(--dark-text);margin-bottom:.5rem}.game-modal p{font-size:clamp(1rem,4vw,1.2rem);margin:1rem 0 0;color:#555;line-height:1.5}.game-modal p b{color:var(--tomato-red);font-size:clamp(2.2rem,5vw,5.5rem);display:block;margin-top:.5rem;font-family:var(--font-luckiest);text-transform:uppercase}.game-modal .modal-buttons{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.game-modal button,#confirmCancelBtn,#confirmRestartBtn,#confirmEndGameBtn{width:90%;max-width:300px;padding:1rem;font-size:clamp(1.2rem,5vw,1.5rem)}.game-modal button.play-again{background:var(--lime-green);box-shadow:0 5px var(--dark-lime)}.game-modal button.finish-game{background:var(--tomato-red);box-shadow:0 5px var(--dark-tomato)}.game-modal button.new-game{background:var(--blue);box-shadow:0 5px var(--dark-blue)}.game-modal button.play-again:hover{background:#50d750;box-shadow:0 7px var(--dark-lime)}.game-modal button.finish-game:hover{background:#ff7f6a;box-shadow:0 7px var(--dark-tomato)}.game-modal button.new-game:hover{background:#46a4ff;box-shadow:0 7px var(--dark-blue)}.final-scores-list{list-style:none;padding:0;margin-top:1rem;font-size:clamp(1rem,4vw,1.2rem);color:var(--dark-text)}.final-scores-list li{margin-bottom:.5rem;font-weight:500}.word-display .special-char{background:transparent;border:none;color:#fff;font-size:clamp(1.8rem,8vw,3rem);align-self:flex-end;margin:0 4px;font-family:var(--font-luckiest)}.team-info-display{width:100%;max-width:100%;display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;padding:.5rem;background-color:#fffc;border-radius:12px;box-shadow:0 4px 10px #0000001a}.team-info-display:empty{display:none}.team-score{font-size:clamp(1.1rem,2.5vw,1.6rem);color:var(--dark-text);padding:.4rem .8rem;border-radius:8px;transition:all .3s ease;border:2px solid transparent;font-weight:700}.team-score.current-turn{transform:scale(1.1);background-color:gold;border-color:#daa520;box-shadow:0 0 10px gold}.fullscreen-btn{position:absolute;top:4.5rem;right:1rem;z-index:999;background:transparent;border:none;color:#fff;width:45px;height:45px;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.fullscreen-btn:hover{background:none;color:#000}.fullscreen-btn:active{transform:translateY(1px);box-shadow:0 2px var(--dark-blue)}.end-game-btn{position:absolute;bottom:3rem;right:1rem;z-index:999;background:var(--tomato-red);border:none;color:#fff;padding:.2rem .5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-family:var(--font-luckiest);box-shadow:0 4px var(--dark-tomato);transition:all .2s ease;text-transform:uppercase}.end-game-btn:hover{background:#ff7f6a;transform:translateY(-2px);box-shadow:0 6px var(--dark-tomato)}.end-game-btn:active{transform:translateY(1px);box-shadow:0 2px var(--dark-tomato)}.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1rem;background-color:var(--background)}.options-content{width:100%;max-width:28rem;background-color:#f4e9c4;border:2px solid #D2B48C;border-radius:1rem;box-shadow:0 10px 25px #00000026;padding:2rem;text-align:center;margin-top:66px}.options-content h2{font-size:2rem;color:#6b4f4b;margin-bottom:1.5rem;font-family:var(--font-luckiest);text-transform:uppercase}.options-form{text-align:left;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.options-form label,.team-setup-container label{display:block;font-size:1rem;font-weight:600;color:#6b4f4b;margin-bottom:.5rem;text-align:left}.options-form select,.team-setup-container select,.team-setup-container input[type=text]{width:100%;padding:.75rem;font-size:1rem;background-color:#fff;border:2px solid #D2B48C;border-radius:.5rem;box-shadow:inset 0 2px 4px #0000000d;transition:border-color .2s,box-shadow .2s}.options-form select:focus,.team-setup-container input[type=text]:focus{border-color:coral;outline:none;box-shadow:0 0 0 3px #ff7f504d}.options-form p{font-size:.9rem;color:#6b4f4b;padding:0}.options-form a{color:#005792;text-decoration:underline}.team-setup-container{margin-bottom:1.5rem}.team-inputs{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.options-actions{text-align:center}.options-content button{font-size:clamp(.8rem,3vw,1.2rem);text-transform:uppercase;letter-spacing:1.5px;color:#725753;border:none;border-radius:12px;padding:10px;margin:8px;cursor:pointer;box-shadow:0 4px sienna,0 6px 10px #0003;transition:all .1s ease-out;font-family:Luckiest Guy,cursive}.options-content button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 0 var(--shadow-color, #a0522d),0 8px 12px #00000040}.options-content button:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 var(--shadow-color, #a0522d),0 4px 6px #0003}.options-content button.button-success{background:linear-gradient(170deg,#a8e6cf,#79d7be);--shadow-color: #368a7e;box-shadow:0 4px 0 var(--shadow-color),0 6px 10px #0003}.options-content button.button-lg{padding:12px 25px;font-size:1.3rem}.options-content button:disabled{background:#ccc;color:#888;box-shadow:0 4px #999;cursor:not-allowed}@keyframes generating-hints-animation{0%{opacity:.95;transform:scale(1);filter:blur(0)}50%{opacity:.55;transform:scale(1.08);filter:blur(.6px)}to{opacity:.95;transform:scale(1);filter:blur(0)}}@keyframes pulse-ring{0%{box-shadow:0 0 #50aaff8c}70%{box-shadow:0 0 0 14px #50aaff00}to{box-shadow:0 0 #50aaff00}}.generating-hints{animation:generating-hints-animation 1.1s infinite ease-in-out,pulse-ring 1.1s infinite ease-out;will-change:transform,opacity,filter,box-shadow;border-radius:8px}@media (max-width: 480px){.team-inputs{grid-template-columns:1fr}.container{padding:0;gap:.5rem;height:auto;margin-top:16px}.end-game-btn{top:7rem;bottom:auto}}@media (min-width: 768px){.container{flex-direction:row;align-items:center;gap:clamp(2rem,4vw,4rem)}.hangman-box{flex:1;justify-content:flex-start}.game-box{flex:1.5;justify-content:center}.game-modal .modal-buttons{flex-direction:row}}@media (orientation: landscape) and (max-height: 500px){body.game-active .main-content{padding:.5rem}.container{flex-direction:row;gap:1rem;margin-bottom:20px;margin-top:80px}.hangman-box h1{font-size:clamp(1.5rem,6vh,2.5rem)}.game-box{gap:1rem}.hangman-box{width:auto}.end-game-btn{top:3rem;right:4rem;bottom:auto}.fullscreen-btn{top:2.7rem}.game-modal .content{padding:8px 15px;max-height:98vh;overflow-y:auto;gap:2px;display:flex;flex-direction:column;justify-content:center;align-items:center}.game-modal img{max-height:15vh;width:auto;object-fit:contain;margin-bottom:2px;flex-shrink:0}.game-modal h4{font-size:clamp(1.3rem,4.5vh,1.7rem);margin:0}.game-modal p{font-size:clamp(.75rem,2.5vh,.9rem);margin:0;line-height:1.1}.game-modal p b{font-size:clamp(1.5rem,6.5vh,2rem);display:block;margin-top:0}.game-modal .modal-buttons{margin-top:4px;gap:6px;display:flex;flex-direction:column;width:100%;align-items:center}.game-modal button{padding:6px 10px;font-size:clamp(.85rem,3vh,1rem);box-shadow:0 2px var(--dark-pink);width:90%;max-width:250px}}.pop-panic-game-over-modal .game-over-content{position:relative;z-index:2;padding:clamp(1.5rem,5vw,2.5rem);width:100%;max-width:500px;border-radius:20px;background:#dfe0e6;color:var(--dark-text);text-align:center;box-shadow:0 10px 30px #00000080;border:8px solid var(--lime-green)}.pop-panic-game-over-modal.has-win-effects{z-index:10001;overflow:hidden}.pop-panic-game-over-modal .game-over-content h2{font-family:var(--font-luckiest);font-size:clamp(1.8rem,6vw,2.5rem);color:var(--dark-text);margin-bottom:1rem}.pop-panic-game-over-modal .game-over-content p{font-size:clamp(1rem,4vw,1.2rem);margin:1rem 0;color:#555;line-height:1.5;white-space:pre-wrap}.pop-panic-game-over-modal .modal-buttons{display:flex;justify-content:center;margin-top:2rem;gap:10px}.pop-panic-game-over-modal button.new-game{width:90%;max-width:300px;padding:1rem;font-size:clamp(1.2rem,5vw,1.5rem);background:var(--blue);font-family:var(--font-luckiest)}.pop-panic-game-over-modal button.play-again{width:90%;max-width:300px;padding:1rem;font-size:clamp(1.2rem,5vw,1.5rem);background:#2aa12e;font-family:var(--font-luckiest)}.pop-panic-game-over-modal button.new-game:hover{background:#46a4ff}.pop-panic-game-over-modal button.play-again:hover{background:#56c056}.win-effect{position:absolute;pointer-events:none;z-index:1}.confetti{width:10px;height:20px;top:-30px;opacity:0;animation-timing-function:linear;animation-iteration-count:1}.firework{width:150px;height:150px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3CradialGradient id='g' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='white'/%3E%3Cstop offset='100%25' stop-color='transparent'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='5' fill='url(%23g)'/%3E%3Cg transform='translate(50,50)'%3E%3Cg ng-repeat='i in [0,1,2,3,4,5,6,7,8,9,10,11]' transform='rotate(%3Ci*30%3E)'%3E%3Crect x='-1' y='-20' width='2' height='10' fill='gold'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:0;animation:firework-animation 1s ease-out forwards}@keyframes firework-animation{0%{transform:scale(.3);opacity:1}50%{opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes confetti-swoop-1{0%{transform:translate(0) rotate(0) rotateY(0);opacity:1}to{transform:translate(-200px,120vh) rotate(360deg) rotateY(720deg);opacity:0}}@keyframes confetti-swoop-2{0%{transform:translate(0) rotate(0) rotateY(0);opacity:1}to{transform:translate(200px,120vh) rotate(-360deg) rotateY(-720deg);opacity:0}}.hint-text.animated{display:block!important;animation:sparkle-in .7s cubic-bezier(.25,1,.5,1) forwards;position:relative}@keyframes sparkle-in{0%{opacity:0;transform:scale(.5) translateY(20px);filter:drop-shadow(0 0 15px #ffab00)}50%{filter:drop-shadow(0 0 25px #ffea00)}to{opacity:1;transform:scale(1) translateY(0);filter:drop-shadow(0 0 5px #fff)}}.sparkle{position:absolute;width:8px;height:8px;background-color:#fc0;border-radius:50%;pointer-events:none;opacity:0;animation:sparkle-burst .8s ease-out forwards}@keyframes sparkle-burst{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.5) translate(var(--x),var(--y))}}.scroll-down-arrow{text-align:center;margin-top:25px;animation:bounce 2s infinite}.scroll-down-arrow i{font-size:2.5em;color:#2980b9;text-shadow:1px 1px 2px rgba(0,0,0,.1)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-7px)}}.game-timer{position:absolute;top:3rem;left:50%;transform:translate(-50%);font-family:var(--font-luckiest);font-size:2.5rem;color:#fff;background-color:#0006;padding:.5rem 1.5rem;border-radius:10px;z-index:998;text-shadow:2px 2px 4px rgba(0,0,0,.5);display:none}#timer-options-container{margin-top:1rem;padding:10px;border:2px solid #D2B48C;border-radius:8px;background-color:#f9f9f9}.timer-options-group{display:flex;justify-content:flex-start;gap:20px;margin-top:5px;margin-bottom:10px}.modal-content{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:auto}.modal-buttons{display:flex}