.group-members-container.svelte-1s3v4ue{padding:20px;border-radius:10px;background:#cc8e1c57;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;gap:2rem;width:clamp(250px,25vw,800px);height:auto;min-height:fit-content}.group-members-container.svelte-1s3v4ue h2:where(.svelte-1s3v4ue){text-align:center;font-size:clamp(30px,2vw,100vw);color:#ddce03}.group-members-list.svelte-1s3v4ue{list-style-type:none;gap:12px;display:flex;flex-direction:column}.member-item.svelte-1s3v4ue{display:flex;align-items:center;justify-content:center;background:#ff91006e;padding:5px;border-radius:8px;transition:all .3s ease;position:relative}.member-item.spectator-member.svelte-1s3v4ue{background:#78787859;border:1px dashed rgba(255,255,255,.25)}.leader-actions.svelte-1s3v4ue{display:flex;align-items:center;gap:8px}.spectator-toggle-btn.svelte-1s3v4ue,.transfer-leader-btn.svelte-1s3v4ue,.remove-member-btn.svelte-1s3v4ue{background:transparent;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.spectator-toggle-img.svelte-1s3v4ue,.transfer-icon.svelte-1s3v4ue{width:clamp(38px,3vw,64px);height:clamp(38px,3vw,64px);border-radius:12px;padding:4px;transition:filter .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #00000040;background:#0000000d}.spectator-toggle-img.is-spectator.svelte-1s3v4ue{filter:grayscale(1) brightness(.8)}.spectator-toggle-btn.svelte-1s3v4ue:hover .spectator-toggle-img:where(.svelte-1s3v4ue),.transfer-leader-btn.svelte-1s3v4ue:hover,.remove-member-btn.svelte-1s3v4ue:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000040}.transfer-leader-btn.svelte-1s3v4ue{background:transparent;border:none;padding:0;width:auto;height:auto;display:inline-flex;align-items:center;justify-content:center}.transfer-leader-btn.svelte-1s3v4ue:hover .transfer-icon:where(.svelte-1s3v4ue){transform:translateY(-2px);box-shadow:0 6px 18px #0000004d}.sr-only.svelte-1s3v4ue{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.member-item.svelte-1s3v4ue:hover{background-color:#d88912a4}.user-info-container.svelte-1s3v4ue{flex-direction:row;display:flex;align-items:center;justify-content:center;gap:12px}.leader-info-container.svelte-1s3v4ue{gap:32px}.username-actions-wrapper.svelte-1s3v4ue{display:flex;flex-direction:column;align-items:center;gap:8px}.username.svelte-1s3v4ue{display:inline-flex;align-items:center;position:relative}.leader-actions.svelte-1s3v4ue{display:flex;flex-direction:row;align-items:center;gap:8px}.house-container.svelte-1s3v4ue{position:relative}.house-img.svelte-1s3v4ue{width:clamp(60px,4vw,100vw)}.leader-crown.svelte-1s3v4ue{position:absolute;bottom:-3px;left:-28px;width:clamp(55px,4vw,100vw);height:clamp(55px,4vw,100vw);z-index:10;transform:rotate(-35deg)}.username.svelte-1s3v4ue{font-size:clamp(25px,1.8vw,100vw);color:#fff;border-radius:5px;font-weight:700;position:relative;word-wrap:break-word;word-break:break-word}.member-item.spectator.svelte-1s3v4ue{filter:grayscale(.9);background:#46464680;border:1px dashed rgba(255,255,255,.25)}.remove-member-btn.svelte-1s3v4ue{background:#dc3545eb;border-radius:12px;width:40px;height:40px;border:none;padding:8px;margin-left:8px;box-shadow:0 4px 14px #00000040;transition:transform .2s ease,box-shadow .2s ease}.remove-member-btn.svelte-1s3v4ue:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000004d}.remove-member-btn.svelte-1s3v4ue:active{transform:translateY(0)}.remove-icon.svelte-1s3v4ue{width:16px;height:16px;color:#fff}.change-house-btn.svelte-1s3v4ue,.edit-username-btn.svelte-1s3v4ue{position:absolute;background:transparent;border:none;padding:0;cursor:pointer;transition:transform .2s ease}.change-house-btn.svelte-1s3v4ue{width:clamp(15px,1vw,100vw);bottom:5px;right:3px}.edit-username-btn.svelte-1s3v4ue{width:clamp(15px,1vw,100vw);bottom:-10px;right:-18px}.change-house-btn.svelte-1s3v4ue:hover,.edit-username-btn.svelte-1s3v4ue:hover{transform:scale(1.1)}.change-house-btn.svelte-1s3v4ue img:where(.svelte-1s3v4ue),.edit-username-btn.svelte-1s3v4ue img:where(.svelte-1s3v4ue){width:100%;height:auto;display:block}.edit-container.svelte-1s3v4ue{display:flex;gap:10px;margin-top:8px;align-items:center}.username-input.svelte-1s3v4ue{padding:8px;font-size:clamp(15px,1vw,100vw);background:#442d0478;border-radius:5px;border:none;outline:none;width:80%;transition:border .3s ease;font-family:Libre Baskerville,serif;font-weight:700;color:#fff}.save-username-btn.svelte-1s3v4ue{padding:0 6px;font-size:clamp(10px,.7vw,100vw);color:#fff;background:#442d0478;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.save-username-btn.svelte-1s3v4ue:hover{background:#442d04b3}.house-selector.svelte-1s3v4ue{display:flex;gap:8px;margin-top:8px;justify-content:center}.house-option.svelte-1s3v4ue{border:none;background:transparent;padding:0;cursor:pointer;transition:transform .2s ease;border-radius:8px}.house-option.svelte-1s3v4ue img:where(.svelte-1s3v4ue){width:clamp(55px,4.5vw,100vw);height:auto;display:block}.house-option.svelte-1s3v4ue:hover{transform:scale(1.1)}.selected-game-image-container.svelte-1s3v4ue{display:flex;justify-content:center}#code-input-container.svelte-1s3v4ue{justify-content:center;gap:clamp(12px,1.5vw,24px);display:flex;flex-wrap:wrap;align-items:center;width:100%}#selected-code-input.svelte-1s3v4ue{padding:clamp(12px,1.2vw,18px);font-size:clamp(18px,1.4vw,26px);background:#442d0478;border-radius:8px;border:none;outline:none;width:clamp(200px,35%,360px);transition:border .3s ease;font-family:Libre Baskerville,serif;font-weight:700;color:#fff;text-align:center;letter-spacing:.2em}#selected-code-input.svelte-1s3v4ue::placeholder{color:#fff9;font-size:inherit;letter-spacing:.25em}#validate-code-button.svelte-1s3v4ue{padding:clamp(10px,1vw,16px) clamp(20px,2.5vw,32px);font-size:clamp(14px,1vw,18px);color:#fff;background:#442d0499;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;font-weight:700;letter-spacing:.05em}#validate-code-button.svelte-1s3v4ue:hover{transform:translateY(-2px);background:#442d04bf}.invitation-section.svelte-1s3v4ue{display:flex;flex-direction:column;align-items:center;gap:1rem}.pushableinvite.svelte-1s3v4ue{background:#066624;border-radius:12px;border:none;padding:0;cursor:pointer;outline-offset:4px;margin:1.25rem 0;width:60%;align-self:center}.frontinvite.svelte-1s3v4ue{display:block;padding:1rem 2rem;border-radius:12px;font-size:clamp(14px,1vw,100vw);font-weight:700;background:#188d0a;color:#fff;transform:translateY(-6px);pointer-events:none}.pushableinvite.svelte-1s3v4ue:active .frontinvite:where(.svelte-1s3v4ue){transform:translateY(-2px)}.success-invitation-message.svelte-1s3v4ue{color:#fff;font-size:clamp(14px,1vw,100vw);font-weight:700;width:50%;background-color:#188d0a;align-self:center;padding:12px 0;justify-content:center;border-radius:10px;display:flex;align-items:center;gap:8px}.checkmark-icon.svelte-1s3v4ue{width:clamp(20px,1vw,100vw);height:clamp(20px,1vw,100vw)}@media (max-width: 1024px) and (min-width: 769px){.group-members-container.svelte-1s3v4ue{width:clamp(280px,30vw,600px);padding:16px}.group-members-container.svelte-1s3v4ue h2:where(.svelte-1s3v4ue){font-size:clamp(24px,1.8vw,32px)}}@media (max-width: 768px){.group-members-container.svelte-1s3v4ue{width:100%;max-width:100%;padding:16px;margin:0 auto}.group-members-container.svelte-1s3v4ue h2:where(.svelte-1s3v4ue){font-size:clamp(20px,5vw,28px)}.member-item.svelte-1s3v4ue{padding:8px}.house-img.svelte-1s3v4ue{width:clamp(50px,8vw,80px)}.username.svelte-1s3v4ue{font-size:clamp(18px,4vw,24px)}.spectator-toggle-img.svelte-1s3v4ue,.transfer-icon.svelte-1s3v4ue{width:clamp(32px,6vw,50px);height:clamp(32px,6vw,50px)}}@media (max-width: 480px){.group-members-container.svelte-1s3v4ue{padding:12px;gap:1rem}.group-members-container.svelte-1s3v4ue h2:where(.svelte-1s3v4ue){font-size:clamp(18px,4.5vw,24px);margin-bottom:.5rem}.member-item.svelte-1s3v4ue{padding:6px;flex-wrap:wrap}.user-info-container.svelte-1s3v4ue{flex-wrap:wrap;justify-content:center;gap:8px}.username-actions-wrapper.svelte-1s3v4ue{width:100%;align-items:center}.leader-actions.svelte-1s3v4ue{flex-wrap:wrap;justify-content:center}}