body:has(.room-entry:not([hidden])){background:radial-gradient(circle at 50% 3%,#39301d 0,transparent 25%),radial-gradient(circle at 50% 70%,#171922 0,#07080c 70%)}
.room-entry::before{content:"اختر غرفتك";position:absolute;top:75px;right:0;left:0;color:#777d8b;font-size:9px;font-weight:800;letter-spacing:1.6px;text-align:center}.room-board{gap:9px;height:calc(100dvh - 94px);max-height:700px}.main-room-card{border-color:#d8b45b2b;border-radius:25px;padding:19px 13px 13px;background:radial-gradient(circle at 50% 2%,#d8b45b2b,transparent 35%),linear-gradient(155deg,#1c1e27,#0b0c11);box-shadow:0 25px 65px #000b,0 0 35px #d8b45b0c,inset 0 1px #ffffff12}.main-room-visual{position:relative;display:grid;width:58px;height:58px;margin:0 auto 7px;place-items:center;border:1px solid #d8b45b47;border-radius:19px;background:linear-gradient(145deg,#d8b45b1c,#090a0e);transform:rotate(45deg);box-shadow:0 10px 25px #0008}.main-room-visual::after{content:"";position:absolute;inset:5px;border:1px solid #ffffff0a;border-radius:14px}.main-room-visual .main-crown{font-size:29px;transform:rotate(-45deg);filter:drop-shadow(0 0 9px #d8b45b88)}.main-room-visual i{position:absolute;right:-3px;bottom:-3px;width:11px;height:11px;border:2px solid #111218;border-radius:50%;background:#73d89a;box-shadow:0 0 10px #73d89a}.main-room-card>small{display:block;margin-top:10px;color:#b69a55;font-weight:800;letter-spacing:1.3px}.main-room-card h2{margin:3px 0 4px;font-size:18px}.main-room-card>p{max-width:200px;margin:0 auto 12px;font-size:9px}.main-room-card .creator-access{gap:6px}.creator-access label{color:#858a98;font-size:8px;text-align:right}.main-room-card .creator-access input{height:43px;border-color:#ffffff14;background:#07080ccf;font-size:15px}.main-room-card .creator-access input::placeholder{color:#777;letter-spacing:4px}.main-room-card .primary{display:flex;min-height:43px;align-items:center;justify-content:center;gap:5px;font-size:11px}.main-room-card .primary span{font-size:16px}.mini-divider{display:flex;align-items:center;gap:7px;margin:9px 0}.mini-divider::before,.mini-divider::after{content:"";position:static;flex:1;border-top:1px solid #ffffff0d}.mini-divider span{padding:0;background:transparent;white-space:nowrap}.baron-contact{position:relative;overflow:hidden;border-color:#d8b45b2b;background:linear-gradient(135deg,#d8b45b0f,#ffffff05)}.baron-contact::after{content:"↗";position:absolute;top:7px;left:8px;color:#d8b45b;font-size:10px}.baron-contact i{display:inline-block;border-radius:999px;padding:3px 7px;background:#d8b45b14}
.private-side{gap:8px}.room-board .private-room{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:1fr auto;min-height:74px;align-items:center;column-gap:5px;border-color:#ffffff12;border-radius:16px;padding:8px;background:linear-gradient(145deg,#171920,#0b0c11);box-shadow:0 8px 22px #0005;text-align:right}.room-board .private-room::after{content:"";position:absolute;top:0;right:0;bottom:0;width:2px;background:#ffffff12}.room-board .room-emblem{position:static;display:grid;grid-row:1/3;width:27px;height:27px;place-items:center;border:1px solid #ffffff12;border-radius:9px;background:#ffffff08;color:#777c88;font-size:13px}.room-copy{min-width:0}.room-board .private-room b{display:block;overflow:hidden;max-width:none;margin:0;color:#b9bdc7;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.room-board .private-room small{display:block;overflow:hidden;margin:2px 0 0;color:#646a77;font-size:6px;text-overflow:ellipsis;white-space:nowrap}.room-board .room-state{position:static;width:max-content;margin:3px 0 0;border-radius:999px;padding:2px 5px;background:#ffffff08;color:#707582;font-size:6px;font-style:normal;font-weight:800}.room-board .kingdom-room{min-height:84px;border-color:#d8b45b4a;background:radial-gradient(circle at 0 0,#d8b45b2a,transparent 55%),linear-gradient(145deg,#211d16,#0d0e13);box-shadow:0 12px 30px #0007,0 0 20px #d8b45b0b}.room-board .kingdom-room::after{background:linear-gradient(#f4de90,#8c6827)}.room-board .kingdom-room .room-emblem{border-color:#d8b45b45;background:#d8b45b18;color:#f2da8d;box-shadow:0 0 15px #d8b45b18}.room-board .kingdom-room b{color:#f0dda5}.room-board .room-state.available{background:#73d89a17;color:#8fe2ae}.private-room.locked{opacity:.5;filter:none}.private-room.locked .room-emblem{filter:grayscale(1)}
@media(max-width:390px){.room-board{grid-template-columns:minmax(64px,.75fr) minmax(162px,1.75fr) minmax(64px,.75fr);gap:5px}.room-board .private-room{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:68px;place-items:center;padding:6px 3px;text-align:center}.room-board .room-emblem{grid-row:auto;width:23px;height:23px}.room-board .private-room b{font-size:7px}.room-board .private-room small{font-size:5.5px}.room-board .room-state{margin-inline:auto}.main-room-card{padding-inline:9px}}
@media(max-height:680px){.room-entry::before{display:none}.room-board{height:calc(100dvh - 73px)}.private-side{gap:5px}.room-board .private-room{min-height:59px}.room-board .kingdom-room{min-height:65px}.main-room-visual{width:45px;height:45px}.main-room-visual .main-crown{font-size:23px}.main-room-card{padding-top:11px}.main-room-card>p{margin-bottom:7px}.baron-contact{margin-top:6px}}

/* Eight clear rooms surrounding the original room card. */
.room-board{grid-template-columns:minmax(105px,1fr) minmax(210px,1.7fr) minmax(105px,1fr);grid-template-rows:1fr auto 1fr;align-items:stretch;gap:10px 12px;padding:18px 0 8px}.main-room-card{grid-column:2;grid-row:1/4;align-self:center;min-height:430px;display:flex;flex-direction:column;justify-content:center}.private-cluster{display:grid;grid-template-rows:repeat(2,minmax(82px,1fr));gap:9px;direction:rtl}.cluster-top-right{grid-column:1;grid-row:1;align-self:end}.cluster-bottom-right{grid-column:1;grid-row:3;align-self:start}.cluster-top-left{grid-column:3;grid-row:1;align-self:end}.cluster-bottom-left{grid-column:3;grid-row:3;align-self:start}.room-board .private-cluster .private-room{display:flex;min-height:82px;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:9px 6px;text-align:center}.room-board .private-cluster .room-emblem{display:grid;grid-row:auto;width:31px;height:31px;flex:0 0 31px;place-items:center;border-radius:10px;font-size:15px}.room-board .private-cluster .private-room b{font-size:9px;line-height:1.35}.room-board .private-cluster .private-room small{font-size:7px}.room-board .private-cluster .room-state{margin:2px auto 0;padding:2px 7px;font-size:6.5px}.room-board .private-cluster .kingdom-room{min-height:82px}.room-board .private-cluster .private-room::after{top:auto;right:10px;bottom:0;left:10px;width:auto;height:2px}
@media(max-width:500px){.room-board{grid-template-columns:minmax(84px,.85fr) minmax(176px,1.7fr) minmax(84px,.85fr);gap:7px;padding-top:16px}.main-room-card{min-height:410px}.room-board .private-cluster .private-room{min-height:76px;padding:7px 4px}.room-board .private-cluster .room-emblem{width:27px;height:27px;flex-basis:27px}.room-board .private-cluster .private-room b{font-size:8px}.room-board .private-cluster .private-room small{font-size:6px}}
@media(max-width:390px){.room-board{grid-template-columns:minmax(72px,.78fr) minmax(166px,1.8fr) minmax(72px,.78fr);gap:5px}.room-board .private-cluster .private-room{display:flex;min-height:70px}.main-room-card{min-height:395px}}
@media(max-height:700px){.room-board{padding-top:4px;grid-template-rows:1fr auto 1fr}.main-room-card{min-height:365px}.private-cluster{grid-template-rows:repeat(2,minmax(62px,1fr));gap:5px}.room-board .private-cluster .private-room,.room-board .private-cluster .kingdom-room{min-height:62px}.room-board .private-cluster .room-emblem{width:23px;height:23px;flex-basis:23px;font-size:12px}.room-board .private-cluster .private-room small{display:none}.room-board .private-cluster .room-state{margin-top:0}.main-room-card .main-room-visual{width:42px;height:42px;margin-bottom:3px}.main-room-card>small{margin-top:7px}}

/* واجهة عامة واحدة، بلا غرف ثابتة للمجموعات. */
body:has(.single-room-board){overflow:auto;background:radial-gradient(circle at 50% 10%,#3b301b 0,transparent 28%),radial-gradient(circle at 50% 70%,#171922 0,#07080c 70%)}
.room-entry::before{content:"أنشئ غرفة أو انضم إلى أصدقائك"}.single-room-board{display:grid!important;width:min(100%,390px);height:auto!important;min-height:calc(100dvh - 120px);margin:auto;padding:18px 0!important;grid-template-columns:1fr!important;grid-template-rows:1fr!important}.single-room-board .main-room-card{grid-column:1!important;grid-row:1!important;width:100%;min-height:500px!important;align-self:center;padding:30px 24px!important}.single-room-board .main-room-visual{width:76px;height:76px;margin-bottom:14px}.single-room-board .main-room-visual .main-crown{font-size:36px}.single-room-board .main-room-card>small{font-size:9px}.single-room-board .main-room-card h2{margin:8px 0;font-size:24px}.single-room-board .main-room-card>p{max-width:280px;margin-bottom:24px;font-size:12px;line-height:1.7}.single-room-board .main-room-card .creator-access{gap:9px}.single-room-board .main-room-card .creator-access label{font-size:10px}.single-room-board .main-room-card .creator-access input{height:49px;font-size:16px}.single-room-board .main-room-card .primary{min-height:50px;font-size:14px}.single-room-board .mini-divider{margin:16px 0;font-size:9px}.single-room-board .main-room-card #joinForm{gap:8px}.single-room-board .main-room-card #joinForm input{height:49px;font-size:14px}.single-room-board .main-room-card #joinButton{width:75px;min-height:49px;font-size:12px}@media(max-height:670px){.single-room-board{min-height:540px}.single-room-board .main-room-card{min-height:460px!important;padding-block:21px!important}.single-room-board .main-room-visual{width:60px;height:60px}.single-room-board .main-room-card>p{margin-bottom:14px}}