:root{color-scheme:dark;--gold:#e2b776;--line:#b8a28166;--ink:#0e1515;scroll-behavior:smooth;scroll-padding-top:24px}
*{box-sizing:border-box}body{margin:0;background:#0b1112;color:#f6f1e7;font:400 16px/1.7 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--gold)!important;outline-offset:5px}h1,h2,h3,p{margin:0}img{max-width:100%}[hidden]{display:none!important}.skipLink{position:fixed;left:16px;top:-100px;z-index:100;padding:10px;background:#101918}.skipLink:focus{top:10px}
.communityLanding .guildSiteHeader{background:#101616!important;border-bottom:1px solid var(--line)!important;max-width:1600px!important;margin:auto!important}.communityLanding .guildHeaderRow{background:none!important;padding:18px 4.5%!important;min-height:150px;max-width:none}.communityLanding .guildHeaderBrand img{width:350px!important;height:112px!important;object-fit:contain}.communityLanding .guildHeaderNav{position:relative!important;inset:auto!important;display:flex!important;min-height:60px;max-height:none;gap:0;padding:0 4.5%!important;margin:0!important;background:#101616!important;border:0!important;border-top:1px solid #b8a28122!important;justify-content:flex-start!important;overflow:visible}.communityLanding .guildHeaderNav :is(a,button){flex:0 1 auto!important;min-width:0;height:60px;min-height:60px;padding:0 22px!important;background:none!important;border:0!important;box-shadow:none!important;font:600 13px/1.2 Rajdhani,sans-serif!important;letter-spacing:.14em;text-transform:uppercase;color:#e9e8dc!important;position:relative}.communityLanding .guildHeaderNav a::before{display:none!important}.communityLanding .guildHeaderNav a::after{content:'';position:absolute;bottom:0;left:22px;right:22px;height:2px;background:var(--gold);transform:scaleX(0);transition:transform .25s}.communityLanding .guildHeaderNav a:is(:hover,[aria-current=page])::after{transform:scaleX(1)}.communityLanding .guildHeaderNav .navDiscord{margin-left:auto;color:var(--gold)!important}.communityLanding .guildHeaderSignIn{max-width:none;padding:12px 24px;border:1px solid var(--line);font:600 14px Rajdhani,sans-serif;letter-spacing:.1em;color:var(--gold)}.communityLanding .guildAccountToggle{height:76px!important;min-height:76px!important;width:290px!important;flex-basis:290px;background:#19201e!important;border:1px solid var(--line)!important;clip-path:none;box-shadow:none}.communityLanding .guildAccountPortraitFrame{left:10px;top:10px;width:54px;height:54px;border:1px solid #9db5b3;clip-path:none}.communityLanding .guildAccountName{left:80px!important;top:19px!important;font-size:18px!important}.communityLanding .guildAccountRole{left:80px!important;top:46px!important;font:600 11px Rajdhani,sans-serif;letter-spacing:.1em}.communityLanding .guildAccountDropdown{top:calc(100% - 60px);right:4.5%;background:#101918;border-color:var(--line)}
.landingScene{position:relative;isolation:isolate;max-width:1600px;margin:auto;min-height:min(150vw,2400px);display:flex;flex-direction:column;background:url('assets/community/hero.webp') center top/cover no-repeat;padding:0 4.5% 5.5%;border-inline:1px solid #b8a28122}.landingScene::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#08101455,transparent 65%),linear-gradient(180deg,#07101022,transparent 40%,#07101022)}
.landingHero{flex:1.15;display:flex;align-items:center;min-height:620px;padding:70px 0}.heroCopy{max-width:680px}.eyebrow{font:700 12px/1.5 Rajdhani,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#e9cf9c}.heroCopy>.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:25px;text-shadow:0 2px 8px #000}.heroCopy>.eyebrow::before{content:'';width:28px;height:2px;background:var(--gold)}h1{font:400 clamp(48px,5.9vw,94px)/1.02 Marcellus,Georgia,serif;letter-spacing:-.045em;text-shadow:0 3px 24px #050909aa}h1 span{color:#e8b977}.heroIntro{max-width:440px;margin-top:30px;line-height:1.8;text-shadow:0 2px 8px #000,0 1px 3px #000}.heroActions{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;gap:24px;align-items:center;justify-content:space-between;padding:15px 22px;min-height:48px;border:1px solid #c5b39188;background:#0b19185c;backdrop-filter:blur(3px);font:700 13px/1.3 Rajdhani,sans-serif;letter-spacing:.12em;text-transform:uppercase;transition:background .25s,border-color .25s,box-shadow .25s}.button.primary{background:linear-gradient(125deg,#ad6839,#b98246);border-color:#d39c66}.button:hover{background:#41514999;border-color:#edcf93;box-shadow:0 0 24px #d5ac5b22}.button.primary:hover{background:#c68b51}.button span{font-size:19px}.worlds{flex:1;display:flex;flex-direction:column;scroll-margin-top:30px;padding-bottom:34px}.sectionHead{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:38px}.sectionHead h2{font:400 clamp(29px,3vw,48px)/1.2 Marcellus,Georgia,serif;text-shadow:0 2px 10px #000}.sectionHead .eyebrow{color:#efe8d9;text-shadow:0 2px 6px #000}.gameGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;flex:1}.gameCard{display:flex;align-items:flex-end;min-height:380px;padding:36px;border:1px solid var(--line);background:linear-gradient(0deg,#08151970,transparent 70%);transition:background .3s,border-color .3s}.gameCard:hover{border-color:#e5c68a99;background:linear-gradient(0deg,#08151988,transparent 70%)}.gameCard .eyebrow{margin-bottom:10px;color:#f3e4c5}.gameCard h3{font:700 clamp(32px,3.3vw,52px)/1 Rajdhani,sans-serif;text-transform:uppercase;letter-spacing:.02em;text-shadow:0 3px 8px #000}.gameCard p:not(.eyebrow){max-width:440px;margin:16px 0;line-height:1.65;text-shadow:0 2px 6px #000}.button.small{font-size:12px;padding:10px 16px;min-height:42px;background:#20393088}
.communityNotes{flex:.38;display:grid;grid-template-columns:1fr 1.15fr;gap:28px;padding-top:0;align-content:end}.noteCard{padding:30px;border:1px solid var(--line);background:#0815193d;transition:background .2s}.noteCard:hover{background:#08151966}.noteCard h2{font:400 clamp(25px,2.1vw,34px)/1.2 Marcellus,Georgia,serif;text-shadow:0 2px 8px #000}.noteCard p{max-width:490px;margin:16px 0;font-size:15px;line-height:1.7;text-shadow:0 2px 6px #000}.textLink{font:600 12px Rajdhani,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#f2d49f}.sceneScroll{position:absolute;left:calc(50% - 20px);bottom:-20px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid #acaa9688;background:#0b1311;font-size:24px;z-index:2}
footer{max-width:1600px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 4.5%;background:#101616;font:600 12px/1.5 Rajdhani,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#d4c7ad}footer img{display:block;width:150px;height:auto}footer>div{display:flex;gap:22px;align-items:center}footer a:hover{color:#ffe4b2}
@media(max-width:1000px){.landingHero{min-height:520px}.gameCard{min-height:340px;padding:26px}.sectionHead{align-items:flex-start;flex-direction:column;gap:14px}.communityLanding .guildHeaderNav :is(a,button){padding:0 14px!important;font-size:12px!important}.communityNotes{gap:20px}.noteCard{padding:24px}.landingScene{min-height:150vw}}
@media(max-width:800px),(orientation:landscape) and (max-height:600px){.communityLanding .guildHeaderRow{min-height:110px;padding:12px 4.5%!important;gap:12px}.communityLanding .guildHeaderBrand img{width:250px!important;height:84px!important}.communityLanding .guildMenuToggle{border-color:#a9b7ae!important;background:#18211f!important;color:#e3d4b5!important;clip-path:none}.communityLanding .guildAccountToggle{width:58px!important;flex-basis:58px;min-height:58px!important;height:58px!important}.communityLanding .guildAccountPortraitFrame{left:4px;top:4px;width:48px;height:48px}.communityLanding .guildHeaderNav{flex-wrap:wrap;justify-content:center!important;padding:8px!important}.communityLanding .guildHeaderNav a{flex:1 0 30%!important;height:45px;min-height:45px}.communityLanding .guildHeaderNav .navDiscord{margin-left:0}.communityLanding .guildAccountDropdown{top:100%}.landingScene{min-height:1600px;padding-bottom:70px}.landingHero{min-height:600px;align-items:flex-start;padding-top:90px;flex:0 0 auto}.heroCopy{max-width:520px}.heroIntro{font-size:15px;max-width:360px}.worlds{flex:1}.gameGrid{grid-template-columns:1fr 1fr;gap:18px}.gameCard{min-height:400px;padding:24px}.communityNotes{flex:0 0 auto;padding-top:4px}.noteCard p{font-size:14px}footer{flex-wrap:wrap;justify-content:center;text-align:center}footer>div{flex-wrap:wrap;justify-content:center}}
@media(max-width:520px){.communityLanding .guildHeaderBrand img{width:190px!important;height:70px!important}.communityLanding .guildHeaderRow{min-height:94px}.communityLanding .guildHeaderSignIn{padding:10px;font-size:12px}.landingScene{min-height:2050px;background-position:55% top;padding-inline:6%}.landingHero{min-height:630px;padding-top:75px}h1{font-size:clamp(43px,10vw,56px)}.heroCopy>.eyebrow{font-size:10px;letter-spacing:.14em}.heroActions{gap:12px}.button{padding:13px 16px;font-size:11px;gap:14px}.sectionHead{margin-bottom:24px}.sectionHead .eyebrow{font-size:10px}.gameGrid,.communityNotes{grid-template-columns:1fr}.gameCard{min-height:340px;padding:26px}.gameCard h3{font-size:40px}.communityNotes{gap:18px;padding-top:24px}.noteCard{padding:24px}.noteCard h2{font-size:28px}footer{padding:28px 6%;gap:16px}footer>div{gap:16px;font-size:11px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}



/* One continuous desktop landscape; no separately blended side panels. */
html:has(body.communityLanding){overflow-x:clip}
.communityLanding .guildSiteHeader,.communityLanding footer{width:100%!important;max-width:none!important;margin:0!important}
.communityLanding .guildHeaderRow,.communityLanding .guildHeaderNav{max-width:1340px!important;margin:0 auto!important}
.communityLanding .landingScene{width:100%!important;max-width:none!important;margin:0!important;border-inline:0;min-height:0;background-image:url('assets/community/hero-desktop.webp');background-position:center;background-size:cover;background-attachment:fixed;padding:0 5% 60px}
.communityLanding .landingScene::after{content:none!important;display:none!important}
.communityLanding .landingScene::before{background:linear-gradient(90deg,#08101455,transparent 65%),linear-gradient(180deg,#07101022,transparent 55%,#07101044)}
.communityLanding .landingHero{flex:0 0 auto;min-height:calc(100svh - 210px);width:100%;max-width:1206px;margin:0 auto;padding:60px 0}
.communityLanding .heroCopy{max-width:670px}
.communityLanding .worlds{flex:0 0 auto;width:100%;max-width:1206px;margin:0 auto;padding:36px 0}
.communityLanding .gameGrid{flex:none}
.communityLanding .gameCard{min-height:330px;background:linear-gradient(0deg,#08151999,#08151922)}
.communityLanding .communityNotes{flex:none;width:100%;max-width:1206px;margin:0 auto;padding-top:0}
@media(max-width:800px),(orientation:landscape) and (max-height:600px){
 .communityLanding .landingScene{background-image:url('assets/community/hero.webp');background-attachment:scroll;background-position:center top;padding-bottom:70px}
 .communityLanding .landingHero{min-height:600px;padding-top:80px}
 .communityLanding .gameCard{min-height:340px}
}
@media(max-width:520px){.communityLanding .landingScene{background-position:55% top}.communityLanding .landingHero{min-height:630px;padding-top:75px}}

@media(min-width:801px) and (min-height:601px){.communityLanding .landingScene{background-size:max(100%,calc((100svh - var(--community-header-space,210px))*1.776833)) auto;background-position:center var(--community-header-space,210px)}}

/* Header and footer share the landing page's full-width spacing. */
.communityLanding .guildSiteHeader{background:linear-gradient(110deg,#0e1719,#121c1d 65%,#0c1417)!important;border-bottom:1px solid #aebfac44!important}
.communityLanding .guildHeaderRow,.communityLanding .guildHeaderNav{max-width:none!important;width:100%!important;margin:0!important}
.communityLanding .guildHeaderRow{padding:12px 5%!important;min-height:124px;gap:24px}
.communityLanding .guildHeaderBrand img{width:300px!important;height:100px!important;object-position:left center}
.communityLanding .guildHeaderNav{padding:0 5%!important;background:#10191bcc!important;min-height:54px}
.communityLanding .guildHeaderNav :is(a,button){min-height:54px;height:54px;padding:0 22px!important;font:600 15px/1.25 Rajdhani,sans-serif!important;letter-spacing:.12em}
.communityLanding .guildHeaderNav a:first-child{padding-left:0!important}
.communityLanding .guildHeaderNav a:first-child::after{left:0}
.communityLanding .guildHeaderNav a:hover{color:#f5d69d!important;background:linear-gradient(0deg,#d3ac6520,transparent)!important}
.communityLanding .guildHeaderSignIn{padding:13px 24px;background:#16232788;border-color:#8aa6b266;color:#f0d5a6;transition:background .2s,border-color .2s}
.communityLanding .guildHeaderSignIn:hover{background:#23383d;border-color:#c8d7d7}
.communityLanding .guildAccountToggle{background:linear-gradient(125deg,#23363d,#132127 65%,#192a2f)!important;border:1px solid #8ba9b588!important;box-shadow:inset 0 1px #c4dce51a,0 5px 18px #0002;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}
.communityLanding .guildAccountPortraitFrame{border-color:#8eacb9;background:#101d25}
.communityLanding .guildAccountName{text-align:left!important;right:26px!important;letter-spacing:.03em;font-size:21px!important}
.communityLanding .guildAccountRole{text-align:left!important;color:#a8c7d5!important}
.communityLanding .guildAccountDropdown{right:5%;top:calc(100% - 54px);background:#101b22;border-color:#7795a577;box-shadow:0 14px 32px #0007}
.communityLanding .guildAccountDropdown :is(a,button){font:600 15px/1.3 Rajdhani,sans-serif;background:#152630;border-color:#7795a544;min-height:44px}
.communityLanding footer{padding:12px 5%;gap:24px;border-top:1px solid #aebfac44;background:linear-gradient(110deg,#0e1719,#121c1d 65%,#0c1417);font:600 14px/1.4 Rajdhani,sans-serif;letter-spacing:.06em}
.communityLanding footer img{width:170px;height:auto}
.communityLanding footer>span{color:#bdc9cc}
.communityLanding footer>div{gap:24px}
.communityLanding footer>div a{display:inline-flex;align-items:center;min-height:44px;color:#d7dedd}
.communityLanding footer>div a:hover{color:#f0d5a6}
@media(min-width:801px) and (min-height:601px){.communityLanding .landingHero{min-height:calc(100svh - 179px)}}
@media(max-width:800px),(orientation:landscape) and (max-height:600px){
 .communityLanding .guildHeaderRow{padding:10px 5%!important;min-height:104px;gap:12px}
 .communityLanding .guildHeaderBrand img{width:240px!important;height:80px!important}
 .communityLanding .guildHeaderNav{padding:6px 5%!important}
 .communityLanding .guildHeaderNav :is(a,button){height:44px;min-height:44px;padding:0 12px!important;font-size:14px!important}
 .communityLanding .guildHeaderNav a:first-child{padding-left:12px!important}
 .communityLanding .guildHeaderNav a:first-child::after{left:22px}
 .communityLanding .guildAccountDropdown{top:100%}
 .communityLanding footer{padding:12px 5%;gap:12px}
 .communityLanding footer>div{gap:18px}
}
@media(max-width:520px){
 .communityLanding .guildHeaderRow{min-height:92px;gap:10px}
 .communityLanding .guildHeaderBrand img{width:190px!important;height:70px!important}
 .communityLanding .guildHeaderSignIn{padding:10px;font-size:12px}
 .communityLanding footer>span{flex-basis:100%;font-size:13px}
 .communityLanding footer img{width:150px}
 .communityLanding footer>div{gap:16px;font-size:13px}
}

/* Official game artwork in dedicated image areas. */
.communityLanding .gameCard{display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;background:#081519b3;}
.communityLanding .gameCard:hover{background:#0c1c23cc;}
.communityLanding .gameCard .gameArtwork{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;flex:none;}
.communityLanding .aresWorld .gameArtwork{object-position:center 60%;}
.communityLanding .gameCard>div{padding:26px 30px;flex:1;display:flex;flex-direction:column;align-items:flex-start;}
.communityLanding .gameCard>div>.button{margin-top:auto;}
.communityLanding .gameCard h3{font-size:clamp(30px,2.8vw,44px);}
@media(max-width:800px){.communityLanding .gameCard>div{padding:24px;}}

/* Game directory and Ares destination. */
.gamesDirectory .directoryIntro{width:100%;max-width:1206px;margin:0 auto;padding:70px 0 24px;}
.directoryIntro h1{font-size:clamp(48px,6vw,80px);margin:18px 0;}
.directoryIntro>p:last-child{max-width:600px;text-shadow:0 2px 8px #000;}
.gamesDirectory .landingScene{min-height:calc(100svh - 260px);}
.gamesDirectory .worlds{padding-bottom:0;}
.aresLanding .landingScene{background-image:url('assets/community/ares-official.webp');background-size:cover;background-position:center;background-attachment:scroll;}
.aresLanding .landingScene::before{background:linear-gradient(90deg,#071017ee,#071017a6 50%,#07101722);}
.aresLanding h1{font-size:clamp(44px,5vw,76px);}
@media(max-width:520px){.gamesDirectory .directoryIntro{padding-top:44px;}.aresLanding .landingHero{min-height:650px;}}

/* Landing-page utilities share the community's teal, parchment and muted gold. */
body.communityLanding .guildUtilityDock :is(.messageChatToggle,.messageNoticeToggle){
 border-color:#b8a28188!important;border-radius:6px!important;
 background:linear-gradient(135deg,#23332f,#101b1b)!important;color:#ead3ac!important;
 box-shadow:inset 0 1px #f6e1b51a,0 6px 20px #0005!important;
 transition:transform .2s,border-color .2s,box-shadow .2s;
}
body.communityLanding .guildUtilityDock button:hover{transform:translateY(-3px);border-color:#e2b776!important;box-shadow:inset 0 1px #f6e1b522,0 0 20px #e2b77626,0 6px 20px #0005!important}
body.communityLanding .guildUtilityDock .hasUnread{border-color:#d1a663!important;background:linear-gradient(135deg,#3c3325,#14221f)!important}
body.communityLanding .guildUnreadBadge{background:#b98246;border-color:#14211e;color:#fff8e9;box-shadow:0 2px 8px #0006}
body.communityLanding .guildUtilityIcon{filter:sepia(.4) saturate(.65) drop-shadow(0 1px 2px #0008)}
body.communityLanding :is(.messageChatWidget,.messageNoticeDialog,.messageMemberDialog,.messageActionDialog,.messageReportDialog){
 --fta-body:'DM Sans',sans-serif;color:#f6f1e7!important;
 background:linear-gradient(145deg,#1b2927,#101919 65%)!important;
 border-color:#b8a28177!important;font-family:'DM Sans',sans-serif;
 box-shadow:-12px 0 40px #0006!important;
}
body.communityLanding .messageWidgetHead{padding:18px 20px;background:#14201f;border-bottom:1px solid #b8a28144}
body.communityLanding .messageWidgetHead strong,body.communityLanding .messageDialogHead h2{
 font:400 24px/1.25 Marcellus,Georgia,serif!important;letter-spacing:0!important;color:#ead3ac!important;
}
body.communityLanding :is(.messageClose,.messageQuiet){background:#1b2d29;border:1px solid #b8a28166;color:#efe5d2;border-radius:3px}
body.communityLanding :is(.messageClose,.messageQuiet):hover{background:#30423a;border-color:#e2b776}
body.communityLanding .messageWidgetTabs{border-bottom-color:#b8a28144}
body.communityLanding .messageWidgetTab{background:#101b19;color:#b9c7bc;font:600 14px Rajdhani,sans-serif;letter-spacing:.08em}
body.communityLanding .messageWidgetTab[aria-selected=true]{background:#23332c;color:#e9cf9c;box-shadow:inset 0 -2px #e2b776}
body.communityLanding.themeSite:not(.themeAdmin) #guildChatWidget :is(.messageWidgetBody,.messageCenter,.messageOnlinePanel){background:#13201d!important}
body.communityLanding .messageChatWidget .messageCenter{--fta-body:'DM Sans',sans-serif}
body.communityLanding :is(.messageInboxLabel,.messageThreadTitle){font-family:Marcellus,Georgia,serif;color:#ead3ac}
body.communityLanding .messageInbox .messageConversation{color:#c0cbc1;border-bottom-color:#b8a28133}
body.communityLanding .messageInbox .messageConversation.unread{color:#f2d49f;border-left-color:#e2b776;background:#e2b7760c}
body.communityLanding .messageInbox .messageConversation.selected{background:#2a3d32;color:#f6f1e7}
body.communityLanding :is(.messageOnlineMember,.messageNotice,.messageGroupChoice,.messageGroupMember){border-bottom-color:#b8a28133;color:#eee7d9}
body.communityLanding .messageOnlineMember:hover{background:#e2b7760b}
body.communityLanding :is(.messageThread,.messageCenter .messageSearch,.messageCenter .messageRecipient,.messageCenter .messageDraft,.messageActionDialog>input,.messageActionDialog>select,.messageActionDialog>textarea,.messageReportDialog textarea){
 background:#0e1916;color:#f6f1e7;border-color:#a4ae9155;
}
body.communityLanding .messageBubble{background:#263b31;border-color:#869b7c66;color:#f6f1e7}
body.communityLanding .messageBubble.mine{background:#3a3425;border-color:#b8a28166}
body.communityLanding .messageBubble :is(p,strong){color:#f3ecdd}
body.communityLanding :is(.messageReadReceipt,.messageTyping,.messageEmpty,.messageCenterHelp,.messagePrivacyNotice,.messageNotice time,.messageBubble time){color:#b8c5b6}
body.communityLanding .messageChatWidget .messageReading .messageReply{background:#13201d}
body.communityLanding :is(.messagePrimary,.messageLeaderAction){background:linear-gradient(125deg,#ad6839,#b98246);border-color:#d39c66;color:#fff4e2!important;font:700 13px/1.3 Rajdhani,sans-serif;letter-spacing:.1em;border-radius:3px}
body.communityLanding :is(.messagePrimary,.messageLeaderAction):hover{background:#c68b51}
body.communityLanding .messageNotice.unread{border-left-color:#e2b776}
body.communityLanding :is(.messageNotice a,.messagePrivacyNotice a){color:#e9cf9c}
body.communityLanding .messageToast{background:#1c2e27;border-color:#b8a28188}
body.communityLanding .messageToastOpen{color:#f1dfbe}
@media(max-width:700px){
 body.communityLanding .messageWidgetHead{padding:14px 16px}
 body.communityLanding .messageWidgetHead strong{font-size:22px!important}
}
@media(prefers-reduced-motion:reduce){body.communityLanding .guildUtilityDock button:hover{transform:none}}



/* Community banner brushwork: ivory paint and sparse ember marks on charcoal teal. */
body.communityLanding .guildUtilityDock{gap:14px}
body.communityLanding .guildUtilityDock :is(.messageChatToggle,.messageNoticeToggle){
 width:58px;height:58px;min-width:58px;min-height:58px;
 padding:0!important;border:0!important;border-radius:12px!important;
 background:#0b1716ed!important;
 box-shadow:0 5px 16px #0006!important;isolation:isolate;overflow:visible;
}
body.communityLanding .guildUtilityDock button::before{
 content:'';position:absolute;inset:-2px;pointer-events:none;
 border:0!important;transform:none;border-radius:0;
 background:url('/assets/ui/community-brush-frame.svg?v=20261006-charcoal0808') center/100% 100% no-repeat;
}
body.communityLanding .guildUtilityDock button::after{content:none!important}
body.communityLanding .guildUtilityDock button:hover{transform:translateY(-2px);background:#192724!important;box-shadow:0 6px 20px #0008,0 0 14px #ef5b1618!important}
body.communityLanding .guildUtilityIcon{width:35px!important;height:35px!important;filter:none}
body.communityLanding .messageChatToggle .guildUtilityIcon{content:url('/assets/ui/community-chat-drawn.svg?v=20261006-charcoal0808')}
body.communityLanding .messageNoticeToggle .guildUtilityIcon{content:url('/assets/ui/community-bell-drawn.svg?v=20261006-charcoal0808')}
body.communityLanding .guildUnreadBadge{background:#b4431e;border:2px solid #0b1716;box-shadow:none;color:#fff0d4;z-index:2}
body.communityLanding .messageChatWidget{
 border-left:1px solid #f6e8ca66!important;border-radius:12px 0 0 10px;
 background:#0b1716!important;
 box-shadow:inset 2px 0 #f6e8ca0b,-12px 0 40px #0007!important;
}
body.communityLanding .messageWidgetHead{position:relative;min-height:74px;padding:18px 22px;background:#101d1b;border-bottom:0;box-shadow:none}
body.communityLanding .messageWidgetHead::before{content:none!important}
body.communityLanding .messageWidgetHead::after{content:'';position:absolute;left:18px;right:18px;bottom:0;height:3px;background:linear-gradient(90deg,transparent,#f6e8ca88 8%,#f6e8ca55 56%,#ee561599 78%,transparent 94%);clip-path:polygon(0 35%,16% 0,45% 30%,73% 0,100% 40%,95% 60%,70% 100%,42% 70%,13% 100%);pointer-events:none}
body.communityLanding .messageWidgetHead strong,body.communityLanding .messageDialogHead h2{color:#f6e8ca!important;text-shadow:none}
body.communityLanding :is(.messageNoticeDialog,.messageMemberDialog,.messageActionDialog,.messageReportDialog){border:1px solid #f6e8ca66!important;border-radius:14px 11px 16px 12px;background:#0b1716!important;box-shadow:inset 0 0 0 3px #f6e8ca08,0 18px 65px #0008!important}
body.communityLanding .messageDialogHead{border-bottom:1px solid #f6e8ca44;padding-bottom:14px}
body.communityLanding .messageDialogHead::after{content:none!important}
body.communityLanding :is(.messageQuiet,.messageClose){border-radius:7px 5px 8px 6px;border-color:#f6e8ca44;background:#16231f;color:#f6e8ca}
body.communityLanding .messageWidgetTab[aria-selected=true]{box-shadow:inset 0 -1px #ee5615;color:#f6e8ca;background:#182824}
body.communityLanding .messageChatWidget .messageThread{border:0;background:transparent}
body.communityLanding .messageChatWidget .messageReply{border-top:1px solid #f6e8ca22;padding-top:12px}
body.communityLanding .messageCenter .messageDraft{border-radius:20px!important;padding:12px 16px!important}
@media(max-width:700px){body.communityLanding .messageChatWidget{border-radius:0}body.communityLanding .messageWidgetHead{min-height:70px;padding:14px 16px}}
@media(prefers-reduced-motion:reduce){body.communityLanding .guildUtilityDock button:hover{transform:none}}

/* Mobile scenery is sized to the viewport width, never the full document height. */
@media(max-width:800px),(orientation:landscape) and (max-height:600px){
 body.communityLanding:not(.aresLanding) .landingScene{
  background-image:none!important;background-color:transparent;
 }
 body.communityLanding:not(.aresLanding) .landingScene::before{
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-color:#0b1112;
  background-image:linear-gradient(180deg,#07101022,transparent 22%,#07101033 65%,#0b1112 100%),url('/assets/community/hero.webp');
  background-size:100% 100%,100% auto;
  background-position:center,center top;background-repeat:no-repeat;
 }
}

/* Charcoal sketchwork on cream, with ember paint inside the symbols. */
body.communityLanding .guildUtilityDock :is(.messageChatToggle,.messageNoticeToggle){
 background:radial-gradient(ellipse at 28% 18%,#fff6e0,#f1e2c2 80%)!important;
 color:#29251f!important;box-shadow:0 4px 14px #0005!important;
}
body.communityLanding .guildUtilityDock button:hover{background:#fff0d1!important;box-shadow:0 5px 17px #0006!important}
body.communityLanding .guildUnreadBadge{background:#b34c23;border-color:#f6e8ca;color:#fff5df}
body.communityLanding :is(.messageChatWidget,.messageNoticeDialog,.messageMemberDialog,.messageActionDialog,.messageReportDialog){
 color:#29251f!important;background:#f6e8ca!important;border-color:#51483a99!important;
 box-shadow:inset 2px 0 #29251f0c,-12px 0 40px #0005!important;
 --fta-body:'DM Sans',sans-serif;
}
body.communityLanding .messageWidgetHead{background:#f6e8ca;border:0;box-shadow:none}
body.communityLanding .messageWidgetHead::after{background:linear-gradient(90deg,transparent,#29251faa 8%,#29251f88 78%,transparent)}
body.communityLanding .messageWidgetHead strong,body.communityLanding .messageDialogHead h2{color:#29251f!important}
body.communityLanding .messageDialogHead{border-bottom-color:#51483a66}
body.communityLanding.themeSite:not(.themeAdmin) #guildChatWidget :is(.messageWidgetBody,.messageCenter,.messageOnlinePanel){background:#f6e8ca!important;color:#29251f!important}
body.communityLanding .messageWidgetTabs{border-bottom-color:#51483a55}
body.communityLanding .messageWidgetTab{background:#eeddbc;color:#615444}
body.communityLanding .messageWidgetTab[aria-selected=true]{background:#f6e8ca;color:#29251f;box-shadow:inset 0 -2px #29251f99}
body.communityLanding :is(.messageQuiet,.messageClose){background:#efdfbf;border-color:#51483a88;color:#29251f}
body.communityLanding :is(.messageQuiet,.messageClose):hover{background:#e7d3ad;border-color:#29251f}
body.communityLanding :is(.messageInboxLabel,.messageThreadTitle,.messageConversation,.messageOnlineMember,.messageNotice){color:#29251f!important;border-bottom-color:#51483a33}
body.communityLanding .messageInbox .messageConversation{color:#615444}
body.communityLanding .messageInbox .messageConversation.selected{background:#e9d6b2;color:#29251f}
body.communityLanding .messageInbox .messageConversation.unread{background:#e7833812;border-left-color:#b34c23;color:#4d2b1b}
body.communityLanding .messageOnlineMember:hover{background:#e9d6b2}
body.communityLanding :is(.messageTimeDivider,.messageReadReceipt,.messageTyping,.messageEmpty,.messageCenterHelp,.messageCenterStatus,.messagePrivacyNotice,.messageNotice time,.messageBubble time){color:#71624d}
body.communityLanding :is(.messageNotice p,.messageNotice a,.messagePrivacyNotice a,.messageBubble p,.messageBubble strong){color:#29251f!important}
body.communityLanding :is(.messageThread,.messageCenter .messageSearch,.messageCenter .messageRecipient,.messageCenter .messageDraft,.messageActionDialog>input,.messageActionDialog>select,.messageActionDialog>textarea,.messageReportDialog textarea){
 background:#fcf2dc!important;border-color:#51483a55;color:#29251f!important;
}
body.communityLanding .messageCenter .messageDraft::placeholder{color:#796b56}
body.communityLanding .messageBubble{background:#e7d6b5!important;color:#29251f}
body.communityLanding .messageBubble.mine{background:#edc398!important;color:#29251f}
body.communityLanding .messageChatWidget .messageReading .messageReply{background:#f6e8ca;border-top-color:#51483a33}
body.communityLanding :is(.messagePrimary,.messageLeaderAction){background:#cb7034;border-color:#8b4825;color:#fff6e4!important}
body.communityLanding .messageNotice.unread{border-left-color:#b34c23}
body.communityLanding .messageToast{background:#f6e8ca;border-color:#51483a88}
body.communityLanding .messageToastOpen{color:#29251f}
body.communityLanding :is(.messageForwardNote,.messageGroupMember,.messageGroupChoice,.messageReportWarning,.messageReportReason){color:#615444}