.authscreen{position:fixed;inset:0;z-index:10;overflow:auto;display:grid;place-items:center;padding:30px;background:radial-gradient(ellipse at 80% 20%,#45623b55,transparent 60%),#101916}.authbox{width:min(440px,100%);padding:32px;border:1px solid #3d5040;border-radius:16px;background:#18251eee;box-shadow:0 25px 100px #0004}.authbox .crest{margin-bottom:24px}.authbox h1{font-size:30px;line-height:1.3;margin:14px 0}.authbox p{color:var(--muted);line-height:1.8;font-size:12px}.authtabs{display:flex;gap:10px;border-bottom:1px solid var(--line);margin:24px 0 18px;padding-bottom:12px}.authtabs button{border:0;border-radius:5px;background:none;color:var(--muted);padding:9px 13px}.authtabs .selected{background:#344b36;color:var(--text)}.authbox label,.formgrid label{display:block;font-size:12px;color:#c1d0c2;margin:13px 0}.authbox input,.formgrid input,select{display:block;width:100%;border:1px solid #425447;border-radius:6px;background:#101a14;color:var(--text);padding:12px;margin-top:7px}.authbox .primary{width:100%;margin:9px 0 16px;font-size:13px}.authbox small{font-size:10px;color:var(--muted);line-height:1.7;display:block}#authError{color:#e6a99e}.contentcard{border:1px solid var(--line);background:#17231c;border-radius:9px;padding:22px;margin:16px 0}.contentcard h3{margin:0 0 10px;font:700 16px Manrope}.contentcard p{font-size:12px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}.contentcard small{color:#a99e76;font-size:10px}.actions{display:flex;gap:12px;margin-top:18px}.memberrow{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.memberrow strong{flex:1}.memberrow select{width:auto;margin:0}.primary:disabled{opacity:.6;cursor:wait}.authscreen[hidden]{display:none}
.previewButton{width:100%;border:1px solid #698369;background:transparent;color:#dce8d9;padding:13px;border-radius:6px;margin:0 0 18px;cursor:pointer}.previewBanner{padding:12px 25px;background:#34452e;color:#e4d8ad;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:12px}.previewBanner button{background:transparent;color:inherit;border:1px solid #839275;border-radius:4px;padding:6px 10px}

/* Schwarz-Rot: Desktop-Design */
:root{--bg:#101013;--panel:#19191e;--line:#34343c;--text:#f5f3f4;--muted:#aaa6af;--gold:#ff929c;--green:#ff697b;--accent:#dc354b}
#sidebar{background:#0a0a0d}.crest{background:#34161e;border-color:#df5365;color:#ffb5bd}.online,.green-dot{background:#ff667b;box-shadow:0 0 9px #ff496144}.navlabel,.contextlabel{color:#a39ca7}nav button{color:#b9b3bd}nav button.active{background:linear-gradient(90deg,#571c2b,#28151e);color:#fff0f2;box-shadow:inset 3px 0 #f15369}nav button:hover{background:#292027}.count{background:#f15369;color:#fff}.avatar{background:#38202a;color:#ffb0bb}.me{background:#4c1d2b;color:#ffd3da}button.outline{border-color:#54404a;color:#e8d9df}
.hero{background:radial-gradient(ellipse at 90% 35%,#b9234244,transparent 62%),linear-gradient(115deg,#21171e,#141417);border-color:#60303e;box-shadow:0 15px 45px #0003}.tag{color:#ff97a6}.hero h2{color:#fff3f5}.hero p{color:#c2b4bd}.sigil{border-color:#b64c60;color:#ff9dad;background:linear-gradient(145deg,#d63a5422,#100c1277);box-shadow:0 0 70px #e33d5318}.pill{border-color:#77404e;color:#ffacb9}.date{color:#9e96a1}.message{border-color:#2d2a32}.role{background:#421e2b;color:#ffb0be}.msgmeta time{color:#9d949f}.msgbody p{color:#d0c8d1}.important{background:#3e1b2544;border-color:#78404d}.important .avatar{background:#532332}.reaction{background:#301c27;border-color:#654050;color:#ead0d9}.reaction.selected{background:#692638}
#composer{background:#19171d;border-color:#49343f}textarea::placeholder{color:#a098a4}.composebar>span{color:#a39aa7}.composebar button,.primary{background:#d9324b;color:#fff;box-shadow:0 4px 14px #c1243a26}.composebar button:hover,.primary:hover{background:#ed435c}.raid,.card{background:#19181e}.raidart{background:radial-gradient(ellipse at bottom,#c8314f55,transparent 70%),linear-gradient(145deg,#3b1a29,#121116)}.raidart:after{background:#100d16bb}.raidline{color:#d7c6d1}#rsvp{background:#d9324b;color:#fff}#rsvp:hover{background:#ed435c}.raid small{color:#a89ba9}.footnote{color:#a59aa7}.footnote span{color:#85798c}dialog{background:#1c1820;border-color:#60404e}dialog input{background:#100e14;border-color:#624452}#toast{background:#ffe1e7;color:#471622}
.authscreen{background:radial-gradient(ellipse at 80% 20%,#a0213b44,transparent 60%),#101013}.authbox{background:#1b171eee;border-color:#59313e}.authtabs .selected{background:#542032;color:#fff}.authbox label,.formgrid label{color:#d7cbd6}.authbox input,.formgrid input,select{background:#110f15;border-color:#54404f}.authbox input:focus,.formgrid input:focus,select:focus{outline:2px solid #f15369;outline-offset:2px}#authError{color:#ffadb9}.contentcard{background:#1b181f}.contentcard small{color:#d6a5b3}.previewButton{border-color:#a84c61;color:#ffdae2}.previewButton:hover{background:#40202e}.previewBanner{background:#431e2c;color:#ffcfda}.previewBanner button{border-color:#b36a80}
.characterStats{display:flex;flex-wrap:wrap;gap:12px;margin:15px 0}.characterStats span{padding:9px 13px;border:1px solid #713448;border-radius:6px;background:#351b29;color:#ffced8;font-weight:700}.contentcard>small{display:block;margin:12px 0}.contentcard>.outline{margin:12px}.contentcard a{color:#ffacb9}

.memberCharacters{max-width:650px;max-height:85vh;overflow-y:auto}.memberCharacters .contentcard{margin:14px 0}.contentcard>button.outline{border:1px solid #754051;background:#2a1822;color:#ffcad5;border-radius:6px;padding:10px 13px;margin:14px 0 0}.memberCharacters>p{line-height:1.7}

.accessChoice{max-width:820px;width:calc(100% - 32px);max-height:90vh;overflow:auto}.accessGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.accessGrid .contentcard{display:flex;flex-direction:column;align-items:flex-start;padding:24px}.accessGrid h3{margin-top:18px;font-size:21px}.accessGrid .primary{margin-top:auto;width:100%;padding:14px;font-size:13px}.accessGrid small{margin-bottom:22px;line-height:1.7}.accessBadge{font-size:10px;letter-spacing:1px;color:#ffadb9;border:1px solid #7c384c;padding:7px 9px;border-radius:5px}.accessChoice>p{font-size:11px}@media(max-width:620px){.accessGrid{grid-template-columns:1fr}.accessChoice{padding:22px}header{flex-wrap:wrap;height:auto;min-height:85px;padding-top:12px;padding-bottom:12px}}

.raidEvent{border-top:3px solid #dd354f}.raidCounts{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.raidCounts span{border:1px solid #663346;background:#311c29;color:#ffcad5;border-radius:6px;padding:8px 12px;font-size:12px}.raidSignup{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;align-items:end;padding:17px;background:#141218;border-radius:8px}.raidSignup label{font-size:11px;color:#c6b8c6}.raidSignup select{width:100%;margin-top:7px}.raidSignup button{grid-column:1/-1;padding:13px}.raidPerson{display:grid;grid-template-columns:1fr auto;gap:6px;padding:13px 0;border-bottom:1px solid var(--line)}.raidPerson>span,.raidPerson>small{grid-column:1;font-size:11px;color:var(--muted)}.raidPerson>button{grid-column:2;grid-row:1/4;background:transparent;border:1px solid #633547;color:#ffcad5;border-radius:5px;padding:8px}.raidParticipants h4{margin-top:24px;color:#ff9faf}.raidPermission{display:flex;align-items:center;gap:10px;padding:13px 0}.raidPermission input{width:18px;height:18px;accent-color:#dd354f}.raidEditor{max-width:500px}@media(max-width:720px){.raidSignup{grid-template-columns:1fr}.raidSignup button{grid-column:1}}

.raidTiming{border:1px solid #63404f;border-radius:9px;padding:18px;margin:20px 0}.raidTiming legend{color:#ff9eaf;padding:0 8px}.raidEditor{max-width:650px;max-height:90vh;overflow:auto}.raidSchedule{display:flex;flex-wrap:wrap;gap:9px 18px;padding:15px 0;font-size:11px;color:#bdb1c0}.raidSchedule>span:first-child{flex-basis:100%;color:#ffb5c3;font-weight:700;letter-spacing:1px}.raidHelperSignup{display:block}.raidHelperSignup>label{display:block}.raidHelperSignup>p{margin:10px 0}.raidRoleButtons{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.raidRole{border:1px solid #654556;background:#30202e;color:#fff;border-radius:6px;padding:12px 8px;font-weight:700}.raidRole.tank{border-color:#6285bb}.raidRole.heal{border-color:#7cbda2}.raidRole.dd{border-color:#d7566d}.raidRole:hover,.raidRole.selected{background:#773044}.raidRole:disabled{opacity:.4;cursor:not-allowed}.raidRoster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}.rosterColumn{background:#151319;border:1px solid #3f3442;border-radius:7px;overflow:hidden}.rosterColumn h4{font-size:12px;margin:0;padding:12px;border-bottom:2px solid #c84763}.rosterColumn.tank h4{border-color:#7299d2}.rosterColumn.heal h4{border-color:#87c7b0}.rosterColumn>p{padding:0 12px;font-size:11px}.rosterPlayer{padding:12px;border-bottom:1px solid #38303e;overflow-wrap:anywhere}.rosterPlayer strong{font-size:12px}.rosterPlayer small{display:block;font-size:10px;color:#baaec0;margin-top:7px;line-height:1.5}.rosterPlayer button{border:0;background:transparent;color:#ff9fae;font-size:10px;padding:10px 0 0}.raidArchive{margin:25px 0;color:#b6a8bb}.raidArchive>summary{cursor:pointer;padding:15px;border:1px solid #543545;border-radius:7px}@media(max-width:600px){.raidRoster{grid-template-columns:1fr 1fr}.raidRoleButtons{grid-template-columns:repeat(2,1fr)}}

.onlinePanel{margin:0 0 25px;padding:20px}.onlineHeading{display:flex;align-items:center;gap:9px;margin-bottom:15px}.onlineHeading h3{font-size:13px;flex:1}.onlineHeading>strong{font-size:11px;background:#233c30;color:#b6f4c9;padding:4px 8px;border-radius:10px}.presenceDot{width:7px;height:7px;border-radius:50%;background:#71717c;flex-shrink:0}.onlineHeading>.presenceDot,.isOnline>.presenceDot{background:#63d894;box-shadow:0 0 9px #63d89433}.onlineMember{width:100%;display:flex;align-items:center;gap:10px;padding:12px 0;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text)}.onlineMember:hover{background:#2c1c29}.onlineMember .avatar{width:31px;height:31px;font-size:12px}.onlineCopy{flex:1;min-width:0}.onlineCopy strong{font-size:12px;overflow-wrap:anywhere}.onlineCopy small{display:block;font-size:10px;margin-top:5px;color:var(--muted)}.presenceHint{display:block;font-size:9px;line-height:1.7;color:var(--muted);margin-top:15px}@media(max-width:1150px){.context{display:block}.context>:not(.onlinePanel){display:none}.onlinePanel{margin-top:25px}.onlineList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}}@media(max-width:500px){.onlineList{grid-template-columns:1fr}}
#sidebar{overflow-y:auto}#sidebar .onlinePanel{padding:10px;margin:12px 0;border-color:#493142}#sidebar .onlineHeading{margin-bottom:5px}#sidebar .onlineHeading h3{font-size:11px}#sidebar .onlineList{display:block;max-height:140px;overflow:auto}#sidebar .onlineMember{padding:7px 0}#sidebar .presenceHint{display:none}#sidebar .onlinePanel .avatar{width:25px;height:25px}#sidebar .onlinePanel .onlineCopy strong{font-size:11px}#sidebar .onlinePanel .onlineCopy small{font-size:9px}#sidebar:has(.onlinePanel) .demo{display:none}@media(max-height:800px){#sidebar:has(.onlinePanel){padding-top:20px;padding-bottom:15px}#sidebar:has(.onlinePanel) .guild{margin:15px 12px 20px}#sidebar:has(.onlinePanel) nav button{padding:10px 13px}#sidebar:has(.onlinePanel) .sidebottom{padding-top:10px}}

#sidebar .crest[data-rank=admin]{background:linear-gradient(145deg,#7d2439,#301019);border-color:#fa7188;color:#ffe4e9;font-size:26px}#sidebar .crest[data-rank=officer]{background:linear-gradient(145deg,#5c3b29,#261a17);border-color:#d9a475;color:#ffe2bd;font-size:26px}#sidebar .crest[data-rank=member]{background:linear-gradient(145deg,#37313f,#17141d);border-color:#998aa9;color:#e8dfee;font-size:26px}
#sidebar .crest[data-rank=trial]{background:linear-gradient(145deg,#3d294d,#1d1426);border-color:#bf8cdd;color:#f1dbff;font-size:20px;letter-spacing:1px}

.guildRankLabel{display:block;width:fit-content;margin:12px 0;padding:7px 10px;border:1px solid #78506f;border-radius:6px;background:#302035;color:#eed7f0;font-size:11px}.guildRankForm{padding:18px 0;border-top:1px solid var(--line);margin-top:14px}.guildRankForm>small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.guildRankForm label{display:block;font-size:12px;color:#d6c6d6;margin:12px 0}.guildRankForm input{display:block;width:100%;margin-top:7px;border:1px solid #604155;border-radius:6px;padding:12px;background:#151117;color:var(--text)}

.memberRoleControls{padding:18px;margin:18px 0;background:#241923;border:1px solid #6a344c;border-radius:9px}.memberRoleControls h3{margin:0;font-size:14px}.memberRoleControls>p{margin:9px 0 15px;font-size:11px}.memberRoleButtons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.memberRoleButton{display:flex;align-items:center;gap:10px;padding:11px;text-align:left;border:1px solid #624354;border-radius:6px;background:#161219;color:#efdee8;font-size:11px}.memberRoleButton:hover:not(:disabled){border-color:#ed6b85;background:#482336}.memberRoleButton.selected{background:#582638;border-color:#f17b94;color:#ffe1e8}.memberRoleButton:disabled:not(.selected){opacity:.4;cursor:not-allowed}.roleLetter{width:29px;height:30px;display:grid;place-items:center;background:#512637;border-radius:4px;font-weight:800;color:#ffb8c8;flex-shrink:0}.memberRoleButton.rank-officer .roleLetter{color:#ffd4a0;background:#493420}.memberRoleButton.rank-trial .roleLetter{color:#edcfff;background:#43244f}.memberRoleControls>small{font-size:10px;color:var(--muted);line-height:1.7}.roleFeedback{color:#ffb9c6}@media(max-width:440px){.memberRoleButtons{grid-template-columns:1fr}}

.characterCombatLabel{display:block;width:fit-content;font-size:11px;color:#ded4e4;background:#29202e;padding:7px 10px;border:1px solid #5e4668;border-radius:5px;margin:12px 0}.characterCombatLabel.tank{border-color:#6d8fbd}.characterCombatLabel.heal{border-color:#73b696}.characterCombatLabel.dd{border-color:#d05d78}.characterProfileDialog{max-width:520px}.raidHelperSignup>.outline{margin:10px 0;padding:9px 12px;border:1px solid #76536e;background:transparent;color:#f2c8e0;border-radius:5px;font-size:11px}

/* Collapsible navigation, including touch devices using desktop website mode. */
#menu{display:block!important;flex:0 0 auto;border:1px solid #614052;border-radius:7px;background:#221820;color:#f6dce6;font-size:22px;min-width:44px;min-height:44px;cursor:pointer}.sidebarClose{position:absolute;right:10px;top:10px;border:1px solid #624052;border-radius:7px;background:#251821;color:#f8d9e5;width:36px;height:36px;font-size:26px;line-height:1;z-index:1}#sidebar .brand{padding-right:24px}#sidebar{transition:transform .2s ease}.navigationCollapsed #sidebar{transform:translateX(-105%)!important}.navigationCollapsed main{margin-left:0!important}.sidebarBackdrop{position:fixed;inset:0;background:#0009;border:0;z-index:20;cursor:pointer}.sidebarBackdrop[hidden]{display:none!important}.drawerLayout #sidebar{width:min(285px,86vw)!important;height:100vh;height:100dvh;transform:translateX(-105%)!important;z-index:21;box-shadow:15px 0 45px #0008;padding-top:max(22px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}.drawerLayout.navigationOpen #sidebar{transform:translateX(0)!important}.drawerLayout.navigationOpen{overflow:hidden}.drawerLayout main{margin-left:0!important;min-width:0}.drawerLayout header{position:sticky;top:0;z-index:10;background:#111014f5;backdrop-filter:blur(12px);height:auto;min-height:74px;padding:12px 16px;display:flex;flex-wrap:wrap;gap:10px}.drawerLayout header>div{flex:1;min-width:100px}.drawerLayout header .eyebrow{font-size:8px}.drawerLayout h1{font-size:18px}.drawerLayout .layout{display:block;padding:16px;max-width:850px}.drawerLayout .conversation,.drawerLayout .context{min-width:0}.drawerLayout .hero{display:none}.drawerLayout .channelintro{margin-top:6px}.drawerLayout .sigil{display:none}.drawerLayout .memberrow{align-items:stretch}.drawerLayout .memberrow select{width:100%}.drawerLayout input,.drawerLayout select,.drawerLayout textarea{font-size:16px}.drawerLayout select,.drawerLayout input{min-height:44px}.drawerLayout dialog{max-height:88vh;max-height:88dvh;overflow:auto;width:calc(100% - 24px);padding:22px}.drawerLayout .raidRoleButtons{grid-template-columns:repeat(3,minmax(0,1fr))}.drawerLayout .raidRole{min-height:44px;padding:11px 4px;font-size:12px}.drawerLayout .raidRoster{grid-template-columns:repeat(2,minmax(0,1fr))}.drawerLayout .contentcard{padding:17px}.drawerLayout .raidSignup{padding:12px}.drawerLayout .composebar{flex-wrap:wrap}.drawerLayout .composebar button{min-height:44px}.drawerLayout .profile{min-height:44px}.drawerLayout .sidebarClose{width:44px;height:44px;top:12px;right:10px}.drawerLayout #sidebar .brand{padding-right:32px}.drawerLayout #sidebar nav button{min-height:44px}.drawerLayout .sidebottom{flex-shrink:0}.drawerLayout .onlineList{max-height:140px}.drawerLayout .authbox{padding:24px}.drawerLayout .accessGrid{grid-template-columns:1fr}@media(prefers-reduced-motion:reduce){#sidebar{transition:none}}

#menu{position:relative;overflow:visible}.menuUnreadDot{position:absolute;right:-4px;top:-4px;width:12px;height:12px;border-radius:50%;background:#4ba4ff;border:2px solid #14101a;box-shadow:0 0 10px #368fff88}.channelUnreadBadge{margin-left:auto;min-width:21px;height:21px;border-radius:11px;background:#3489e8;color:#fff;display:grid;place-items:center;padding:0 6px;font-size:10px;font-weight:800;flex-shrink:0}#channels button.hasUnread{color:#dfedff}#channels button.hasUnread .navicon{color:#83bdff}

.chatTools{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.chatTools button,.messageDelete{border:1px solid #654052;border-radius:5px;background:transparent;color:#e7bacb;padding:8px 10px;font-size:11px}.messageDelete{margin-left:auto;padding:4px 7px;font-size:10px}.cleanupDialog{max-width:560px;max-height:85dvh;overflow:auto}

.mobileAppDialog{max-width:620px;max-height:90dvh;overflow:auto}.mobileAppDialog>.contentcard>button{display:block;margin:12px 0;padding:12px;width:100%}.mobileAppDialog>small{font-size:11px;line-height:1.7;color:var(--muted)}header{flex-wrap:wrap;height:auto;min-height:103px;padding-top:15px;padding-bottom:15px}.pushFeedback{color:#ffd0dd}

.compactMembers{display:flex;flex-direction:column;border:1px solid #40303d;border-radius:9px;overflow:hidden;margin:16px 0}.compactMember{display:flex;align-items:center;gap:11px;width:100%;padding:13px 15px;background:#1b171e;border:0;border-bottom:1px solid #362b36;color:var(--text);text-align:left}.compactMember:last-child{border-bottom:0}.compactMember:hover{background:#2d1b29}.compactMemberAvatar{width:32px;height:32px;background:#432132;color:#ffc5d5;border-radius:9px;display:grid;place-items:center;font-size:13px;font-weight:700;flex-shrink:0}.compactMemberCopy{min-width:0;flex:1}.compactMemberTop{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.compactMemberTop strong{font-size:13px}.compactMemberRank{font-size:9px;color:#e3aebe;border:1px solid #684052;border-radius:4px;padding:2px 5px}.compactMemberCopy>small{display:block;font-size:10px;color:var(--muted);margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compactMemberStatus{width:7px;height:7px;border-radius:50%;background:#726a77;flex-shrink:0}.compactMemberStatus.online{background:#63d894}.compactMemberArrow{font-size:22px;color:#b48c9f}.drawerLayout .compactMember{padding:10px 12px;gap:9px}.drawerLayout .compactMemberAvatar{width:29px;height:29px}.drawerLayout .compactMemberTop strong{font-size:12px}.drawerLayout .compactMemberRank{font-size:8px}

#sidebar .crest[data-rank=owner]{background:linear-gradient(145deg,#805923,#2c1c10);border-color:#e8b85c;color:#fff0c4;font-size:27px}.compactMemberRank:has(+ .owner){color:#ffd892}.roleLetter.owner{background:#5e4221;color:#ffe1a0}

#sidebar .crest[data-rank=owner]{font-size:21px}#sidebar .crest[data-rank=chief]{background:linear-gradient(145deg,#674b2c,#231913);border-color:#d8b276;color:#ffe7c4;font-size:26px}.rank-chief .roleLetter{background:#674b2c;color:#ffe7c4}

.permissionRole{border:1px solid #513344;border-radius:7px;margin:12px 0;background:#17131c}.permissionRole summary{padding:14px;cursor:pointer;color:#f0c6d5;font-weight:700;font-size:12px}.permissionForm{padding:0 15px 16px}.permissionOption{display:flex;align-items:center;gap:11px;padding:10px 0;font-size:12px;color:#d9cbd9}.permissionOption input{width:19px!important;height:19px;min-height:19px!important;accent-color:#d43c5c;flex-shrink:0}.permissionOption input:disabled{opacity:.5}

.customRoleRights{border:1px solid #513347;border-radius:7px;margin:18px 0;padding:13px}.customRoleRights legend{color:#e9b6cc;padding:0 8px}.customRoleRights .permissionOption{display:flex;gap:11px;margin:0}.customRoleRow{display:flex;align-items:center;gap:12px;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0}.customRoleRow strong{font-size:12px}.customRoleRow button{border:1px solid #624154;background:transparent;color:#e6bbcc;padding:9px;border-radius:5px}#sidebar .crest[data-rank^=custom_]{background:linear-gradient(145deg,#513048,#211623);border-color:#bf7aaa;color:#f8d7ee;font-size:20px}

.areaVisibility{margin:22px 0}.areaVisibility h4,.permissionForm h4,.customRoleRights h4{color:#f0b7cd;font-size:12px;margin:20px 0 12px}.areaTableScroll{overflow-x:auto;border:1px solid #533649;border-radius:7px}.areaTableScroll table{border-collapse:collapse;min-width:640px;width:100%;font-size:10px}.areaTableScroll th,.areaTableScroll td{padding:12px;border-bottom:1px solid #382938;text-align:center;white-space:nowrap}.areaTableScroll th:first-child{text-align:left}.areaTableScroll th{background:#241925;color:#e5c4d6}.areaAllowed{color:#aadfc0}.areaDenied{color:#a492a7}

.inviteOutput{margin-top:18px}.inviteOutput label{display:block;font-size:12px;color:#dcbfd0}.inviteOutput input{display:block;width:100%;font:600 16px monospace;padding:13px;margin:8px 0;background:#141018;border:1px solid #75415a;border-radius:6px;color:#ffd7e5}.inviteOutput button{margin:8px 10px 8px 0}.inviteOutput small{display:block;font-size:10px;color:var(--muted)}.inviteFeedback{font-size:12px;color:#f4bdd2}.contentcard:has(.inviteOutput)>button{margin-right:10px;margin-bottom:10px}

.authbox .authFieldHelp{font-size:11px;line-height:1.6;margin:-5px 0 15px;color:#c8b9c9}.authFieldHelp[hidden]{display:none!important}

.messageEdit{margin-left:auto;border:1px solid #654052;border-radius:5px;background:transparent;color:#e7bacb;padding:4px 7px;font-size:10px}.messageEdit+.messageDelete{margin-left:0}.messageEdited{font-size:9px;color:var(--muted);font-style:italic}.msgbody{flex:1}.editMessageDialog{max-width:600px;max-height:88dvh;overflow:auto}.editMessageDialog label{display:block;font-size:12px}.editMessageDialog textarea{display:block;border:1px solid #754459;background:#151018;border-radius:7px;margin:10px 0;padding:13px;font-size:16px;min-height:140px}.editMessageDialog .outline{border:1px solid #674353;border-radius:5px;background:transparent;color:#f0c7d9;padding:10px 13px}

.guestSettingsDialog{max-width:600px;max-height:90dvh;overflow:auto}.guestSettingsDialog>input{width:100%;font:600 15px monospace;background:#17121c;color:#ffd6e3;border:1px solid #6e435a;padding:12px;border-radius:6px}.guestSettingsDialog .permissionOption{display:flex;margin:12px 0}.guestSettingsDialog .permissionOption input{min-height:18px;width:18px;height:18px;margin:0}.guestSettingsDialog>button{margin:10px 10px 10px 0}.guestSettingsDialog>button.outline{background:transparent;color:#ecc6d8;border:1px solid #694357;border-radius:5px;padding:10px}#sidebar .crest[data-rank=guest]{background:#302438;border-color:#b18ec7;color:#ead7f4;font-size:25px}

.guestRequestRow{border:1px solid #62354d;border-radius:8px;margin:14px 0;background:#1c1620}.guestRequestRow summary{padding:16px;color:#f1c4d7;font-weight:700;cursor:pointer;font-size:12px;overflow-wrap:anywhere}.guestRequestContent{padding:0 17px 18px}.guestRequestContent .actions{flex-wrap:wrap}.guestRequestContent button.outline,.guestConversation button.outline{border:1px solid #694157;border-radius:5px;padding:10px;background:transparent;color:#edc0d5;font-size:11px}.guestRequestContent textarea,.guestConversation textarea{display:block;border:1px solid #684055;padding:12px;background:#141018;border-radius:6px;min-height:90px;font-size:16px}.guestConversation{max-width:620px;max-height:90dvh;overflow:auto}.guestRequestContent h4{color:#edb8cf;font-size:13px}.requestMail{padding:14px;border:1px solid #704357;border-radius:6px;margin:14px 0}.requestMail a{display:inline-block;text-decoration:none;margin:8px 8px 8px 0}.requestMail button{margin:8px 0}

.emojiTools{margin:8px 0;min-width:0}.emojiToggle{border:1px solid #724052;border-radius:7px;background:#261923;color:#f9dce6;padding:9px 12px;font-size:14px;min-height:44px}.emojiPicker{padding:12px;margin-top:8px;border:1px solid #724052;border-radius:9px;background:#19151d;max-height:300px;overflow:auto}.emojiPicker[hidden]{display:none!important}.emojiPicker strong{display:block;color:#cdb9c4;font-size:12px;margin:8px 0}.emojiGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:3px}.emojiGrid button{font-family:system-ui,'Apple Color Emoji','Segoe UI Emoji',sans-serif;background:transparent;border:0;border-radius:6px;font-size:24px;padding:5px;min-height:44px;min-width:44px;line-height:1.3}.emojiGrid button:hover,.emojiGrid button:focus-visible{background:#492333;outline:2px solid #eb5378}

.battleLoginBox{margin:20px 0 12px}.battleLoginBox[hidden]{display:none!important}.battleLoginButton{display:block;width:100%;border:1px solid #3276a1;border-radius:7px;background:#12354b;color:#ecf8ff;min-height:46px;padding:12px;font-weight:700;cursor:pointer}.battleLoginButton:hover{background:#1b4964}.battleLoginButton:disabled{opacity:.55;cursor:not-allowed}.battleLoginBox small{display:block;margin:9px 0;font-size:12px;line-height:1.5;color:#c6b9c5}