@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700&display=swap";:root{--bg-color:#e0f2fe;--primary:#ff6b6b;--primary-hover:#fa5252;--secondary:#4ecdc4;--secondary-hover:#3bbfb6;--text-dark:#1e293b;--text-muted:#64748b;--card-bg:#fff;--border-dark:#1e293b;--danger:#ef4444;--success:#22c55e}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-dark);overscroll-behavior-y:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent;background-image:radial-gradient(#bae6fd 20%,#0000 20%),radial-gradient(#bae6fd 20%,#0000 20%);background-position:0 0,20px 20px;background-size:40px 40px;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-family:Fredoka,cursive;display:flex}#root{width:100%;max-width:800px;padding:1rem}.glass-panel{background:var(--card-bg);border:4px solid var(--border-dark);box-shadow:8px 8px 0px var(--border-dark);border-radius:24px;padding:2rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) popIn}h1{text-align:center;color:var(--primary);text-shadow:3px 3px 0px var(--border-dark);letter-spacing:2px;margin-bottom:2rem;font-size:3.5rem;font-weight:700}h2{text-align:center;color:var(--text-dark);margin-bottom:1.5rem;font-size:2.2rem;font-weight:600}h3{color:var(--secondary);margin-bottom:1rem;font-size:1.5rem;font-weight:600}p{margin-bottom:1rem;font-size:1.1rem;line-height:1.6}input,select{border:3px solid var(--border-dark);width:100%;color:var(--text-dark);background:#f8fafc;border-radius:15px;outline:none;margin-bottom:1rem;padding:1rem;font-family:Fredoka,cursive;font-size:1.1rem;transition:transform .1s,box-shadow .1s}input:focus,select:focus{box-shadow:4px 4px 0px var(--border-dark);transform:translateY(-2px)}button{border:3px solid var(--border-dark);background:var(--primary);color:#fff;cursor:pointer;width:100%;box-shadow:4px 4px 0px var(--border-dark);text-transform:uppercase;letter-spacing:1px;border-radius:15px;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;padding:1rem 1.5rem;font-family:Fredoka,cursive;font-size:1.2rem;font-weight:700;transition:transform .1s,box-shadow .1s;display:flex}button:hover{background:var(--primary-hover);box-shadow:6px 6px 0px var(--border-dark);transform:translate(-2px,-2px)}button:active{box-shadow:0px 0px 0px var(--border-dark);transform:translate(2px,2px)}button.secondary{background:var(--secondary);color:var(--text-dark)}button.secondary:hover{background:var(--secondary-hover)}button.danger{background:var(--danger)}button.danger:hover{background:#dc2626}.player-list{gap:.8rem;margin-bottom:2rem;list-style:none;display:grid}.player-item{border:3px solid var(--border-dark);box-shadow:3px 3px 0px var(--border-dark);background:#f1f5f9;border-radius:15px;justify-content:space-between;align-items:center;padding:1rem;transition:transform .2s;display:flex}.player-item:hover{transform:rotate(-1deg)scale(1.02)}.player-name{color:var(--text-dark);align-items:center;gap:.5rem;font-size:1.2rem;font-weight:600;display:flex}.host-badge{color:var(--text-dark);border:2px solid var(--border-dark);text-transform:uppercase;background:#fbbf24;border-radius:10px;padding:.4rem .8rem;font-size:.8rem;font-weight:700}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.pulse{animation:2s infinite pulse}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)rotate(2deg)}to{transform:scale(1)}}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.gap-4{gap:1rem}.text-muted{color:var(--text-muted);font-weight:600}@media (width<=600px){.mobile-form{flex-direction:column!important}.mobile-form input{margin-bottom:10px!important}h1{font-size:2.5rem}.glass-panel{padding:1.5rem}}.card-secret{border:4px solid var(--border-dark);text-align:center;cursor:pointer;box-shadow:6px 6px 0px var(--border-dark);background:#fffbeb;border-radius:20px;margin:2rem 0;padding:3rem 2rem;transition:transform .2s}.card-secret:hover{box-shadow:6px 11px 0px var(--border-dark);transform:translateY(-5px)}.word-display{color:var(--primary);text-transform:uppercase;margin-top:1rem;font-size:3rem;font-weight:700;animation:.5s cubic-bezier(.175,.885,.32,1.275) popIn}