@import url("https://fonts.googleapis.com/css2?family=Fredoka+One&family=Orbitron:wght@500;700;900&family=Nunito:wght@400;600;700;800&display=swap");*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#ff2ec4;--primary-dark:#c81e9a;--secondary:#00f0ff;--secondary-dark:#00b3c7;--accent:#cf0;--purple:#b026ff;--blue:#00b3ff;--green:#39ff14;--orange:#ff8a00;--pink:#ff6ad5;--bg:#060814;--card-bg:rgba(13,18,40,.72);--panel-bg:rgba(13,18,40,.6);--text:#eaf6ff;--text-light:#8fa6c8;--shadow:0 0 18px rgba(0,240,255,.25),0 0 4px rgba(0,240,255,.4);--shadow-hover:0 0 28px rgba(0,240,255,.45),0 0 8px rgba(0,240,255,.6)}body{font-family:Nunito,sans-serif;background:var(--bg);min-height:100vh;color:var(--text);overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(90deg,rgba(0,240,255,.06) 0,rgba(0,240,255,.06) 1px,transparent 0,transparent 60px),repeating-linear-gradient(180deg,rgba(255,46,196,.05) 0,rgba(255,46,196,.05) 1px,transparent 0,transparent 60px),radial-gradient(ellipse 120% 60% at 50% 110%,rgba(0,240,255,.18) 0,transparent 60%),radial-gradient(ellipse 100% 50% at 50% -10%,rgba(176,38,255,.12) 0,transparent 60%);pointer-events:none;z-index:0}.container{max-width:1200px;margin:0 auto;padding:2rem;position:relative;z-index:1}.header{text-align:center;margin-bottom:2rem}.title{font-family:Orbitron,sans-serif;font-weight:900;letter-spacing:2px;font-size:4rem;color:var(--secondary);text-shadow:0 0 12px rgba(0,240,255,.7),0 0 24px rgba(0,240,255,.4);margin-bottom:.5rem;animation:bounce 2s ease-in-out infinite}.subtitle{font-size:1.3rem;color:var(--text-light);font-weight:600;letter-spacing:1px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card{background:var(--card-bg);border:1px solid rgba(0,240,255,.35);border-radius:24px;padding:2rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;margin-bottom:1.5rem}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)}.button{font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:1px;font-size:1.1rem;padding:1rem 2rem;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 16px rgba(0,240,255,.3);position:relative;overflow:hidden}.button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:hsla(0,0%,100%,.25);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.button:hover:after{width:300px;height:300px}.button:active{transform:scale(.95)}.button-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff;box-shadow:0 0 18px rgba(255,46,196,.5)}.button-secondary{background:linear-gradient(135deg,var(--secondary) 0,var(--secondary-dark) 100%);color:#04121a;box-shadow:0 0 18px rgba(0,240,255,.5)}.button-accent{background:linear-gradient(135deg,var(--accent) 0,var(--orange) 100%);color:#1a1400;box-shadow:0 0 18px rgba(204,255,0,.5)}.button-purple{background:linear-gradient(135deg,var(--purple) 0,#7d1ab8 100%);color:#fff;box-shadow:0 0 18px rgba(176,38,255,.5)}.button-success{background:linear-gradient(135deg,var(--green) 0,#1fb80a 100%);color:#02180a;box-shadow:0 0 18px rgba(57,255,20,.5)}.input{width:100%;padding:1rem 1.5rem;border:2px solid rgba(0,240,255,.3);border-radius:16px;font-size:1.1rem;font-family:Nunito,sans-serif;transition:all .3s ease;background:var(--panel-bg);color:var(--text)}.input::placeholder{color:var(--text-light)}.input:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 4px rgba(0,240,255,.2),0 0 14px rgba(0,240,255,.35)}.team-card{background:var(--card-bg);border-radius:20px;padding:1.5rem;box-shadow:0 0 14px rgba(0,240,255,.15);transition:all .3s ease;border:2px solid transparent}.team-card.team-1{border-color:var(--primary);box-shadow:0 0 16px rgba(255,46,196,.35)}.team-card.team-2{border-color:var(--secondary);box-shadow:0 0 16px rgba(0,240,255,.35)}.team-card.team-3{border-color:var(--purple);box-shadow:0 0 16px rgba(176,38,255,.35)}.team-card.team-4{border-color:var(--accent);box-shadow:0 0 16px rgba(204,255,0,.35)}.team-card.active{transform:scale(1.05);box-shadow:0 0 28px rgba(0,240,255,.5)}.team-name{font-family:Orbitron,sans-serif;font-weight:700;font-size:1.4rem;margin-bottom:.5rem}.team-card.team-1 .team-name{color:var(--primary)}.team-card.team-2 .team-name{color:var(--secondary)}.team-card.team-3 .team-name{color:var(--purple)}.team-card.team-4 .team-name{color:var(--accent)}.team-score{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:900;margin:1rem 0}.score-bar{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:stretch;padding:.75rem 1rem;margin-bottom:1rem}.score-pill{display:flex;align-items:baseline;gap:.5rem;background:var(--card-bg);border-radius:14px;padding:.5rem .9rem;box-shadow:0 0 10px rgba(0,240,255,.12);border-left:4px solid transparent;transition:all .2s ease}.score-pill .score-pill-name{font-family:Orbitron,sans-serif;font-weight:700;font-size:.8rem}.score-pill .score-pill-score{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:900}.score-pill.team-1{border-left-color:var(--primary)}.score-pill.team-2{border-left-color:var(--secondary)}.score-pill.team-3{border-left-color:var(--purple)}.score-pill.team-4{border-left-color:var(--accent)}.score-pill.team-1 .score-pill-name{color:var(--primary)}.score-pill.team-2 .score-pill-name{color:var(--secondary)}.score-pill.team-3 .score-pill-name{color:var(--purple)}.score-pill.team-4 .score-pill-name{color:var(--accent)}.score-pill.active{box-shadow:0 0 18px rgba(0,240,255,.4);background:linear-gradient(135deg,rgba(0,240,255,.12),rgba(176,38,255,.12));font-weight:800}.round-badge{display:inline-block;font-family:Orbitron,sans-serif;padding:.5rem 1.5rem;border-radius:50px;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:2px}.round-badge.round-1{background:var(--primary);color:#fff;box-shadow:0 0 16px rgba(255,46,196,.5)}.round-badge.round-2{background:var(--secondary);color:#04121a;box-shadow:0 0 16px rgba(0,240,255,.5)}.round-badge.round-3{background:var(--purple);color:#fff;box-shadow:0 0 16px rgba(176,38,255,.5)}.word-card{background:var(--card-bg);border:1px solid rgba(0,240,255,.35);border-radius:24px;padding:3rem 2rem;text-align:center;box-shadow:var(--shadow);margin:2rem 0;transition:transform .3s ease}.word-card.skip-shake{animation:skipShake .6s ease-in-out}@keyframes skipShake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.word-text{font-family:Orbitron,sans-serif;font-weight:700;font-size:3.2rem;color:#fff;text-shadow:0 0 14px rgba(0,240,255,.6),0 0 28px rgba(0,240,255,.3);margin:1rem 0}.word-hint{font-size:1.2rem;color:var(--text-light);margin-top:.5rem}.word-card button{transition:all .3s ease}.word-card button:active{transform:scale(.95)}.timer-display{font-family:Orbitron,sans-serif;font-weight:900;font-size:6rem;color:var(--secondary);text-shadow:0 0 16px rgba(0,240,255,.7),0 0 32px rgba(0,240,255,.4);text-align:center;margin:1rem 0}.timer-display.warning{animation:pulse .5s ease-in-out infinite;color:var(--primary);text-shadow:0 0 16px rgba(255,46,196,.8),0 0 32px rgba(255,46,196,.4)}.timer-display.critical{animation:urgent .3s ease-in-out infinite;color:#ff3b6b;text-shadow:0 0 18px rgba(255,59,107,.9),0 0 36px rgba(255,59,107,.5)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes urgent{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.score-buttons{display:flex;gap:1rem;justify-content:center;margin:1.5rem 0;flex-wrap:wrap}.score-buttons .button{min-width:120px}.chip-counter{display:flex;justify-content:center;gap:.5rem;margin:1rem 0;flex-wrap:wrap}.chip{width:24px;height:24px;border-radius:50%;background:var(--accent);border:2px solid rgba(204,255,0,.4);box-shadow:0 0 8px rgba(204,255,0,.5);transition:all .3s ease}.chip.used{background:#2a3350;border-color:rgba(143,166,200,.3);box-shadow:none;opacity:.5}.chip.active{background:var(--secondary);border-color:rgba(0,240,255,.5);transform:scale(1.2);box-shadow:0 0 14px rgba(0,240,255,.7)}.input-tag-container{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;border:2px solid rgba(0,240,255,.3);border-radius:16px;min-height:60px;background:var(--panel-bg)}.input-tag{background:linear-gradient(135deg,var(--secondary) 0,var(--secondary-dark) 100%);color:#04121a;padding:.5rem 1rem;border-radius:20px;font-weight:700;display:flex;align-items:center;gap:.5rem;box-shadow:0 0 10px rgba(0,240,255,.4);animation:tagIn .3s ease}@keyframes tagIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.input-tag-remove{cursor:pointer;font-weight:700;opacity:.7;transition:opacity .2s}.input-tag-remove:hover{opacity:1}.input-tag input{border:none;background:transparent;color:var(--text);font-size:1rem;width:200px;outline:none}.emoji-decoration{font-size:2rem;animation:rotate 10s linear infinite;display:inline-block}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.victory-screen{text-align:center;padding:3rem}.victory-title{font-family:Orbitron,sans-serif;font-weight:900;letter-spacing:2px;font-size:4rem;color:var(--accent);text-shadow:0 0 16px rgba(204,255,0,.7),0 0 32px rgba(204,255,0,.4);margin-bottom:1rem;animation:victoryBounce 1s ease-in-out infinite}@keyframes victoryBounce{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.1) rotate(2deg)}}.winner-trophy{font-size:8rem;margin:2rem 0;animation:spin 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(204,255,0,.6))}@keyframes spin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(15deg) scale(1.1)}to{transform:rotate(0deg) scale(1)}}@media (max-width:768px){.title{font-size:2.4rem}.subtitle{font-size:1rem}.container{padding:1rem}.card{padding:1.5rem}.word-text{font-size:2.3rem}.timer-display{font-size:4rem;margin:1rem 0}.team-score{font-size:2rem}.word-card{padding:2rem 1rem;margin:1.5rem 0}.word-hint{font-size:1rem}.round-badge{font-size:.85rem;padding:.4rem 1rem}.score-buttons{flex-wrap:wrap}.score-buttons .button{min-height:52px}.score-bar{padding:.5rem}}@media (max-width:400px){.title{font-size:1.8rem}.container{padding:.75rem}.card{padding:1.25rem}.word-text{font-size:1.8rem}.timer-display{font-size:3rem}.word-card{padding:1.5rem .75rem}.score-pill{padding:.4rem .7rem}.score-pill .score-pill-name{font-size:.72rem}.score-pill .score-pill-score{font-size:1rem}}