.feedback-modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(0,0,0,.5)}.feedback-modal{width:100%;max-width:500px;max-height:90vh;padding:2rem;overflow-y:auto;background:#fff;border-radius:1.25rem;box-shadow:0 8px 32px 0 rgba(0,0,0,.1)}.feedback-modal__header{margin-bottom:2rem;text-align:center}.feedback-modal__title{margin:0 0 .5rem;font-family:var(--font-fredoka),"Fredoka",sans-serif;font-size:1.75rem;font-weight:700;color:#222}.feedback-modal__subtitle{margin:0;font-family:var(--font-rubik),"Rubik",sans-serif;font-size:.938rem;color:#6b7280}.feedback-modal__form{display:flex;flex-direction:column;gap:1rem}.feedback-modal__field{display:flex;flex-direction:column;gap:.5rem}.feedback-modal__label{font-family:var(--font-fredoka),"Fredoka",sans-serif;font-size:.938rem;font-weight:600;color:#222}.feedback-modal__stars{display:flex;gap:.25rem;justify-content:center}.feedback-modal__textarea{transition:border-color .18s cubic-bezier(.4,0,.2,1);width:100%;min-height:100px;padding:1rem;font-family:var(--font-rubik),"Rubik",sans-serif;font-size:.938rem;color:#222;border:2px solid #e5e7eb;border-radius:.75rem;resize:vertical}.feedback-modal__textarea:focus{border-color:#08f;outline:none}.feedback-modal__textarea::-moz-placeholder{color:#6b7280}.feedback-modal__textarea::placeholder{color:#6b7280}.feedback-modal__char-count{font-family:var(--font-rubik),"Rubik",sans-serif;font-size:.813rem;text-align:right;color:#6b7280}.feedback-modal__error{padding:.5rem 1rem;font-family:var(--font-rubik),"Rubik",sans-serif;font-size:.875rem;text-align:center;color:#c33;background:#fee;border:1px solid #fcc;border-radius:.5rem}.feedback-modal__actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.star-btn{transition:all .2s cubic-bezier(.4,0,.2,1);padding:.25rem;font-size:2rem;color:#e5e7eb;background:rgba(0,0,0,0);border:none;cursor:pointer}.star-btn:not(:disabled):active{transform:scale(1.2)}@media(hover:hover){.star-btn:not(:disabled):hover{transform:scale(1.2)}}.star-btn--active{color:#ffd100}.star-btn:disabled{opacity:50%;cursor:not-allowed}@media(width <= 640px){.feedback-modal{padding:1rem}.feedback-modal__title{font-size:1.5rem}.feedback-modal__subtitle{font-size:.875rem}.feedback-modal__actions{flex-direction:column-reverse}.feedback-modal__actions button{width:100%}.star-btn{font-size:1.75rem}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes bounce-slow{0%,to{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-80px) rotate(3deg)}}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.float{animation:float 6s ease-in-out infinite}.bounce-slow{animation:bounce-slow 3s infinite}.spin-slow{animation:spin-slow 8s linear infinite}.game-controls{display:flex;gap:1rem;width:100%;max-width:350px;margin-top:2rem}.game-controls .invite-btn,.game-controls .new-match-btn,.game-controls .show-rules-btn{display:flex;flex:1 1 0;gap:.5rem;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;padding:.9rem 0;font-size:1rem;border-radius:1.25rem;box-shadow:0 4px 16px 0 rgba(0,0,0,.08)}.game-controls .show-rules-btn{flex:0 0 auto;min-width:100px}.game-controls .new-match-btn{flex:1}@media(width <= 768px){.game-controls{gap:.875rem;max-width:400px;margin-top:1.5rem}.game-controls .invite-btn,.game-controls .new-match-btn,.game-controls .show-rules-btn{gap:.375rem;padding:.8rem 0;font-size:.95rem}.game-controls .show-rules-btn{min-width:90px}}@media(width <= 480px){.game-controls{gap:.75rem;max-width:95%;margin-top:1.25rem}.game-controls .invite-btn,.game-controls .new-match-btn,.game-controls .show-rules-btn{gap:.25rem;padding:.75rem 0;font-size:.9rem}.game-controls .show-rules-btn{min-width:80px}}@media(width <= 360px){.game-controls{gap:.5rem}.game-controls .invite-btn,.game-controls .new-match-btn,.game-controls .show-rules-btn{padding:.625rem 0;font-size:.85rem}.game-controls .show-rules-btn{min-width:70px}}