/* Morgrave Gaming — Raven edition */
:root{--bg:#0d1117;--panel:#131922;--raised:#1b2430;--line:#2b3542;--muted:#a5b0c1;--accent:#eac583;--tint:#30291f}
body{background:radial-gradient(ellipse at 80% 0%,#252c39 0,transparent 50%),var(--bg)}
.shell{background:var(--bg)}
.rail,.members-panel{background:linear-gradient(180deg,#ffffff03,transparent 38%),var(--panel)}
.guild-brand{font-family:Georgia,serif;font-size:1rem;letter-spacing:.08em}
.guild-brand img{width:52px;height:58px;filter:drop-shadow(0 4px 8px #0008)}
.rail-label{margin-top:32px;font-size:.75rem;letter-spacing:.16em}
nav button{border-radius:9px;margin-bottom:2px}
nav button.active{background:linear-gradient(90deg,var(--tint),transparent);border-left-color:var(--accent)}
.rail-bottom button{background:transparent;border-color:#ffffff0d;text-align:left}
.overlay-brand{height:90px;flex-shrink:0;display:flex;align-items:center;gap:17px;padding:12px 28px;background:linear-gradient(115deg,#d2ab6717,transparent 58%),linear-gradient(180deg,#202835,#151c26);border-bottom:1px solid #b88d4938;position:relative;overflow:hidden}
.overlay-brand>img{height:66px;width:66px;object-fit:contain;filter:drop-shadow(0 4px 8px #0009)}
.overlay-brand strong{display:block;font:600 1.45rem/1.15 Georgia,serif;letter-spacing:.06em;color:#f1d6a6;text-shadow:0 2px 10px #0006}
.overlay-brand small{display:block;margin-top:8px;letter-spacing:.24em;font-size:.7rem;color:#a4adbb}
.overlay-brand::after{content:'';height:1px;flex:1;margin-left:12px;background:linear-gradient(90deg,#c9a46766,transparent)}
.channel-header{padding:18px 26px 16px;background:#ffffff02;align-items:flex-start}
.channel-header h1{font-size:1.3rem;font-weight:650;letter-spacing:-.025em}
.channel-header .eyebrow{font-size:.75rem;letter-spacing:.1em;margin-bottom:7px}
.channel-header p:last-child{font-size:.875rem;color:var(--muted)}
.header-actions{gap:5px}
.header-actions button{background:transparent;border-color:#ffffff12;border-radius:8px;font-size:.8125rem}
.header-actions button:hover,.header-actions button[aria-pressed=true]{background:var(--tint);border-color:var(--accent)}
.searchbar{padding:12px 26px;background:transparent}
.searchbar input{background:#ffffff04;border:1px solid #ffffff0e;border-radius:8px;font-size:.875rem}
.searchbar button{background:transparent;border-color:transparent;color:var(--muted)}
.timeline{padding:8px 26px 18px;background:radial-gradient(ellipse at 95% 0%,#c6a46b06,transparent 60%)}
.message{padding:14px 0;border-bottom:0}
.message+.message{margin-top:1px}
.message>.avatar,.member-row .avatar{border:1px solid #c5a46b33;border-radius:12px;box-shadow:0 3px 8px #0003}
.message-content{margin:5px 0 6px;line-height:1.6;color:var(--text)}
.message-tools button{border-radius:5px}
.message-tools .reaction{padding:3px 9px;background:var(--panel)}
.message.mentioned{border-radius:0 10px 10px 0;padding-right:10px;background:linear-gradient(90deg,var(--tint),transparent)}
.quoted{border-left-color:var(--accent);background:#ffffff03;border-radius:0 6px 6px 0;padding:6px 10px}
.composer{margin:0 24px;background:linear-gradient(160deg,#ffffff04,transparent),var(--panel);border-color:#ac8e594d;border-radius:14px;box-shadow:0 6px 25px #0004}
.composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #c4a36b12,0 6px 25px #0004}
.composer textarea:focus{outline:none}
.primary{background:linear-gradient(135deg,#f3d398,var(--accent));border-radius:8px;box-shadow:inset 0 1px #fff4,0 3px 9px #0003}
.compose-bottom{padding:4px 12px 12px}.compose-bottom .primary{padding:8px 18px}
.notice{min-height:27px}
.seal{font-size:0!important;width:50px;height:58px;background:url('morgrave-chat-icon.png') center/contain no-repeat}
.empty .seal{width:88px;height:100px;margin:0 auto 18px;opacity:.75}
.empty{margin:40px auto;max-width:330px}
.empty strong{font:1.3rem Georgia,serif;color:#e8d4af}
.roster-note{border-top-color:#b89d6430}
dialog{background:linear-gradient(150deg,#ffffff05,transparent 30%),var(--panel);border-color:#a98c5440;box-shadow:0 30px 110px #000b}
.profile-banner{background:linear-gradient(125deg,#8f743c33,#1b283b 65%,#10161f);border:1px solid #c7a86a26}
.guild-hub{padding-top:36px}
.guild-hub>header{padding:24px;border:1px solid #aa8c5038;border-radius:16px;background:linear-gradient(115deg,#b88b4920,transparent 75%),var(--panel)}
.hub-brand img{width:84px;height:92px;object-fit:contain;border-radius:0;filter:drop-shadow(0 5px 9px #0008)}
.hub-brand .eyebrow{font:600 1.15rem Georgia,serif;letter-spacing:.04em;color:#ecd3a7}
.hub-brand h1{font:1rem 'Segoe UI',sans-serif;color:var(--muted);letter-spacing:0}
.guild-card{background:linear-gradient(135deg,#bf9f6710,transparent 65%),var(--panel);border-color:#ffffff12;box-shadow:0 8px 20px #0002}
.guild-card h2{font-family:Georgia,serif;font-weight:500}
.guild-card:hover{border-color:#cbb07b70}
.guild-tabs button{border-radius:7px}
.member-group{margin:0 0 22px}.member-group-heading{display:flex;align-items:center;gap:10px;margin:14px 0 8px;font:600 .875rem 'Segoe UI',sans-serif;color:var(--muted)}.member-group-master .member-group-heading{color:#e8c890}.member-group-vice .member-group-heading{color:#83d7bb}.member-group-count{margin-left:auto;font-size:.75rem;color:var(--muted);font-weight:400}.create-channel{margin-top:8px!important;border-style:dashed;color:var(--accent)}.frame-gold{border:2px solid #d6ad61!important;box-shadow:0 0 0 2px #392b18,0 4px 14px #0008!important}.frame-jade{border:2px solid #72d4ab!important;box-shadow:0 0 0 2px #183a30,0 4px 14px #0008!important}.frame-ice{border:2px solid #83cfff!important;box-shadow:0 0 0 2px #1b3348,0 4px 14px #0008!important}
.login{border:1px solid #bfa46c33;border-radius:18px;background:linear-gradient(145deg,#bd94521a,transparent 45%),var(--panel);padding:32px;box-shadow:0 20px 75px #0005}
.login .emblem{height:110px;width:100px;object-fit:contain;margin-bottom:15px}
.login .eyebrow{font:600 1.3rem Georgia,serif;color:#e8c890}
.login h1{font:1.05rem 'Segoe UI',sans-serif;color:var(--muted);margin:6px 0 22px}
@media(hover:hover) and (min-width:701px){.message-tools>button:not(.reaction){opacity:0}.message:hover .message-tools>button,.message:focus-within .message-tools>button{opacity:1}}
@media(max-width:1150px){.overlay-brand{padding-left:22px}.channel-header{flex-direction:column;gap:10px}.header-actions{max-width:none}.members-panel.open{box-shadow:-25px 0 70px #000b}}
@media(max-width:700px){
 .rail{padding:7px 10px;background:#131a24;border-bottom-color:#bda36b26}
 nav{scrollbar-width:thin;gap:4px}nav button{padding:6px 9px;font-size:.875rem}
 .rail-bottom{gap:6px;padding-top:5px}.rail-bottom button{font-size:.75rem;border:0;padding:3px 6px;color:var(--muted)}
 .overlay-brand{height:67px;gap:12px;padding:7px 15px}.overlay-brand>img{width:48px;height:51px}.overlay-brand strong{font-size:1.25rem;letter-spacing:.025em}.overlay-brand small{margin-top:5px;font-size:.65rem;letter-spacing:.2em}
 .channel-header{padding:11px 14px 10px;gap:9px}.channel-header h1{font-size:1.1rem}.channel-header #activeGuildName{max-width:none;font-size:.75rem;margin-bottom:3px}.channel-header .header-actions{max-width:100%;display:flex;flex-wrap:nowrap;overflow:auto;width:100%;padding-bottom:2px;scrollbar-width:thin;gap:4px}.header-actions button{white-space:nowrap;padding:5px 8px;font-size:.8125rem;flex-shrink:0}
 .searchbar{padding:7px 12px}.searchbar input{padding:6px 8px}.searchbar button{font-size:.8125rem}
 .timeline{padding:5px 14px 12px}.message{padding:10px 0;gap:10px;grid-template-columns:32px minmax(0,1fr)}.message>.avatar{width:32px;height:32px}.message-head{gap:6px}.message-tools{gap:2px}.message-tools button{padding:2px 5px}
 .composer{margin:0 10px;border-radius:11px}.composer textarea{min-height:60px;padding:11px 12px}.compose-bottom{padding:0 9px 9px}.compose-bottom .primary{padding:6px 15px}.notice{min-height:24px}
 .empty{margin:22px auto}.empty .seal{height:72px;width:65px;margin-bottom:10px}
 .guild-hub{padding:16px 12px}.guild-hub>header{padding:16px;gap:14px}.hub-brand{gap:13px}.hub-brand img{width:60px;height:68px}.hub-brand .eyebrow{font-size:1.1rem}.hub-brand h1{font-size:.875rem}.hub-actions{gap:12px}.hub-intro{margin:20px 4px;font-size:.9375rem}.guild-card{padding:18px}.login{margin:5vh 12px;max-width:none;padding:25px}
}

.presence{display:block;font-size:12px;color:#9aa8b7}.presence.online{color:#83d7bb}

.guild-heading{display:flex;align-items:center;gap:12px}.guild-emblem{width:52px;height:52px;object-fit:cover;border-radius:12px;border:1px solid #c9a46766;box-shadow:0 3px 12px #0008}.guild-heading .logged-in-as{margin-bottom:0}

.guild-heading{display:flex;align-items:center;gap:14px}.guild-emblem{width:82px;height:82px;object-fit:cover;border-radius:16px;border:1px solid #c9a46766;box-shadow:0 3px 16px #0008}.guild-heading .logged-in-as{margin-bottom:0}
@media(max-width:700px){.guild-emblem{width:62px;height:62px;border-radius:12px}}

#activeGuildName{color:#ff5577 !important}


.guild-heading{align-items:center}.guild-title{font-size:2rem !important;line-height:1.1}.guild-heading>div{display:flex;flex-direction:column;justify-content:center}.channels{gap:6px}.channels button{border-radius:10px;min-height:38px}

/* clearer left navigation */
.rail{padding:18px 14px;gap:10px}.rail nav{display:flex;flex-direction:column;gap:5px;margin-top:10px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rail nav button{min-height:40px;padding:9px 12px;text-align:left;border:1px solid transparent}.rail nav button.active{border-color:#eac58366;background:linear-gradient(90deg,#eac58320,transparent);box-shadow:inset 3px 0 var(--accent)}.rail-bottom{display:flex;flex-direction:column;gap:6px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}.rail-bottom button,.rail-bottom a{min-height:36px;padding:8px 11px;border-radius:8px}.rail-bottom small{padding:8px 10px}


.install-actions{position:fixed;right:18px;bottom:18px;display:flex;gap:8px;z-index:20;background:var(--panel);padding:8px;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #0008}.install-actions button{font-size:.8rem;padding:7px 10px}
@media(max-width:700px){.rail{max-height:112px;overflow:hidden;padding:6px 10px}.guild-brand,.rail-label{display:none}.rail nav{flex-direction:row;overflow-x:auto;white-space:nowrap;margin:0;padding:4px 0;border:0}.rail nav button{min-height:34px;padding:6px 10px;flex:0 0 auto}.rail-bottom{display:none}.install-actions{right:8px;bottom:8px;max-width:calc(100vw - 16px);overflow-x:auto}.install-actions button{white-space:nowrap}.chat-main{min-height:calc(100vh - 112px)}}

@media(min-width:701px){.install-actions{right:18px;top:50%;bottom:auto;transform:translateY(-50%);flex-direction:column;width:190px;align-items:stretch}.install-actions button{text-align:center}}


@media(min-width:701px){.install-actions{left:50%;right:auto;top:auto;bottom:14px;transform:translateX(-50%);flex-direction:column;width:190px}}


@media(min-width:701px){.install-actions{position:fixed;left:auto;right:20px;top:auto;bottom:18px;transform:none;width:190px;flex-direction:column;z-index:30}}


.updates-link{margin:8px 0;padding:9px 12px;text-align:left;border:1px solid #eac58355;border-radius:8px;background:#eac58312;color:var(--accent);font-weight:600}.updates-link:hover{background:#eac58325}

@media(max-width:1100px){.overlay-brand{height:52px;padding:5px 12px;gap:8px}.overlay-brand>img{width:38px;height:42px}.overlay-brand strong{font-size:1rem}.overlay-brand small{margin-top:2px;font-size:.55rem}.guild-heading .guild-emblem{width:54px;height:54px}.guild-title{font-size:1.35rem !important}.channel-header{padding:10px 14px}.channel-header h1{font-size:1.05rem}.header-actions button{padding:5px 8px;font-size:.78rem}.updates-link{margin:4px 0;padding:6px 10px;font-size:.8rem}}


.android-app .overlay-brand{height:42px;padding:3px 10px}.android-app .overlay-brand>img{width:30px;height:34px}.android-app .overlay-brand strong{font-size:.9rem}.android-app .overlay-brand small{display:none}.android-app .guild-heading .guild-emblem{width:44px;height:44px}.android-app .guild-title{font-size:1.15rem !important}.android-app .channel-header{padding:6px 10px}.android-app .channel-header h1{font-size:.95rem}.android-app .header-actions button{padding:4px 6px;font-size:.7rem}.android-app .searchbar{padding:4px 8px}.android-app .timeline{padding:2px 10px 8px}.android-app .composer{margin:0 7px}.android-app .composer textarea{min-height:76px}

/* Keep download controls inside the navigation rail so they never cover the member panel or push its language selector below the viewport. */
.rail .install-actions{position:static;display:grid;gap:5px;width:auto;padding:0;margin:0 0 4px;background:transparent;border:0;box-shadow:none;transform:none}
.rail .install-actions button,.rail .install-actions a{width:100%;padding:6px 8px;font-size:.72rem;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rail .install-actions a{display:block;border:1px solid var(--line);border-radius:7px;color:var(--accent);background:var(--raised)}
@media(max-width:700px){.rail .install-actions{display:none}}

/* Downloads remain on the right, but use a compact overlay so the member panel stays readable. */
.rail .install-actions{position:fixed;right:10px;bottom:10px;left:auto;top:auto;display:grid;gap:4px;width:154px;padding:5px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 18px #0008;transform:none;z-index:30}
.rail .install-actions button,.rail .install-actions a{width:100%;padding:5px 7px;font-size:.68rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rail .install-actions a{display:block;border:1px solid var(--line);border-radius:6px;color:var(--accent);background:var(--raised)}

/* Center the compact download chooser within the right sidebar. */
.rail .install-actions{right:50px;bottom:10px;width:140px;padding:4px;gap:3px}
.rail .install-actions button,.rail .install-actions a{padding:4px 5px;font-size:.62rem}

/* Collapsible download versions: compact when closed, normal controls when open. */
.download-versions{position:fixed;right:50px;bottom:10px;width:140px;z-index:30;color:var(--text)}
.download-versions>summary{cursor:pointer;list-style:none;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:var(--panel);font-size:.68rem;text-align:center;box-shadow:0 6px 18px #0008}
.download-versions>summary::-webkit-details-marker{display:none}
.download-versions[open]{width:210px}
.download-versions[open]>summary{margin-bottom:5px;color:var(--accent)}
.download-versions .install-actions{position:static;width:auto;display:grid;gap:5px;padding:7px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 18px #0008;transform:none}
.download-versions .install-actions button,.download-versions .install-actions a{width:100%;padding:8px 9px;font-size:.78rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:700px){.download-versions{right:8px;bottom:8px;width:150px}.download-versions[open]{width:calc(100vw - 16px);max-width:250px}}
.overlay-brand{display:flex;align-items:center;gap:10px}
.overlay-brand .profile-top{margin-left:auto}
.overlay-brand .profile-top{position:absolute;right:18px;top:50%;margin:0;transform:translateY(-50%)}
.overlay-brand .profile-top:hover{transform:translateY(calc(-50% - 1px))}