.normal-room{width:min(100%,680px);margin:auto;padding:clamp(12px,3vw,30px);text-align:center;border:1px solid #b99c61;border-radius:16px;background:linear-gradient(135deg,#123c50f2,#061c2ef5);max-height:calc(100dvh - 125px);overflow:auto;overscroll-behavior:contain;color:#f4ead4}.normal-room h3{margin:8px 0;color:#f0d38b;font-size:clamp(20px,3vw,30px)}.normal-room p{margin:12px 0;line-height:1.45;color:#c9dce4}.normal-room button{margin:8px;min-height:44px;border:1px solid #b99c61;background:#123344;border-radius:8px;color:#f4ead4;padding:10px 22px}.normal-room button.primary{background:linear-gradient(130deg,#228295,#07546b);border-color:#e1bc65}.normal-room small{display:block;line-height:1.4;color:#c9dce4}.normal-emblem{display:block;font-size:36px;color:#f0d38b}.normal-clock{display:block;font-size:clamp(32px,6vw,54px);color:#85dcf2;font-variant-numeric:tabular-nums}.normal-formats{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:18px 0}.normal-formats>*{padding:8px;border:1px solid #698c9d;border-radius:6px;font-size:13px}.normal-formats strong{background:#176274;border-color:#e1bc65}.normal-formats span{opacity:.65}.normal-room .normal-error{color:#ffb8a7}@media(max-height:500px){.normal-emblem{font-size:24px}.normal-room p{font-size:13px;margin:6px 0}.normal-room{padding:10px 18px}.normal-formats{margin:8px 0}.normal-clock{font-size:32px}}

.group-screen{width:100%;text-align:center}.group-members{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:16px 0}.group-member{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:145px;min-height:145px;padding:12px;border:1px solid #ac905066;border-radius:12px;background:#0b263899}.group-member img{border-radius:50%}.group-member span{font-size:12px}.group-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.group-invite-picker{position:fixed;z-index:120;inset:8% max(12px,12%);display:flex;flex-direction:column;text-align:left;background:#0a2233;border:1px solid #c5b477;border-radius:14px;padding:14px;box-shadow:0 8px 40px #000b}.group-invite-picker header{display:flex;justify-content:space-between;padding:0;gap:8px}.group-invite-picker label{display:flex;gap:8px;align-items:center;margin:12px 0}.group-invite-picker input{flex:1;min-width:0}.group-friend-list{overflow:auto;min-height:0}.group-friend-list article{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid #7c979944}.group-friend-list strong{flex:1}.group-friend-list span{font-size:11px}.group-friend-list img{border-radius:50%}.group-screen>small{display:block;margin-top:12px}.normal-room:has(.group-screen){padding:16px;overflow:auto}