/* V1.3.15 — Premium redesign for /rooms. Visual layer only; existing routes/forms remain unchanged. */
.rooms-page{padding-top:18px;padding-bottom:72px}
.rooms-shell{position:relative;background:linear-gradient(145deg,#ffffff 0%,#f8fbff 48%,#eef5ff 100%);border:1px solid rgba(148,163,184,.20);box-shadow:0 30px 90px rgba(15,23,42,.12);overflow:hidden}
.rooms-shell::before{content:"";position:absolute;inset:-35% -20% auto;height:480px;background:radial-gradient(circle at 50% 0%,rgba(59,130,246,.13),transparent 58%);pointer-events:none}
.v15-rooms-hero{position:relative;isolation:isolate;min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 12px 34px;overflow:hidden}
.v15-hero-orb{position:absolute;border-radius:999px;filter:blur(2px);opacity:.65;pointer-events:none;z-index:-1}
.v15-hero-orb-a{width:170px;height:170px;top:12px;right:4%;background:radial-gradient(circle,rgba(124,58,237,.16),transparent 70%);animation:v15Orb 8s ease-in-out infinite}
.v15-hero-orb-b{width:210px;height:210px;bottom:-40px;left:3%;background:radial-gradient(circle,rgba(14,165,233,.15),transparent 70%);animation:v15Orb 10s ease-in-out infinite reverse}
.v15-hero-icon{display:grid;place-items:center;width:92px;height:92px;border-radius:30px;background:linear-gradient(145deg,#ffffff,#edf4ff);border:1px solid rgba(59,130,246,.18);box-shadow:0 18px 38px rgba(37,99,235,.16),inset 0 1px 0 #fff;font-size:50px;margin-bottom:14px;animation:v15HeroFloat 5s ease-in-out infinite}
.v15-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(239,246,255,.92);border:1px solid #dbeafe;color:#1d4ed8;font-size:14px;font-weight:900;box-shadow:0 8px 20px rgba(37,99,235,.08)}
.v15-status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12);animation:v15Pulse 2s ease-in-out infinite}
.v15-rooms-hero h1{position:relative;margin:13px 0 8px;font-size:clamp(32px,5.5vw,52px);letter-spacing:-.8px;background:linear-gradient(100deg,#173b8f 10%,#2563eb 48%,#7c3aed 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.v15-rooms-hero p{max-width:720px;color:#52627a;font-size:clamp(16px,2.2vw,19px);line-height:1.9;margin:0}
.v15-hero-stats{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:22px;padding:10px 14px;border:1px solid rgba(203,213,225,.75);background:rgba(255,255,255,.72);backdrop-filter:blur(10px);border-radius:18px;box-shadow:0 12px 28px rgba(15,23,42,.06);color:#64748b;font-size:13px;font-weight:700}
.v15-hero-stats b{color:#173b8f;font-size:15px}.v15-hero-stats i{width:1px;height:18px;background:#cbd5e1}
.v15-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:8px 0 18px;padding:0 3px}
.v15-section-heading>div>span{display:block;color:#2563eb;font-size:13px;font-weight:900;letter-spacing:.04em;margin-bottom:4px}.v15-section-heading h2{margin:0;color:#0f172a;font-size:clamp(22px,3vw,30px)}.v15-section-heading small{color:#64748b;font-size:13px}
.v15-rooms-grid{position:relative;z-index:1;gap:20px}
.v15-mode-card{min-height:360px;padding:25px 21px 20px!important;border:1px solid rgba(203,213,225,.82)!important;border-top:4px solid var(--card-accent)!important;border-radius:24px!important;background:rgba(255,255,255,.88)!important;box-shadow:0 14px 34px rgba(15,23,42,.075)!important;backdrop-filter:blur(8px);overflow:hidden;transform:translateY(12px);opacity:0;animation:v15CardIn .65s cubic-bezier(.2,.75,.25,1) forwards}
.v15-mode-card::before{background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--card-accent) 14%,transparent),transparent 55%)!important}
.v15-mode-card::after{width:180px!important;height:180px!important;top:-90px!important;left:-70px!important;background:color-mix(in srgb,var(--card-accent) 9%,transparent)!important}
.v15-mode-card:nth-child(1){animation-delay:.04s}.v15-mode-card:nth-child(2){animation-delay:.09s}.v15-mode-card:nth-child(3){animation-delay:.14s}.v15-mode-card:nth-child(4){animation-delay:.19s}.v15-mode-card:nth-child(5){animation-delay:.24s}.v15-mode-card:nth-child(6){animation-delay:.29s}.v15-mode-card:nth-child(7){animation-delay:.34s}
.v15-mode-card:hover,.v15-mode-card:focus-within{transform:translateY(-8px)!important;box-shadow:0 25px 55px rgba(15,23,42,.14)!important;border-color:color-mix(in srgb,var(--card-accent) 35%,#e2e8f0)!important}
.v15-mode-card .room-mode-icon{width:76px;height:76px;margin-bottom:13px;border-radius:22px;font-size:39px;box-shadow:0 14px 28px rgba(15,23,42,.09);background:color-mix(in srgb,var(--card-accent) 9%,white);border-color:color-mix(in srgb,var(--card-accent) 20%,#e2e8f0)}
.v15-mode-card h2{font-size:21px;margin:3px 0 9px;color:#172033}.v15-mode-card p{font-size:15px;line-height:1.85;color:#64748b;margin-bottom:17px}.v15-mode-card small{font-size:12.5px;color:#64748b}
.v15-mode-card .rooms-link-btn,.v15-mode-card .mode-btn{min-height:54px;border-radius:15px!important;font-size:16px!important;box-shadow:0 12px 24px rgba(15,23,42,.13)!important}
.v15-mode-card[data-mode="solo"] .rooms-link-btn::after{content:'  180 ثانية';font-size:12px;opacity:.8;margin-inline-start:6px}
.v15-mode-card[data-mode="tournament"]::before{background:radial-gradient(circle at 50% 0%,rgba(234,179,8,.15),transparent 55%)!important}
.v15-mode-card[data-mode="quick"] .mode-btn{position:relative}
.v15-mode-card[data-mode="quick"] .mode-btn::before{content:'●';font-size:9px;margin-inline-end:8px;color:rgba(255,255,255,.9);animation:v15Pulse 1.7s infinite}
.v15-mode-card[data-mode="private"] .rooms-link-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important}
.v15-mode-card[data-mode="join"] .rooms-link-btn{background:linear-gradient(135deg,#16a34a,#15803d)!important}
.v15-mode-card[data-mode="whatsapp"]::after{content:'دعوة صديق'!important;top:13px!important;left:13px!important;background:#dcfce7!important;color:#166534!important;border:1px solid #bbf7d0;font-size:11px!important;box-shadow:0 5px 12px rgba(22,163,74,.1)}
.rooms-active{position:relative;border:1px solid #bfdbfe!important;background:linear-gradient(135deg,#eff6ff,#f8fbff)!important;box-shadow:0 16px 32px rgba(37,99,235,.08);overflow:hidden}
.rooms-active::before{content:'●';position:absolute;top:14px;left:16px;color:#22c55e;font-size:12px;animation:v15Pulse 2s infinite}
.rooms-alert{box-shadow:0 10px 24px rgba(15,23,42,.06)}
@keyframes v15CardIn{to{opacity:1;transform:translateY(0)}}
@keyframes v15HeroFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(-1deg)}}
@keyframes v15Orb{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(12px,-10px,0)}}
@keyframes v15Pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.8)}}
@media(max-width:1000px){.v15-rooms-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v15-mode-card{min-height:350px}}
@media(max-width:650px){.rooms-page{padding:7px 7px 38px}.rooms-shell{border-radius:20px;padding:11px}.v15-rooms-hero{min-height:330px;padding:24px 8px 27px}.v15-hero-icon{width:80px;height:80px;border-radius:25px;font-size:44px}.v15-hero-stats{gap:8px 12px;border-radius:15px}.v15-hero-stats i{display:none}.v15-section-heading{align-items:flex-start;flex-direction:column;gap:5px;margin-bottom:14px}.v15-rooms-grid{grid-template-columns:1fr!important;gap:14px}.v15-mode-card{min-height:0;padding:23px 17px 19px!important;border-radius:21px!important}.v15-mode-card .room-mode-icon{width:70px;height:70px;font-size:36px}.v15-mode-card .rooms-link-btn,.v15-mode-card .mode-btn{min-height:57px}.v15-hero-orb-a{right:-70px}.v15-hero-orb-b{left:-90px}}
@media(prefers-reduced-motion:reduce){.v15-hero-icon,.v15-status-dot,.v15-hero-orb,.v15-mode-card{animation:none!important;opacity:1;transform:none}.v15-mode-card:hover,.v15-mode-card:focus-within{transform:none!important}}