.app{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#e0f7fa;color:#2c3e50;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center;padding:2rem}.frog{width:180px;max-width:50%;margin:1.5rem 0;transition:transform .2s ease,filter .2s ease}.frog.active:hover{transform:scale(1.05);filter:drop-shadow(0 0 10px #4caf50)}.caption{font-size:1.2rem;color:#555}.frog.screaming{animation:screamAnimation 3s ease-in-out}.frog{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@keyframes screamAnimation{0%{transform:scale(1.1) rotate(0)}25%{transform:scale(1.2) rotate(5deg)}50%{transform:scale(1.3) rotate(5deg)}75%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0)}}.frog-container{display:inline-flex;flex-direction:column;align-items:center}.frog-name{margin-top:8px;padding:4px 8px;background:#333;color:#fff;font-size:14px;border-radius:6px;position:relative;text-align:center}.frog-name.me{background:#fff;color:#000}.dude-selector-title{text-align:center;margin-top:20px}.dude-selector-container{display:flex;justify-content:center;align-items:center;gap:15px;margin:15px 0}.dude-nav-button{padding:10px 15px;cursor:pointer;border-radius:8px;border:none;background:#333;color:#fff;font-weight:700;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.dude-nav-button:hover{background:#555}.dude-nav-button:active{background:#111}.dude-options-row{display:flex;gap:10px;overflow:hidden}.dude-option{cursor:pointer;padding:5px;border-radius:12px;border:3px solid transparent;background-color:transparent;transition:all .2s ease-in-out;display:flex;flex-direction:column;align-items:center;width:80px}.dude-option:hover{background-color:#ffffff4d}.dude-option.selected{border-color:#28a745;background-color:#28a74533}.dude-image{width:60px;height:60px;object-fit:contain}.dude-label{font-size:.75rem;margin-top:5px;font-weight:400;text-align:center}.dude-label.selected{font-weight:700}.private-room-container{margin:15px auto;padding:12px 18px;background:#ffffffb3;border-radius:10px;max-width:450px;text-align:center;box-shadow:0 2px 6px #0000001a}.private-room-info{margin-bottom:8px;font-size:.9rem;color:#333}.private-room-form{display:flex;gap:8px;justify-content:center}.private-room-input{padding:8px 12px;border:1px solid #ccc;border-radius:6px;font-size:.9rem;flex:1}.private-room-button{padding:8px 14px;border:none;background-color:#28a745;color:#fff;font-weight:700;border-radius:6px;cursor:pointer;transition:background-color .2s}.private-room-button:hover{background-color:#218838}.current-room-badge{margin-top:8px;font-size:.85rem;color:#555}