/* OldStyller: tema unificado medieval moderno */
:root {
    --gw-navy: #111111;
    --gw-panel: #181818;
    --gw-panel-2: #212121;
    --gw-panel-3: #292929;
    --gw-gold: #b48a3f;
    --gw-gold-light: #e1c06f;
    --gw-text: #f0f1ef;
    --gw-muted: #bbc0c2;
    --gw-green: #79a77f;
    --gw-line: #665536;
}

#ContentColumn .Content .Box {
    background: var(--gw-navy) !important;
    border-color: var(--gw-line) !important;
}
#ContentColumn .Content .BoxContent {
    background: var(--gw-panel) !important;
    background-image: none !important;
    color: var(--gw-text) !important;
}
#ContentColumn .Content .BoxContent > div {
    background-image: none !important;
}
#ContentColumn .Content .BoxContent h1,
#ContentColumn .Content .BoxContent h2,
#ContentColumn .Content .BoxContent h3,
#ContentColumn .Content .BoxContent .OldStyller-title,
#ContentColumn .Content .BoxContent .dl-title,
#ContentColumn .Content .BoxContent .si-title,
#ContentColumn .Content .BoxContent .hs-title {
    color: var(--gw-gold-light) !important;
}
#ContentColumn .Content .BoxContent p,
#ContentColumn .Content .BoxContent li,
#ContentColumn .Content .BoxContent td,
#ContentColumn .Content .BoxContent div,
#ContentColumn .Content .BoxContent span,
#ContentColumn .Content .BoxContent label,
#ContentColumn .Content .BoxContent font {
    color: var(--gw-text) !important;
}
#ContentColumn .Content .BoxContent strong,
#ContentColumn .Content .BoxContent b {
    color: var(--gw-gold-light) !important;
}
#ContentColumn .Content .BoxContent a {
    color: var(--gw-gold-light) !important;
}
#ContentColumn .Content .BoxContent a:hover {
    color: #fff3c9 !important;
}

#ContentColumn .Content .BoxContent table tr,
#ContentColumn .Content .BoxContent table td {
    background: var(--gw-panel-2) !important;
    border-color: rgba(213, 175, 95, 0.28) !important;
}
#ContentColumn .Content .BoxContent table tr:nth-child(even) td {
    background: var(--gw-panel-3) !important;
}
#ContentColumn .Content .BoxContent th,
#ContentColumn .Content .BoxContent .CaptionContainer,
#ContentColumn .Content .BoxContent .dl-head,
#ContentColumn .Content .BoxContent .si-head {
    background: #25272b !important;
    color: var(--gw-gold-light) !important;
}

#ContentColumn .Content .BoxContent input,
#ContentColumn .Content .BoxContent select,
#ContentColumn .Content .BoxContent textarea {
    background: #101215 !important;
    color: var(--gw-text) !important;
    border: 1px solid var(--gw-line) !important;
}

.OldStyller-dot {
    background: var(--gw-green) !important;
    box-shadow: 0 0 7px var(--gw-green) !important;
}
.OldStyller-status b {
    color: var(--gw-green) !important;
}
.Content .BoxContent .hs-online {
    color: var(--gw-green) !important;
}

#OldStyllerCallout {
    background: linear-gradient(105deg, #202226, #15171a) !important;
    border-color: var(--gw-gold) !important;
}
#OldStyllerCallout strong,
#OldStyllerCallout .OldStyllerCallout__eyebrow {
    color: var(--gw-gold-light) !important;
}
#OldStyllerCallout span {
    color: var(--gw-text) !important;
}

/* Caixa de acesso: medidas próprias, sem aproveitar o encaixe torto do tema antigo. */
#Loginbox {
    width: 180px !important;
    height: 78px !important;
    left: 0 !important;
    top: 0 !important;
    margin: 8px auto 24px !important;
    padding: 8px 10px 6px !important;
    background: linear-gradient(145deg, #24262a, #121417) !important;
    border: 1px solid var(--gw-gold) !important;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.35) !important;
}

#Loginbox #LoginTop,
#Loginbox #LoginBottom,
#Loginbox #BorderLeft,
#Loginbox #BorderRight {
    display: none !important;
}
#Loginbox .Loginstatus {
    width: 160px !important;
    height: 15px !important;
    left: 0 !important;
    top: 0 !important;
    margin: 0 auto !important;
}
#Loginbox #LoginstatusText_1 {
    position: static !important;
    width: 160px !important;
    height: 14px !important;
    color: var(--gw-muted) !important;
    font:
        10px Arial,
        sans-serif !important;
    text-align: center;
}
#Loginbox #LoginstatusText_1::after {
    content: 'Acesso do jogador';
}
#Loginbox #LoginButtonContainer {
    width: 160px !important;
    height: 30px !important;
    margin: 0 auto !important;
}
#Loginbox #OldStyllerLoginButton {
    display: block;
    width: 138px;
    margin: 1px auto 0;
}
#Loginbox #LoginstatusText_2 {
    width: 160px !important;
    margin: 0 auto !important;
}

#OldStyllerLoginButton,
.OldStyller-submit {
    min-width: 118px;
    min-height: 27px;
    padding: 5px 12px;
    border: 1px solid var(--gw-gold) !important;
    background: linear-gradient(180deg, #3e4044, #202226) !important;
    color: var(--gw-gold-light) !important;
    font:
        700 12px Georgia,
        serif;
    cursor: pointer;
    text-shadow: none;
}

#OldStyllerLoginButton:hover,
.OldStyller-submit:hover {
    background: linear-gradient(180deg, #53555a, #2b2d31) !important;
    color: #fff3c9 !important;
}
#OldStyllerLoginButton span,
.OldStyller-submit span {
    color: var(--gw-gold-light) !important;
    margin-left: 7px;
}
#OldStyllerCreateAccount {
    display: block;
    padding: 3px 0;
    color: var(--gw-muted) !important;
    font:
        11px Arial,
        sans-serif;
    text-decoration: none;
    text-align: center;
}
#OldStyllerCreateAccount:hover {
    color: var(--gw-gold-light) !important;
}

/* OldStyller v30 — coluna esquerda reconstruída sobre o v27 limpo. */
#MenuColumn {
    width: 190px !important;
    margin-left: 10px !important;
}

#Loginbox {
    box-sizing: border-box !important;
    width: 180px !important;
    height: 94px !important;
    margin: 0 0 38px 0 !important;
    padding: 10px 9px 9px !important;
}

#Loginbox #OldStyllerLoginButton {
    width: 142px !important;
    height: 29px !important;
    margin: 2px auto 0 !important;
    border-radius: 0 !important;
}

#Loginbox #OldStyllerCreateAccount {
    margin-top: 3px !important;
    line-height: 15px !important;
}

#Menu {
    position: relative !important;
    left: 0 !important;
    width: 180px !important;
    margin: 0 !important;
    padding: 7px 5px 8px !important;
    background: rgba(12, 15, 19, 0.94) !important;
    border: 1px solid #80652f !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.48) !important;
    box-sizing: border-box !important;
}

#MenuTop,
#MenuBottom {
    display: none !important;
}

#Menu .menuitem {
    margin: 0 0 5px !important;
}

#Menu .MenuButton {
    position: relative !important;
    width: 168px !important;
    height: 38px !important;
    margin: 0 !important;
    background: linear-gradient(#3d4044, #25282c 54%, #17191c) !important;
    border: 1px solid #9d7a39 !important;
    box-shadow:
        inset 0 1px rgba(255, 240, 198, 0.13),
        0 2px 4px rgba(0, 0, 0, 0.55) !important;
    box-sizing: border-box !important;
}

#Menu .MenuButton:hover {
    background: linear-gradient(#53565b, #34373b 54%, #222428) !important;
    border-color: #d2ac58 !important;
}

#Menu .MenuButton .Button,
#Menu .MenuButton .Label {
    background-image: none !important;
}
#Menu .MenuButton .Button {
    width: 166px !important;
    height: 36px !important;
}

#Menu .MenuButton .Icon {
    left: 7px !important;
    top: 3px !important;
    filter: saturate(0.72) brightness(0.95) !important;
}

#Menu .MenuButton .Label {
    left: 39px !important;
    top: 0 !important;
    width: 108px !important;
    height: 36px !important;
    color: #e7c775 !important;
    font:
        bold 15px/36px Georgia,
        serif !important;
    text-align: center !important;
    text-shadow: 0 1px 2px #000 !important;
}

#Menu .MenuButton .Label::after {
    display: block !important;
}
#news .MenuButton .Label::after {
    content: 'News';
}
#community .MenuButton .Label::after {
    content: 'Community';
}
#library .MenuButton .Label::after {
    content: 'Library';
}
#forum .MenuButton .Label::after {
    content: 'Forum';
}
#support .MenuButton .Label::after {
    content: 'Support';
}
#shops .MenuButton .Label::after {
    content: 'Shop';
}

#Menu .Extend {
    right: 4px !important;
    top: 13px !important;
}

#Menu .LeftChain,
#Menu .RightChain {
    display: none !important;
}

#Menu .Submenu {
    width: 168px !important;
    margin: 0 !important;
    padding: 3px 0 !important;
    background: #131a20 !important;
    border: solid #3e4b53 !important;
    border-width: 0 1px 1px !important;
    box-sizing: border-box !important;
}

#Menu .Submenuitem {
    width: 166px !important;
    height: 21px !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(207, 170, 94, 0.13) !important;
}

#Menu .Submenuitem:hover {
    background: #263038 !important;
}
#Menu .SubmenuitemLabel {
    left: 10px !important;
    color: #e8edf0 !important;
}
#Menu .ActiveSubmenuItemIcon {
    right: 5px !important;
}

/* A caixa Account duplicada continua removida. */
#account {
    display: none !important;
}

/* Paleta única em todas as páginas públicas. */
#ContentColumn .BoxContent [style*='#fff5df'],
#ContentColumn .BoxContent [style*='#f1e3c9'],
#ContentColumn .BoxContent [style*='#F1E0C6'],
#ContentColumn .BoxContent [style*='#f1e0c6'],
#ContentColumn .BoxContent [style*='#D4C0A1'],
#ContentColumn .BoxContent [style*='#d4c0a1'] {
    background: var(--gw-panel-2) !important;
    background-color: var(--gw-panel-2) !important;
    color: var(--gw-text) !important;
    border-color: var(--gw-line) !important;
}

#ContentColumn .hs-subbar,
#ContentColumn .hs-card,
#ContentColumn .hs-table td,
#ContentColumn .dl-hero,
#ContentColumn .dl-card,
#ContentColumn .dl-note,
#ContentColumn .si-box,
#ContentColumn .si-stage td,
#ContentColumn .si-updates td,
#ContentColumn .mp-balance,
#ContentColumn .mp-card,
#ContentColumn .mp-package,
#ContentColumn .mp-pix,
#ContentColumn .mp-request,
#ContentColumn .tf-card,
#ContentColumn .tf-table td,
#ContentColumn .tf-empty,
#ContentColumn .tg-card,
#ContentColumn .tg-empty,
#ContentColumn .tg-foot,
#ContentColumn .OldStyller-voc-count,
#ContentColumn .OldStyller-skulls,
#ContentColumn .OldStyller-online-table td {
    background: var(--gw-panel-2) !important;
    color: var(--gw-text) !important;
    border-color: var(--gw-line) !important;
    box-shadow: none !important;
}

#ContentColumn .hs-table tr:nth-child(even) td,
#ContentColumn .tf-table tr:nth-child(even) td,
#ContentColumn .OldStyller-online-table tr:nth-child(even) td {
    background: var(--gw-panel-3) !important;
}

#ContentColumn .hs-table tr:hover td,
#ContentColumn .tf-table tr:hover td,
#ContentColumn .OldStyller-online-table tr:hover td {
    background: #34363a !important;
}

#ContentColumn .dl-head,
#ContentColumn .si-head,
#ContentColumn .hs-head,
#ContentColumn .tf-head,
#ContentColumn .OldStyller-status-head,
#ContentColumn .OldStyller-search-title {
    background: #25272b !important;
    color: var(--gw-gold-light) !important;
    border-color: var(--gw-line) !important;
}

#ContentColumn button,
#ContentColumn input[type='submit'],
#ContentColumn input[type='button'],
#ContentColumn .BigButton {
    background: linear-gradient(180deg, #3e4044, #202226) !important;
    color: var(--gw-gold-light) !important;
    border: 1px solid var(--gw-gold) !important;
    text-shadow: none !important;
}

/* Remove a faixa metálica listrada e os enfeites das pontas. */
#ContentColumn .Content .Border_1,
#ContentColumn .Content .Corner-tl,
#ContentColumn .Content .Corner-tr,
#ContentColumn .Content .Corner-bl,
#ContentColumn .Content .Corner-br,
#ContentColumn .Content .CornerWrapper-b,
#ContentColumn .Content .BottomCornersHelper {
    display: none !important;
    background-image: none !important;
}

#ContentColumn .Content .BorderTitleText {
    border-top: 1px solid var(--gw-gold) !important;
}

#ContentColumn .Content .Border_2 {
    background: var(--gw-gold) !important;
}

#ContentColumn .Content .Border_3 {
    border-color: var(--gw-gold) !important;
}

/* Entrada: remove o pergaminho e devolve a largura ao texto. */
#latestnews #TeaserThumbnail,
#news #TeaserThumbnail {
    display: none !important;
}

#latestnews #TeaserText,
#news #TeaserText {
    width: auto !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
}

/* O pergaminho da entrada é uma imagem própria, fora do TeaserThumbnail. */
#OldStyllerSeasonArticle img[src*='thebook.gif'] {
    display: none !important;
}

#OldStyllerSeasonArticle > div,
#OldStyllerSeasonArticle > div > div,
#OldStyllerJourney,
#OldStyllerJourney .tg-link {
    border-color: rgba(180, 138, 63, 0.62) !important;
}

#OldStyllerSeasonArticle a[href*='OldStyller_Global_Mobile'],
#OldStyllerJourney .tg-link {
    background: #202226 !important;
    color: var(--gw-text) !important;
    box-shadow: none !important;
}

#OldStyllerSeasonArticle a[href*='OldStyller_Global_Mobile'] {
    margin-right: 0 !important;
}

#OldStyllerSeasonArticle > div[style*='background-color'],
#OldStyllerSeasonArticle > div[style*='background:'] {
    background: #202226 !important;
}

/* A entrada segue a mesma paleta grafite do restante do site. */
#news #OldStyllerSeasonArticle,
#news #OldStyllerSeasonArticle > div,
#news #OldStyllerSeasonArticle > div > div,
#news #OldStyllerJourney {
    background-color: #1b1d20 !important;
    color: var(--gw-text) !important;
}

#news #OldStyllerJourney .tg-link {
    background-color: #24262a !important;
}

/* Guilds: botões e tabela seguem o padrão novo. */
#guilds .OldStyller-submit {
    min-width: 126px !important;
    margin: 4px auto !important;
}

#guilds table,
#guilds table td,
#guilds table th {
    border-color: rgba(180, 138, 63, 0.42) !important;
}

/* Server Info: elimina a última faixa azul. */
#serverinfo .si-title,
#serverinfo .si-head,
#serverinfo .si-stage th {
    background: #25272b !important;
    color: var(--gw-gold-light) !important;
    border-color: var(--gw-line) !important;
}

#serverinfo .si-box,
#serverinfo .si-body,
#serverinfo .si-stage td,
#serverinfo .si-grid td,
#serverinfo .si-updates td {
    background: #202226 !important;
    color: var(--gw-text) !important;
    border-color: rgba(180, 138, 63, 0.42) !important;
}

/* Tabelas antigas: remove molduras, sombras e barras que causavam mistura visual. */
#ContentColumn .TableContainer,
#ContentColumn .TableContentContainer,
#ContentColumn .InnerTableContainer,
#ContentColumn .TableContentAndRightShadow {
    background: #1b1d20 !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

#ContentColumn .CaptionContainer,
#ContentColumn .CaptionInnerContainer {
    min-height: 30px !important;
    background: #25272b !important;
    background-image: none !important;
    border: 1px solid var(--gw-line) !important;
    box-sizing: border-box !important;
}

#ContentColumn .CaptionContainer .Text {
    position: static !important;
    padding: 6px 10px !important;
    color: var(--gw-gold-light) !important;
    font-weight: bold !important;
}

#ContentColumn .CaptionEdgeLeftTop,
#ContentColumn .CaptionEdgeRightTop,
#ContentColumn .CaptionEdgeLeftBottom,
#ContentColumn .CaptionEdgeRightBottom,
#ContentColumn .CaptionBorderTop,
#ContentColumn .CaptionBorderBottom,
#ContentColumn .CaptionVerticalLeft,
#ContentColumn .CaptionVerticalRight,
#ContentColumn .TableShadowContainer,
#ContentColumn .TableShadowContainerRightTop,
#ContentColumn .TableBottomShadow,
#ContentColumn .TableBottomLeftShadow,
#ContentColumn .TableBottomRightShadow,
#ContentColumn .TableShadowRightTop {
    display: none !important;
    background-image: none !important;
}

/* Botões legados de imagem recebem o mesmo acabamento dos botões novos. */
#ContentColumn .BigButton {
    width: 138px !important;
    height: 30px !important;
    margin: 4px auto !important;
    background: linear-gradient(180deg, #3e4044, #202226) !important;
    border: 1px solid var(--gw-gold) !important;
    box-sizing: border-box !important;
}

#ContentColumn .BigButtonOver {
    display: none !important;
}
#ContentColumn .BigButton .ButtonText {
    opacity: 0 !important;
    width: 136px !important;
    height: 28px !important;
}
#ContentColumn .BigButton::after {
    content: 'Ação';
    position: absolute;
    inset: 0;
    color: var(--gw-gold-light) !important;
    font:
        bold 12px/28px Georgia,
        serif;
    text-align: center;
    pointer-events: none;
}
#ContentColumn .BigButton:has(input[name='Submit'])::after {
    content: 'Confirmar';
}
#ContentColumn .BigButton:has(input[name='Back'])::after {
    content: 'Voltar';
}
#ContentColumn .BigButton:has(input[name='Account lost?'])::after {
    content: 'Recuperar conta';
}

/* Tela de conta: formulário compacto, alinhado e sem faixas soltas. */
#accountmanagement .TableContainer {
    margin-top: 12px !important;
}
#accountmanagement .InnerTableContainer {
    padding: 10px !important;
}
#accountmanagement .InnerTableContainer table {
    max-width: 620px !important;
    margin: 0 auto !important;
}
#accountmanagement td.LabelV {
    width: 150px !important;
    color: var(--gw-gold-light) !important;
}
#accountmanagement input[type='password'],
#accountmanagement input[type='text'] {
    width: 240px !important;
    min-height: 25px !important;
    box-sizing: border-box !important;
}

/* Neutralização final: nenhum verde-musgo ou azul nos fundos. */
#ContentColumn .Content .Box,
#ContentColumn .Content .BoxContent,
#ContentColumn .Content .BoxContent > div,
#ContentColumn .TableContainer,
#ContentColumn .TableContentContainer,
#ContentColumn .InnerTableContainer,
#ContentColumn .TableContentAndRightShadow,
#ContentColumn .si-wrap,
#ContentColumn .si-box,
#ContentColumn .si-body,
#ContentColumn .hs-wrap,
#ContentColumn .dl-wrap,
#ContentColumn .OldStyller-online-wrap,
#ContentColumn .OldStyller-search,
#ContentColumn #OldStyllerSeasonArticle,
#ContentColumn #OldStyllerSeasonArticle > div,
#ContentColumn #OldStyllerJourney {
    background-color: #181818 !important;
    background-image: none !important;
}

#ContentColumn .Content .BoxContent table tr,
#ContentColumn .Content .BoxContent table td,
#ContentColumn .hs-card,
#ContentColumn .dl-card,
#ContentColumn .si-stage td,
#ContentColumn .si-updates td,
#ContentColumn .OldStyller-voc,
#ContentColumn .OldStyller-status,
#ContentColumn .OldStyller-skulls {
    background-color: #212121 !important;
}

#ContentColumn .Content .BoxContent table tr:nth-child(even) td,
#ContentColumn .hs-table tr:nth-child(even) td,
#ContentColumn .OldStyller-online-row-dark {
    background-color: #292929 !important;
}

#ContentColumn .CaptionContainer,
#ContentColumn .CaptionInnerContainer,
#ContentColumn .si-title,
#ContentColumn .si-head,
#ContentColumn .dl-head,
#ContentColumn .hs-head,
#ContentColumn .OldStyller-status-head,
#ContentColumn .OldStyller-search-title {
    background-color: #262626 !important;
    background-image: none !important;
}

/* Verde reservado exclusivamente para indicadores online. */
#ContentColumn .OldStyller-dot,
#ContentColumn .hs-online {
    color: var(--gw-green) !important;
}

/* Cabeçalho: logo sem aparência de caixa vazia. */
#OldStyllerLogoArtwork {
    top: 25px !important;
    left: 0 !important;
    width: 180px !important;
    height: 76px !important;
    padding-top: 11px !important;
    background: radial-gradient(
        ellipse at center,
        rgba(25, 25, 25, 0.72),
        rgba(12, 12, 12, 0.08) 72%
    ) !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 23px !important;
}

#OldStyllerLogoArtwork::after {
    content: '';
    display: block;
    width: 92px;
    height: 1px;
    margin: 9px auto 0;
    background: linear-gradient(90deg, transparent, var(--gw-gold), transparent);
}

/* Apoio: cartão compacto com chamada real para a loja. */
#Themeboxes #NewcomerBox {
    height: 132px !important;
    margin-top: 22px !important;
    background: linear-gradient(145deg, #222222, #141414) !important;
    border: 1px solid var(--gw-gold) !important;
    box-shadow:
        inset 0 0 0 1px rgba(225, 192, 111, 0.08),
        0 5px 14px rgba(0, 0, 0, 0.35) !important;
}

#Themeboxes #NewcomerBox::before {
    top: 16px !important;
    color: var(--gw-gold-light) !important;
    font-size: 15px !important;
}

#Themeboxes #NewcomerBox::after {
    top: 42px !important;
    color: var(--gw-muted) !important;
    font-size: 10px !important;
}

#Themeboxes #NewcomerBox .ThemeboxButton {
    display: block !important;
    left: 20px !important;
    bottom: 14px !important;
    width: 140px !important;
    height: 30px !important;
    background: linear-gradient(180deg, #3e4044, #202020) !important;
    border: 1px solid var(--gw-gold) !important;
    box-sizing: border-box !important;
}

#Themeboxes #NewcomerBox .ThemeboxButton .BigButtonOver {
    display: none !important;
}
#Themeboxes #NewcomerBox .ThemeboxButton .ButtonText {
    position: static !important;
    width: 138px !important;
    height: 28px !important;
    background-image: none !important;
    color: var(--gw-gold-light) !important;
    text-align: center;
}

#Themeboxes #NewcomerBox .ThemeboxButton .ButtonText::after {
    content: 'Ir para a Loja  →';
    font:
        bold 11px/28px Georgia,
        serif;
}

/* Verde esmeralda aplicado somente aos antigos blocos azuis da entrada. */
#news #OldStyllerSeasonArticle a[href*='OldStyller_Global_Mobile'],
#news #OldStyllerJourney .tg-link,
#latestnews .OldStyllerNewsBody {
    background: #19362f !important;
    background-color: #19362f !important;
    border-color: #4f7567 !important;
    color: var(--gw-text) !important;
}

#news #OldStyllerSeasonArticle a[href*='OldStyller_Global_Mobile']:hover,
#news #OldStyllerJourney .tg-link:hover {
    background: #23493f !important;
    background-color: #23493f !important;
    border-color: var(--gw-gold) !important;
}

#news #OldStyllerJourney .tg-label,
#news #OldStyllerJourney .tg-description,
#latestnews .OldStyllerNewsBody,
#latestnews .OldStyllerNewsBody p,
#latestnews .OldStyllerNewsBody span {
    color: var(--gw-text) !important;
}

/* Ticker e notícias também recebem o mesmo verde esmeralda. */
#newsticker .BoxContent,
#newsticker .Row,
#newsticker .Odd,
#newsticker .Even,
#latestnews .NewsHeadlineBackground,
#latestnews .OldStyllerNewsBody,
.OldStyllerNewsBody {
    background: #19362f !important;
    background-color: #19362f !important;
    color: var(--gw-text) !important;
    border-color: #4f7567 !important;
}

#newsticker .NewsTickerText,
#newsticker .NewsTickerDate,
#newsticker .NewsTickerShortText,
#newsticker .NewsTickerFullText,
.OldStyllerNewsBody p,
.OldStyllerNewsBody span {
    color: var(--gw-text) !important;
}

/* Acabamento da entrada: elimina o azul interno sem apagar a hierarquia. */
#news #OldStyllerSeasonArticle a[href*='OldStyller_Global_Mobile'] span,
#news #OldStyllerJourney .tg-label,
#news #OldStyllerJourney .tg-description {
    background: transparent !important;
    background-color: transparent !important;
}

#news #OldStyllerSeasonArticle a[href*='OldStyller_Global_Mobile'] {
    background: linear-gradient(180deg, #21463c, #18342d) !important;
}

#news #OldStyllerJourney .tg-link {
    background: linear-gradient(180deg, #21463c, #18342d) !important;
}

#latestnews .OldStyllerNewsBody,
.OldStyllerNewsBody {
    background: #162f29 !important;
    background-color: #162f29 !important;
}

/* Menos divisórias: mantém apenas as que realmente organizam o conteúdo. */
#OldStyllerSeasonArticle > div > div {
    border-bottom-color: rgba(180, 138, 63, 0.28) !important;
}

#OldStyllerJourney .tg-links {
    border: 0 !important;
}

/* Notícia completa: cabeçalho destacado, corpo leve e rodapé organizado. */
#latestnews .NewsHeadline,
#latestnews .NewsHeadlineBackground {
    background: #19362f !important;
    background-image: none !important;
    border: 0 !important;
}

#latestnews .NewsHeadlineBackground {
    min-height: 30px !important;
    padding: 4px 8px !important;
    border-left: 3px solid var(--gw-gold) !important;
    box-sizing: border-box !important;
}

#latestnews .OldStyllerNewsBody,
.OldStyllerNewsBody {
    margin: 0 !important;
    padding: 14px 17px !important;
    background: #1d1d1d !important;
    background-color: #1d1d1d !important;
    border: 0 !important;
    border-left: 3px solid #356b5b !important;
    box-sizing: border-box !important;
    line-height: 1.5 !important;
}

#latestnews .OldStyllerNewsBody br + br,
.OldStyllerNewsBody br + br {
    display: none !important;
}

#latestnews .OldStyllerNewsBody + br {
    display: none !important;
}

#latestnews .OldStyllerNewsBody ~ h6 {
    display: inline-block !important;
    margin: 7px 0 0 !important;
    padding: 6px 9px !important;
    color: var(--gw-muted) !important;
    font-size: 10px !important;
}

#latestnews .OldStyllerNewsBody ~ p[align='right'] {
    float: right !important;
    margin: 7px 0 0 !important;
    padding: 6px 9px !important;
    font-size: 11px !important;
}

#latestnews .OldStyllerNewsBody ~ p[align='right']::after {
    content: '';
    display: block;
    clear: both;
}

/* Últimas Notícias: moldura grafite ao redor do conteúdo verde. */
#latestnews .NewsHeadline {
    background: #1b1b1b !important;
    background-color: #1b1b1b !important;
}

#latestnews .NewsHeadlineBackground {
    background: #2a2a2a !important;
    background-color: #2a2a2a !important;
    border-left: 3px solid var(--gw-gold) !important;
    border-bottom: 1px solid #454545 !important;
}

/* A tabela que envolve cada notícia vira a moldura grafite. */
#latestnews .NewsHeadline + table,
#latestnews .NewsHeadline + table > tbody,
#latestnews .NewsHeadline + table > tbody > tr,
#latestnews .NewsHeadline + table > tbody > tr > td {
    background: #1b1b1b !important;
    background-color: #1b1b1b !important;
}

/* Somente o texto da notícia fica verde, como no modelo enviado. */
#latestnews .OldStyllerNewsBody {
    margin: 7px 0 0 !important;
    padding: 15px 17px !important;
    background: #19362f !important;
    background-color: #19362f !important;
    border: 1px solid #4f7567 !important;
    box-sizing: border-box !important;
    color: var(--gw-text) !important;
}

/* Rodapé da notícia permanece no grafite, envolvendo o bloco verde. */
#latestnews .OldStyllerNewsBody ~ h6,
#latestnews .OldStyllerNewsBody ~ p[align='right'] {
    background: #1b1b1b !important;
    background-color: #1b1b1b !important;
    border: 0 !important;
}

/* Cabeçalho da notícia: remove o cinza antigo da tabela interna. */
#latestnews .NewsHeadlineBackground table,
#latestnews .NewsHeadlineBackground tbody,
#latestnews .NewsHeadlineBackground tr,
#latestnews .NewsHeadlineBackground td,
#latestnews .NewsHeadlineBackground font {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    color: var(--gw-text) !important;
}

#latestnews .NewsHeadlineBackground b {
    color: var(--gw-gold-light) !important;
}

/* Fórum: substitui os últimos elementos metálicos e cores herdadas. */
#forum .gw-forum-tools {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 14px 0 10px;
    color: var(--gw-muted);
}

#forum .gw-forum-button {
    display: inline-block;
    min-width: 112px;
    padding: 8px 16px;
    background: linear-gradient(180deg, #21483d, #18342d);
    border: 1px solid var(--gw-gold);
    color: var(--gw-gold-light) !important;
    font-weight: bold;
    text-align: center;
    text-decoration: none !important;
}

#forum .gw-forum-button:hover {
    background: #295849;
}

#forum .gw-forum-thread {
    border: 1px solid rgba(180, 138, 63, 0.65) !important;
    border-collapse: collapse !important;
    background: #191a1b !important;
}

#forum .gw-forum-thread td {
    border: 1px solid rgba(180, 138, 63, 0.25) !important;
    color: var(--gw-text) !important;
}

#forum .gw-forum-topic td {
    padding: 12px !important;
    background: #21483d !important;
    color: var(--gw-gold-light) !important;
    font-size: 19px;
}

#forum .gw-forum-topic small {
    display: block;
    margin-top: 3px;
    color: var(--gw-muted);
    font-size: 10px;
}

#forum .gw-forum-columns td {
    padding: 7px 10px !important;
    background: #242526 !important;
    color: var(--gw-gold-light) !important;
}

#forum .gw-forum-author {
    width: 200px;
    padding: 12px !important;
    background: #202122 !important;
}

#forum .gw-forum-message {
    padding: 16px 18px !important;
    background: #191a1b !important;
    font-size: 14px;
    line-height: 1.45;
}

#forum .gw-forum-center {
    text-align: center;
}

#forum .gw-forum-post-footer td {
    padding: 8px 10px !important;
    background: #202122 !important;
    color: var(--gw-muted) !important;
}

#forum .gw-forum-tools-bottom {
    margin-bottom: 2px;
}

#forum .gw-forum-pages {
    margin: 8px 0 12px;
    color: var(--gw-muted);
}

#forum .gw-forum-board {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid rgba(180, 138, 63, 0.48) !important;
    background: #191a1b !important;
}

#forum .gw-forum-board td {
    padding: 10px 9px !important;
    border-bottom: 1px solid rgba(180, 138, 63, 0.2) !important;
    color: var(--gw-text) !important;
}

#forum .gw-forum-board tr:first-child td {
    background: #202223 !important;
    color: var(--gw-gold-light) !important;
    border-bottom: 1px solid var(--gw-gold) !important;
}

#forum .gw-forum-board tr:not(:first-child) td {
    background: #19362f !important;
}

#forum .gw-forum-board tr:not(:first-child):nth-child(odd) td {
    background: #1d4137 !important;
}

/* Fórum OldStyller: acabamento visual das páginas legadas. */
#ContentColumn .OldStyllerForum {
    color: var(--gw-text);
}
#ContentColumn .OldStyllerForum > b,
#ContentColumn .OldStyllerForum > a {
    color: var(--gw-gold-light) !important;
}
#ContentColumn .OldStyllerForum table {
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid rgba(180, 138, 63, 0.42) !important;
    background: #181a1b !important;
    overflow: hidden;
}
#ContentColumn .OldStyllerForum table td {
    padding: 10px 9px;
    border-bottom: 1px solid rgba(180, 138, 63, 0.16) !important;
    color: var(--gw-text) !important;
    vertical-align: middle;
}
#ContentColumn .OldStyllerForum table tr:first-child td {
    background: #202526 !important;
    color: var(--gw-gold-light) !important;
    border-bottom: 1px solid rgba(180, 138, 63, 0.55) !important;
}
#ContentColumn .OldStyllerForum table tr:not(:first-child) td {
    background: #1b2522 !important;
}
#ContentColumn .OldStyllerForum table tr:not(:first-child):nth-child(odd) td {
    background: #1e2c28 !important;
}
#ContentColumn .OldStyllerForum table tr:not(:first-child):hover td {
    background: #243a33 !important;
}
#ContentColumn .OldStyllerForum a {
    color: var(--gw-gold-light) !important;
}
#ContentColumn .OldStyllerForum a:hover {
    color: #fff4d2 !important;
}
#ContentColumn .OldStyllerForum small,
#ContentColumn .OldStyllerForum font[size='1'] {
    color: var(--gw-muted) !important;
}
#ContentColumn .OldStyllerForum input[type='text'],
#ContentColumn .OldStyllerForum input[type='password'],
#ContentColumn .OldStyllerForum textarea,
#ContentColumn .OldStyllerForum select {
    box-sizing: border-box;
    max-width: 100%;
    background: #121516 !important;
    border: 1px solid #596057 !important;
    color: #e9ecec !important;
    padding: 7px 8px;
}
#ContentColumn .OldStyllerForum textarea {
    min-height: 150px;
}
#ContentColumn .OldStyllerForum input[type='submit'] {
    margin-top: 10px;
    padding: 8px 18px;
    background: linear-gradient(180deg, #8b1f1f, #571515) !important;
    border: 1px solid #c89b43 !important;
    color: #ffe7a2 !important;
    font-weight: bold;
    cursor: pointer;
}
#ContentColumn .OldStyllerForum input[type='submit']:hover {
    background: linear-gradient(180deg, #a52a2a, #681919) !important;
}
#ContentColumn .OldStyllerForum hr {
    border: 0;
    border-top: 1px solid rgba(180, 138, 63, 0.25);
}
#ContentColumn .OldStyllerForum .gw-forum-tools {
    margin: 6px 0 12px;
}
#ContentColumn .OldStyllerForum .gw-forum-board,
#ContentColumn .OldStyllerForum .gw-forum-thread {
    margin-top: 8px;
}
#ContentColumn .OldStyllerForum .gw-forum-board td {
    padding: 11px 10px !important;
}
#ContentColumn .OldStyllerForum .gw-forum-topic td {
    background: #21483d !important;
    color: var(--gw-gold-light) !important;
}
#ContentColumn .OldStyllerForum .gw-forum-author {
    background: #202122 !important;
}
#ContentColumn .OldStyllerForum .gw-forum-message {
    background: #181b1c !important;
}
@media (max-width: 760px) {
    #ContentColumn .OldStyllerForum table {
        display: block;
        overflow-x: auto;
    }
    #ContentColumn .OldStyllerForum .gw-forum-tools {
        flex-wrap: wrap;
    }
}

/* Últimas mortes: estado vazio e tabela compactos. */
#ContentColumn .OldStyllerDeaths {
    min-height: 0 !important;
    margin: 0 auto;
    padding: 0 12px 12px;
    background: #17191b !important;
    border: 1px solid rgba(180, 138, 63, 0.48);
}

#ContentColumn .OldStyllerDeaths__title {
    margin: 0 -12px 12px;
    padding: 10px 12px;
    background: #202223 !important;
    color: var(--gw-gold-light) !important;
    font:
        21px Georgia,
        serif;
}

#ContentColumn .OldStyllerDeaths__empty {
    padding: 18px 14px;
    background: #19362f !important;
    border: 1px solid #4f7567;
    color: var(--gw-text) !important;
    text-align: center;
}

#ContentColumn .OldStyllerDeaths__table {
    border-collapse: collapse;
    background: #19362f !important;
}

#ContentColumn .OldStyllerDeaths__table td {
    padding: 8px 9px !important;
    border: 1px solid rgba(79, 117, 103, 0.48) !important;
    color: var(--gw-text) !important;
}

#ContentColumn .OldStyllerDeaths__table tr:first-child td {
    background: #202223 !important;
    color: var(--gw-gold-light) !important;
}

#ContentColumn .BoxContent:has(.OldStyllerDeaths) {
    min-height: 0 !important;
    height: auto !important;
}

#forum .gw-forum-board a {
    color: var(--gw-gold-light) !important;
}

#forum .gw-forum-board a:hover {
    color: #fff3c9 !important;
}

@media (max-width: 760px) {
    #forum .gw-forum-author {
        width: 135px;
    }
    #forum .gw-forum-message {
        padding: 12px !important;
    }
}

/* Área da conta: acabamento moderno sem alterar os formulários legados. */
#accountmanagement .SmallBox,
#accountmanagement .MessageContainer,
#accountmanagement .Message {
    background: #1b1d1e !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

#accountmanagement .SmallBox {
    margin: 10px 0 14px !important;
    border: 1px solid rgba(180, 138, 63, 0.48) !important;
}

#accountmanagement .Message {
    padding: 11px 14px !important;
}

#accountmanagement .BoxFrameHorizontal,
#accountmanagement .BoxFrameEdgeLeftTop,
#accountmanagement .BoxFrameEdgeRightTop,
#accountmanagement .BoxFrameEdgeLeftBottom,
#accountmanagement .BoxFrameEdgeRightBottom,
#accountmanagement .BoxFrameVerticalLeft,
#accountmanagement .BoxFrameVerticalRight,
#accountmanagement .TopButtonContainer,
#accountmanagement center img[src*='headline-bracer'] {
    display: none !important;
    background-image: none !important;
}

#accountmanagement center > table {
    margin: 5px auto 12px !important;
    color: var(--gw-gold-light) !important;
}

#accountmanagement center > table td {
    padding: 7px 16px !important;
    background: #21483d !important;
    border: 1px solid #4f7567 !important;
    color: var(--gw-gold-light) !important;
}

#accountmanagement .TableContainer {
    margin: 0 0 16px !important;
    border: 1px solid rgba(180, 138, 63, 0.45) !important;
}

#accountmanagement .CaptionContainer,
#accountmanagement .CaptionInnerContainer {
    border: 0 !important;
    background: #242627 !important;
}

#accountmanagement .CaptionContainer .Text {
    padding: 8px 11px !important;
    font-size: 14px !important;
}

#accountmanagement .InnerTableContainer {
    padding: 12px !important;
}
#accountmanagement .InnerTableContainer > table {
    max-width: none !important;
}

#accountmanagement .TableContent {
    border-collapse: collapse !important;
    background: #1b1d1e !important;
}

#accountmanagement .TableContent tr,
#accountmanagement .TableContent td,
#accountmanagement .TableContent th {
    background: #202223 !important;
    background-color: #202223 !important;
    border-color: rgba(180, 138, 63, 0.28) !important;
}

#accountmanagement .TableContent tr:nth-child(even) td {
    background: #252728 !important;
    background-color: #252728 !important;
}

#accountmanagement .TableContent td {
    padding: 6px 8px !important;
}
#accountmanagement .TableContent .LabelH td {
    background: #21483d !important;
    color: var(--gw-gold-light) !important;
    font-weight: bold !important;
}

#accountmanagement .InnerTableButtonRow {
    width: 100% !important;
    margin-top: 8px !important;
}

#accountmanagement .BigButton {
    min-width: 146px !important;
    width: auto !important;
    background: linear-gradient(180deg, #21483d, #18342d) !important;
}

#accountmanagement .BigButton .ButtonText {
    width: 100% !important;
}
#accountmanagement .BigButton:has(input[name='Logout'])::after {
    content: 'Sair da conta';
}
#accountmanagement .BigButton:has(input[name='Register Account'])::after {
    content: 'Registrar conta';
}
#accountmanagement .BigButton:has(input[name='Change Password'])::after {
    content: 'Alterar senha';
}
#accountmanagement .BigButton:has(input[name='Change Email'])::after {
    content: 'Alterar e-mail';
}
#accountmanagement .BigButton:has(input[name='Edit'])::after {
    content: 'Editar';
}
#accountmanagement .BigButton:has(input[name='Create Character'])::after {
    content: 'Criar personagem';
}
#accountmanagement .BigButton:has(input[name='Delete Character'])::after {
    content: 'Excluir personagem';
}
#accountmanagement .BigButton:has(input[name='Cancel'])::after {
    content: 'Cancelar';
}

#accountmanagement font[color='red'] {
    color: #d99a72 !important;
}
#accountmanagement font[color='green'] {
    color: #80b99d !important;
}

#accountmanagement .TableContent,
#accountmanagement .TableContentContainer,
#accountmanagement .InnerTableContainer {
    background: #17191b !important;
    background-image: none !important;
}

#accountmanagement .TableContent tr:nth-child(odd) td {
    background: #19362f !important;
}
#accountmanagement .TableContent tr:nth-child(even) td {
    background: #202223 !important;
}
#accountmanagement .TableContent .LabelH td {
    background: #202223 !important;
    color: var(--gw-gold-light) !important;
}

/* Botão antigo View da lista de personagens. */
#ContentColumn input[type='image'][src*='sbutton_view.gif'] {
    width: 120px !important;
    height: 30px !important;
    opacity: 0 !important;
    position: relative;
    z-index: 2;
    cursor: pointer;
}

#ContentColumn input[type='image'][src*='sbutton_view.gif'] + .OldStyllerViewButton {
    display: none;
}
#ContentColumn input[type='image'][src*='sbutton_view.gif'] {
    background: linear-gradient(180deg, #21483d, #18342d) !important;
    border: 1px solid var(--gw-gold) !important;
}

#ContentColumn input[type='image'][src*='sbutton_view.gif']::after {
    content: '';
}
#ContentColumn td:has(> input[type='image'][src*='sbutton_view.gif']) {
    position: relative;
    background: transparent !important;
}
#ContentColumn td:has(> input[type='image'][src*='sbutton_view.gif'])::after {
    content: 'Ver';
    position: absolute;
    inset: 0;
    margin: 0;
    padding: 7px 10px;
    box-sizing: border-box;
    background: linear-gradient(180deg, #21483d, #18342d) !important;
    border: 1px solid var(--gw-gold);
    color: var(--gw-gold-light);
    font:
        bold 11px Georgia,
        serif;
    text-align: center;
}

#accountmanagement .Content > font,
#accountmanagement .Content > b > font {
    line-height: 1.45 !important;
}

/* Painel administrativo lateral: sem pergaminho e sem imagens antigas. */
#Themeboxes .OldStyllerAdminBox {
    width: 180px !important;
    height: auto !important;
    min-height: 0 !important;
    margin-top: 18px !important;
    padding: 13px 10px 10px !important;
    box-sizing: border-box !important;
    background: linear-gradient(145deg, #202223, #141617) !important;
    background-image: none !important;
    border: 1px solid var(--gw-gold) !important;
    box-shadow:
        inset 0 0 0 1px rgba(225, 192, 111, 0.07),
        0 6px 16px rgba(0, 0, 0, 0.35) !important;
}

.OldStyllerAdminBox__title {
    color: var(--gw-gold-light);
    font:
        bold 15px/1.2 Georgia,
        serif;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.OldStyllerAdminBox__subtitle {
    margin: 4px 0 11px;
    color: var(--gw-muted);
    font-size: 9px;
    text-align: center;
}

.OldStyllerAdminBox__links {
    display: grid;
    gap: 5px;
}

.OldStyllerAdminBox__links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 29px;
    padding: 0 9px;
    box-sizing: border-box;
    background: #1d332d;
    border: 1px solid rgba(180, 138, 63, 0.48);
    color: var(--gw-text) !important;
    font-size: 10px;
    text-decoration: none !important;
}

.OldStyllerAdminBox__links a span {
    color: var(--gw-gold-light);
}
.OldStyllerAdminBox__links a:hover {
    background: #285044;
    border-color: var(--gw-gold);
    color: var(--gw-gold-light) !important;
}

/* Controles administrativos do ticker. */
#newsticker #jajo {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 8px;
}

#newsticker #jajo .BigButton,
#newsticker #newtickerform .BigButton {
    min-width: 145px !important;
    width: auto !important;
    background: linear-gradient(180deg, #21483d, #18342d) !important;
}

#newsticker #jajo .BigButton:has(#AddTicker)::after {
    content: 'Adicionar ticker';
}
#newsticker #newtickerform .BigButton:has(input[name='Submit'])::after {
    content: 'Salvar ticker';
}
#newsticker #newtickerform .BigButton:has(#AddTicker)::after {
    content: 'Cancelar';
}

#latestnews #newsticker #jajo .BigButton::after {
    content: 'Adicionar ticker' !important;
}
#latestnews #newsticker #newtickerform .BigButton:has(input[name='Submit'])::after {
    content: 'Salvar ticker' !important;
}
#latestnews #newsticker #newtickerform .BigButton:has(#AddTicker)::after {
    content: 'Cancelar' !important;
}

#latestnews .OldStyllerNewsBody {
    border: 1px solid rgba(79, 117, 103, 0.72) !important;
    border-left: 3px solid #4f7567 !important;
    border-radius: 2px;
}

#latestnews .OldStyllerNewsBody ~ h6 {
    margin: 9px 0 0 !important;
    padding: 6px 0 !important;
    color: var(--gw-muted) !important;
    border-top: 1px solid rgba(180, 138, 63, 0.25);
}

#latestnews .OldStyllerNewsBody ~ p[align='right'] {
    margin-top: 0 !important;
    padding: 6px 0 !important;
}

#latestnews .OldStyllerNewsBody ~ p[align='right'] a {
    margin-left: 8px;
    color: var(--gw-muted) !important;
    text-decoration: none !important;
}

#latestnews .OldStyllerNewsBody ~ p[align='right'] a:hover {
    color: var(--gw-gold-light) !important;
}

/* Título/assunto do ticker: grafite escuro, sem a faixa verde. */
#latestnews #newsticker .Odd,
#latestnews #newsticker .Even,
#latestnews #newsticker .NewsTickerText,
#latestnews #newsticker .NewsTickerShortText,
#latestnews #newsticker .NewsTickerFullText {
    background: #202223 !important;
    background-color: #202223 !important;
}

#latestnews #newsticker .NewsTickerText {
    border-left: 3px solid var(--gw-gold) !important;
}

#latestnews #newsticker .NewsTickerDate,
#latestnews #newsticker .NewsTickerShortText,
#latestnews #newsticker .NewsTickerFullText {
    color: var(--gw-text) !important;
}

/* Loja: transforma as ofertas antigas em cartões de compra legíveis. */
#ContentColumn h2 + center table[width='650'],
#ContentColumn center table[width='650'] {
    width: min(100%, 700px) !important;
    margin: 0 auto 16px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #1b1d1e !important;
    border: 1px solid rgba(180, 138, 63, 0.45) !important;
}

#ContentColumn center table[width='650'] tr:first-child td {
    padding: 9px 10px !important;
    background: #21483d !important;
    color: var(--gw-gold-light) !important;
    border-bottom: 1px solid var(--gw-gold) !important;
}

#ContentColumn center table[width='650'] tr:nth-child(2) td {
    padding: 7px 9px !important;
    background: #242627 !important;
    color: var(--gw-gold-light) !important;
    border-bottom: 1px solid rgba(180, 138, 63, 0.28) !important;
}

#ContentColumn center table[width='650'] tr:not(:first-child):not(:nth-child(2)) td {
    padding: 9px !important;
    background: #202223 !important;
    background-color: #202223 !important;
    border-bottom: 1px solid rgba(180, 138, 63, 0.18) !important;
    color: var(--gw-text) !important;
    vertical-align: middle !important;
}

#ContentColumn center table[width='650'] tr:nth-child(odd) td {
    background: #252728 !important;
    background-color: #252728 !important;
}

#ContentColumn center table[width='650'] img[src*='item_images'] {
    max-width: 48px;
    max-height: 48px;
    image-rendering: pixelated;
}

#ContentColumn center table[width='650'] input[type='submit'] {
    min-width: 150px;
    padding: 7px 10px;
    background: linear-gradient(180deg, #21483d, #18342d) !important;
    border: 1px solid var(--gw-gold) !important;
    color: var(--gw-gold-light) !important;
    font:
        bold 11px Georgia,
        serif;
    cursor: pointer;
}

#ContentColumn center table[width='650'] input[type='submit']:hover {
    background: #295849 !important;
}

#ContentColumn center table[width='650'] form b {
    color: var(--gw-gold-light) !important;
}
#ContentColumn > h2 {
    color: var(--gw-gold-light) !important;
}

@media (max-width: 760px) {
    #ContentColumn center table[width='650'] {
        font-size: 12px;
    }
    #ContentColumn center table[width='650'] input[type='submit'] {
        min-width: 110px;
    }
}

#Loginbox.OldStyllerLoggedIn #LoginstatusText_1::after {
    content: 'Conta conectada';
}

#newsticker .OldStyllerTickerDelete {
    display: inline-block;
    margin: 0 7px 0 3px;
    padding: 1px 6px;
    background: #3a2421;
    border: 1px solid #8f574b;
    color: #e7b1a5 !important;
    font-size: 9px;
    line-height: 16px;
    text-decoration: none !important;
    vertical-align: middle;
}

#newsticker .OldStyllerTickerDelete:hover {
    background: #57312b;
    border-color: #d58c7d;
    color: #fff !important;
}

#characters .OldStyllerCharacterSearch .OldStyllerSearchButton {
    min-width: 122px;
    min-height: 27px;
    margin-left: 6px;
    padding: 4px 16px;
    background: linear-gradient(180deg, #21483d, #18342d) !important;
    border: 1px solid var(--gw-gold) !important;
    color: var(--gw-gold-light) !important;
    font:
        bold 12px Georgia,
        serif;
    cursor: pointer;
}

#characters .OldStyllerCharacterSearch .OldStyllerSearchButton:hover {
    background: #295849 !important;
}

/* Perfil do personagem: ficha legível, compacta e coerente com o tema. */
#characters .OldStyllerCharacterProfile,
#characters .OldStyllerCharacterInfo {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #181a1b !important;
}

#characters .OldStyllerCharacterProfile {
    border: 1px solid rgba(180, 138, 63, 0.58) !important;
}

#characters .OldStyllerCharacterInfoTitle td {
    padding: 11px 13px !important;
    background: linear-gradient(180deg, #21483d, #19372f) !important;
    color: var(--gw-gold-light) !important;
    font:
        bold 16px Georgia,
        serif;
}

#characters
    .OldStyllerCharacterInfo
    > tbody
    > tr:not(.OldStyllerCharacterInfoTitle):not(.OldStyllerCharacterStats)
    > td {
    padding: 7px 11px !important;
    background: #202223 !important;
    background-color: #202223 !important;
    border-bottom: 1px solid rgba(180, 138, 63, 0.18) !important;
}

#characters
    .OldStyllerCharacterInfo
    > tbody
    > tr:nth-child(odd):not(.OldStyllerCharacterStats)
    > td {
    background: #252728 !important;
    background-color: #252728 !important;
}

#characters .OldStyllerCharacterInfo > tbody > tr > td:first-child {
    width: 150px !important;
    color: var(--gw-gold-light) !important;
}

#characters .OldStyllerCharacterStats > td {
    padding: 14px !important;
}
#characters .OldStyllerCharacterStatsGrid > tbody > tr {
    display: flex;
    align-items: stretch;
    gap: 16px;
}

#characters .OldStyllerEquipmentCard,
#characters .OldStyllerSkillsCard {
    padding: 14px !important;
    background: #1d1f20 !important;
    border: 1px solid rgba(180, 138, 63, 0.38) !important;
    box-sizing: border-box;
}

#characters .OldStyllerEquipmentCard {
    width: 210px !important;
}
#characters .OldStyllerSkillsCard {
    flex: 1;
}

#characters .OldStyllerEquipment {
    margin: auto !important;
    border: 0 !important;
    border-spacing: 3px !important;
}

#characters .OldStyllerEquipment td {
    min-width: 48px;
    height: 48px;
    background: #262829 !important;
    background-color: #262829 !important;
    border: 1px solid rgba(180, 138, 63, 0.28) !important;
}

#characters .OldStyllerEquipment .OldStyllerEmptySlot {
    background: radial-gradient(circle at 50% 42%, #2a3030, #181b1c 72%) !important;
    background-color: #1b1e1f !important;
    border: 1px dashed rgba(180, 138, 63, 0.42) !important;
    color: rgba(225, 192, 111, 0.35) !important;
}

#characters .OldStyllerEquipment .OldStyllerEmptySlot span {
    display: block;
    font:
        normal 21px/46px Georgia,
        serif;
    opacity: 0.65;
}

#characters .OldStyllerSkillIcons,
#characters .OldStyllerSkillValues {
    max-width: 100% !important;
}

#characters .OldStyllerSkillIcons caption {
    margin-bottom: 8px;
    color: var(--gw-gold-light);
    font:
        bold 16px Georgia,
        serif;
}

#characters .OldStyllerSkillIcons img {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto 5px;
}

#characters .OldStyllerSkillValues {
    border-collapse: collapse !important;
    border: 0 !important;
}

#characters .OldStyllerSkillValues td {
    padding: 5px 3px !important;
    background: #242627 !important;
    background-color: #242627 !important;
    border: 1px solid rgba(180, 138, 63, 0.35) !important;
    color: var(--gw-text) !important;
}

#characters .OldStyllerSkillValues tr:first-of-type td {
    background: #21483d !important;
    color: var(--gw-gold-light) !important;
}

#characters .OldStyllerCharacterSearchMore {
    margin-top: 14px;
    padding: 0 !important;
    border: 1px solid rgba(180, 138, 63, 0.48);
}

#characters .OldStyllerCharacterSearchMore > table > tbody > tr:first-child > td {
    padding: 9px 12px !important;
    background: #242627 !important;
    color: var(--gw-gold-light) !important;
}

#characters .OldStyllerCharacterSearchMore > table > tbody > tr:last-child > td {
    padding: 10px 12px !important;
    background: #1b1d1e !important;
}

@media (max-width: 780px) {
    #characters .OldStyllerCharacterStatsGrid > tbody > tr {
        display: table-row;
    }
    #characters .OldStyllerEquipmentCard,
    #characters .OldStyllerSkillsCard {
        display: block;
        width: 100% !important;
    }
}

/* ================================================================
   CHARACTER HERO - destaque visual do personagem
   ================================================================ */
#characters .OldStyllerCharacterHero {
    position: relative;
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 122px;
    margin: 0 0 12px;
    padding: 12px 16px;
    box-sizing: border-box;
    overflow: hidden;
    background:
        radial-gradient(circle at 15% 50%, rgba(153, 116, 47, 0.2), transparent 32%),
        linear-gradient(135deg, #20282c, #121719 72%);
    border: 1px solid rgba(190, 150, 69, 0.72);
    box-shadow:
        inset 0 1px rgba(255, 255, 255, 0.05),
        0 7px 18px rgba(0, 0, 0, 0.35);
}
#characters .OldStyllerCharacterHero::after {
    content: '';
    position: absolute;
    right: -35px;
    top: -55px;
    width: 170px;
    height: 170px;
    border: 1px solid rgba(211, 170, 85, 0.12);
    border-radius: 50%;
    box-shadow:
        0 0 0 22px rgba(211, 170, 85, 0.025),
        0 0 0 44px rgba(211, 170, 85, 0.018);
    pointer-events: none;
}
#characters .OldStyllerCharacterHero__visual {
    position: relative;
    flex: 0 0 100px;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at 50% 40%, #30383b, #171c1e 70%);
    border: 1px solid rgba(190, 150, 69, 0.55);
    box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.5);
}
#characters .OldStyllerCharacterHero__outfit {
    max-width: 96px;
    max-height: 96px;
    image-rendering: auto;
}
#characters .OldStyllerCharacterHero__outfit--empty {
    color: rgba(231, 199, 117, 0.28);
    font:
        34px Georgia,
        serif;
}
#characters .OldStyllerCharacterHero__info {
    min-width: 0;
    position: relative;
    z-index: 1;
}
#characters .OldStyllerCharacterHero__eyebrow {
    color: #9ea9ad;
    font:
        bold 9px/1.2 Arial,
        sans-serif;
    letter-spacing: 2px;
    margin-bottom: 6px;
}
#characters .OldStyllerCharacterHero__name {
    color: #f0d58c;
    font:
        bold 27px/1.05 Georgia,
        'Times New Roman',
        serif;
    text-shadow: 0 2px 3px #000;
    overflow-wrap: anywhere;
}
#characters .OldStyllerCharacterHero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 12px;
}
#characters .OldStyllerCharacterHero__meta span {
    display: inline-block;
    padding: 5px 9px;
    background: #151a1c;
    border: 1px solid rgba(190, 150, 69, 0.28);
    color: #c4cdd0;
    font:
        11px Arial,
        sans-serif;
}
#characters .OldStyllerCharacterHero__meta b {
    color: #f0d58c;
}
#characters .OldStyllerCharacterHero__status {
    color: #a9cdb5 !important;
}
#characters .OldStyllerCharacterHero__status i {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 5px;
    border-radius: 50%;
    background: #70c48e;
    box-shadow: 0 0 7px rgba(112, 196, 142, 0.8);
}
#characters .OldStyllerCharacterHero--offline .OldStyllerCharacterHero__status {
    color: #c18f8f !important;
}
#characters .OldStyllerCharacterHero--offline .OldStyllerCharacterHero__status i {
    background: #a94b4b;
    box-shadow: 0 0 7px rgba(169, 75, 75, 0.65);
}
#characters .OldStyllerCharacterHero__badge {
    position: absolute;
    right: 13px;
    bottom: 11px;
    color: #b99a59;
    font:
        bold 10px Arial,
        sans-serif;
    opacity: 0.75;
    z-index: 1;
}
#characters .OldStyllerCharacterSearch {
    margin-bottom: 12px;
}
@media (max-width: 620px) {
    #characters .OldStyllerCharacterHero {
        gap: 11px;
        padding: 10px;
    }
    #characters .OldStyllerCharacterHero__visual {
        flex-basis: 78px;
        width: 78px;
        height: 88px;
    }
    #characters .OldStyllerCharacterHero__outfit {
        max-width: 78px;
        max-height: 86px;
    }
    #characters .OldStyllerCharacterHero__name {
        font-size: 21px;
    }
    #characters .OldStyllerCharacterHero__meta span {
        padding: 4px 6px;
    }
}

/* Guildas: uma ação principal e manutenção separada do conteúdo público. */
#guilds .OldStyllerGuildCreate {
    display: flex;
    justify-content: center;
    margin: 12px 0;
}

#guilds .OldStyllerGuildCreate form {
    margin: 0;
}

#guilds .OldStyllerGuildMaintenance {
    margin-top: 14px;
    padding: 12px 14px;
    background: #1d1f20;
    border: 1px solid rgba(180, 138, 63, 0.38);
}

#guilds .OldStyllerGuildMaintenance > b {
    display: block;
    color: var(--gw-gold-light);
    font:
        bold 14px Georgia,
        serif;
}

#guilds .OldStyllerGuildMaintenance > span {
    display: block;
    margin: 3px 0 9px;
    color: var(--gw-muted);
    font-size: 10px;
}

#guilds .OldStyllerGuildMaintenance > div {
    display: flex;
    gap: 8px;
}

#guilds .OldStyllerGuildMaintenance a {
    display: inline-block;
    padding: 6px 10px;
    background: #252728;
    border: 1px solid rgba(180, 138, 63, 0.45);
    color: var(--gw-text) !important;
    text-decoration: none !important;
}

#guilds .OldStyllerGuildMaintenance a:hover {
    background: #21483d;
    color: var(--gw-gold-light) !important;
}

/* Regras: leitura confortável, sem textarea de edição. */
#tibiarules .OldStyllerRules {
    border: 1px solid rgba(180, 138, 63, 0.58);
    background: #181a1b;
}

#tibiarules .OldStyllerRules__title {
    padding: 11px 14px;
    background: linear-gradient(180deg, #21483d, #19372f);
    color: var(--gw-gold-light);
    font:
        bold 18px Georgia,
        serif;
}

#tibiarules .OldStyllerRules__intro {
    padding: 9px 14px;
    background: #242627;
    border-bottom: 1px solid rgba(180, 138, 63, 0.32);
    color: var(--gw-muted);
    font-size: 11px;
}

#tibiarules .OldStyllerRules__content {
    padding: 19px 22px;
    color: var(--gw-text);
    font:
        13px/1.62 Arial,
        sans-serif;
    white-space: normal;
}

#tibiarules .OldStyllerRules__content br + br {
    display: none;
}
#tibiarules .OldStyllerRules__content::first-line {
    color: var(--gw-gold-light);
    font-weight: bold;
}

/* Últimas notícias: cabeçalho grafite e texto da notícia verde. */
#latestnews #newsticker .NewsTickerText,
#latestnews #newsticker .NewsTickerShortText {
    background: #202223 !important;
    background-color: #202223 !important;
}

#latestnews #newsticker .NewsTickerFullText {
    background: #19362f !important;
    background-color: #19362f !important;
    border: 1px solid #4f7567 !important;
    color: var(--gw-text) !important;
}

#latestnews #newsticker .Row > .Odd,
#latestnews #newsticker .Row > .Even {
    background: #202223 !important;
    background-color: #202223 !important;
}

#latestnews #newsticker .Row > .Odd .NewsTickerFullText,
#latestnews #newsticker .Row > .Even .NewsTickerFullText {
    background: #19362f !important;
    background-color: #19362f !important;
}

/* Faixa uniforme: o texto do título não fica dentro de outra caixa. */
#latestnews #newsticker .Row > .Odd .NewsTickerText,
#latestnews #newsticker .Row > .Even .NewsTickerText,
#latestnews #newsticker .Row > .Odd .NewsTickerShortText,
#latestnews #newsticker .Row > .Even .NewsTickerShortText {
    background: transparent !important;
    background-color: transparent !important;
}

/* Aplicação real: o ticker da página inicial usa somente #newsticker. */
#newsticker .Row > div.Odd,
#newsticker .Row > div.Even {
    background: #202223 !important;
    background-color: #202223 !important;
}

#newsticker .Row > div.Odd .NewsTickerText,
#newsticker .Row > div.Even .NewsTickerText,
#newsticker .Row > div.Odd .NewsTickerShortText,
#newsticker .Row > div.Even .NewsTickerShortText {
    background: transparent !important;
    background-color: transparent !important;
}

#newsticker .Row > div.Odd .NewsTickerFullText,
#newsticker .Row > div.Even .NewsTickerFullText {
    background: #19362f !important;
    background-color: #19362f !important;
    border: 1px solid #4f7567 !important;
}

/* Status do servidor: painel compacto e legível no topo da coluna direita. */
#RightArtwork #PlayersOnline {
    box-sizing: border-box !important;
    top: -86px !important;
    left: -2px !important;
    width: 136px !important;
    min-height: 58px !important;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid #665536 !important;
    background: linear-gradient(145deg, rgba(31, 35, 40, 0.97), rgba(12, 17, 22, 0.97)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(225, 192, 111, 0.08),
        0 8px 20px rgba(0, 0, 0, 0.4) !important;
    color: var(--gw-text) !important;
    text-align: left !important;
}

.OldStyllerServerStatus {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 56px;
    padding: 8px 9px;
}

.OldStyllerServerStatus__dot {
    flex: 0 0 auto;
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.OldStyllerServerStatus__copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    line-height: 1.1;
}

.OldStyllerServerStatus__copy small {
    margin-bottom: 3px;
    color: #9ca6ad;
    font:
        7px/1 Arial,
        sans-serif;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.OldStyllerServerStatus__copy strong {
    font:
        bold 12px/1.05 Georgia,
        serif;
    letter-spacing: 0.7px;
}

.OldStyllerServerStatus__copy em {
    margin-top: 4px;
    color: #aeb6bb;
    font:
        normal 7px/1 Arial,
        sans-serif;
    white-space: nowrap;
}

.OldStyllerServerStatus--offline .OldStyllerServerStatus__dot {
    background: #e34d4d;
    box-shadow: 0 0 9px rgba(227, 77, 77, 0.9);
}

.OldStyllerServerStatus--offline .OldStyllerServerStatus__copy strong {
    color: #ff6a62;
}

.OldStyllerServerStatus--online .OldStyllerServerStatus__dot {
    background: #70c48e;
    box-shadow: 0 0 9px rgba(112, 196, 142, 0.9);
}

.OldStyllerServerStatus--online .OldStyllerServerStatus__copy strong {
    color: #86d6a2;
}

/* OldStyller - apoio/loja e login principal (ajuste pontual) */
.OldStyllerLoggedOut #OldStyllerLoginButton {
    background: linear-gradient(180deg, #285448, #17362f) !important;
    border-color: var(--gw-gold) !important;
    color: var(--gw-gold-light) !important;
}
.OldStyllerLoggedOut #OldStyllerLoginButton:hover {
    background: linear-gradient(180deg, #35695b, #21493f) !important;
    color: #fff3c9 !important;
}

#Themeboxes #NewcomerBox {
    height: 218px !important;
}
#Themeboxes #NewcomerBox .OldStyllerSupportArt {
    position: absolute;
    top: 61px;
    left: 10px;
    width: 158px;
    height: 95px;
    box-sizing: border-box;
    background: url('images/themeboxes/newcomer/oldstyller-support.png') center center / cover
        no-repeat;
    border: 1px solid rgba(164, 119, 55, 0.72);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.35);
}
#Themeboxes #NewcomerBox .ThemeboxButton {
    bottom: 13px !important;
    background: linear-gradient(180deg, #285448, #17362f) !important;
}
#Themeboxes #NewcomerBox .ThemeboxButton:hover {
    background: linear-gradient(180deg, #35695b, #21493f) !important;
}

/* Destaques da roleta e da comunidade OldStyller. */
#OldStyllerSeasonArticle .OldstyllerRouletteFeature {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    margin: 16px auto 20px;
    text-align: center;
}
#OldStyllerSeasonArticle .OldstyllerRouletteFeature img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 470px;
    object-fit: cover;
    object-position: center 15%;
    margin: 0 auto;
    border: 1px solid #a47737;
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.4);
}
#OldStyllerSeasonArticle .OldstyllerRouletteFeature p {
    margin: 9px 0 0;
    color: #d9dee2;
    font:
        12px/1.5 Verdana,
        Arial,
        sans-serif;
}
#OldStyllerSeasonArticle .OldstyllerRouletteFeature strong {
    color: #f0c978;
}
#Themeboxes #NewcomerBox .ThemeboxButton .ButtonText::before {
    content: none;
}
#Themeboxes #NewcomerBox .ThemeboxButton {
    background: linear-gradient(180deg, #285448, #17362f) !important;
    border-color: #a47737 !important;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.3) !important;
}
#Themeboxes #NewcomerBox .ThemeboxButton:hover {
    background: linear-gradient(180deg, #35695b, #21493f) !important;
}
#Themeboxes #NewcomerBox .ThemeboxButton .ButtonText,
#Themeboxes #NewcomerBox .ThemeboxButton .ButtonText::after {
    color: #f0c978 !important;
}

/* Sobrescreve a regra geral #ContentColumn button, que usa !important. */
#ContentColumn .mp-card button.mp-btn[name='mp_checkout'] {
    background: linear-gradient(180deg, #327459, #1e493a) !important;
    border: 1px solid #a47737 !important;
    color: #fff3c9 !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.28);
}
#ContentColumn .mp-card button.mp-btn[name='mp_checkout']:hover:not(:disabled) {
    background: linear-gradient(180deg, #438f6b, #286248) !important;
}
@media (max-width: 620px) {
    #OldStyllerSeasonArticle .OldstyllerRouletteFeature img {
        height: min(470px, 110vw);
    }
}
#Themeboxes #OldstyllerFacebook {
    display: block;
    width: 180px;
    box-sizing: border-box;
    margin: 0 0 20px;
    padding: 10px;
    border: 1px solid #a47737;
    background: linear-gradient(145deg, #172b3a, #0b151f);
    box-shadow: inset 0 0 0 2px rgba(16, 25, 34, 0.8);
    color: #f0c978;
    text-align: center;
    text-decoration: none;
}
#Themeboxes #OldstyllerFacebook .OldstyllerFacebook__heading {
    display: block;
    margin-bottom: 9px;
    font:
        bold 12px Georgia,
        serif;
}
#Themeboxes #OldstyllerFacebook .OldstyllerFacebook__icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 3px;
    border-radius: 3px;
    background: #1877f2;
    color: #fff;
    font:
        bold 15px/18px Arial,
        sans-serif;
}
#Themeboxes #OldstyllerFacebook img {
    display: block;
    max-width: 100%;
    height: auto;
    border: 1px solid #526474;
}
#Themeboxes #OldstyllerFacebook .OldstyllerFacebook__action {
    display: block;
    margin-top: 10px;
    color: #e7c87f;
    font:
        bold 11px Georgia,
        serif;
}
#Themeboxes #OldstyllerFacebook:hover,
#Themeboxes #OldstyllerFacebook:focus {
    border-color: #e7c87f;
    background: #203448;
}

/* ================================================================
   OLDSTYLLER FINAL FRAME POLISH
   Ajustes somente de enquadramento/ritmo visual. Mantém a lógica PHP.
   ================================================================ */
#Bodycontainer {
    max-width: 1240px !important;
    box-sizing: border-box !important;
}

/* As duas laterais passam a ocupar exatamente 180px.
   O conteúdo central conserva 195px de respiro dos dois lados. */
#MenuColumn {
    width: 180px !important;
}

#ContentColumn {
    margin-left: 195px !important;
    margin-right: 195px !important;
    min-width: 0 !important;
}

#ThemeboxesColumn {
    width: 180px !important;
}

/* Garante que nenhuma caixa lateral ultrapasse a coluna. */
#Loginbox,
#Menu,
#Themeboxes,
#Themeboxes .Themebox,
#Themeboxes .OldStyllerTopLevel,
#Themeboxes .OldStyllerGuildFrags,
#Themeboxes .OldStyllerAdminBox {
    max-width: 180px !important;
    box-sizing: border-box !important;
}

/* Ritmo vertical uniforme na coluna direita. */
#Themeboxes > .Themebox,
#Themeboxes > .OldStyllerTopLevel,
#Themeboxes > .OldStyllerGuildFrags,
#Themeboxes > .OldStyllerAdminBox {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#Themeboxes .OldStyllerTopLevel,
#Themeboxes .OldStyllerGuildFrags,
#Themeboxes .OldStyllerAdminBox {
    width: 180px !important;
}

/* Evita estouro de tabelas/conteúdo antigos dentro do quadro central. */
#ContentColumn .Content,
#ContentColumn .Box,
#ContentColumn .BoxContent,
#ContentColumn .TableContainer,
#ContentColumn .TableContentContainer,
#ContentColumn .InnerTableContainer {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

#ContentColumn .BoxContent img {
    max-width: 100%;
}

/* ================================================================
   OLDSTYLLER GUILDS — RPG DIRECTORY / GUILD PROFILE
   Visual only. No gameplay or database logic changes.
   ================================================================ */
#guilds .OldstyllerGuildHero {
    position: relative;
    display: grid;
    grid-template-columns: 108px minmax(0, 1fr) 68px;
    gap: 16px;
    align-items: center;
    margin: 4px 0 18px;
    padding: 18px;
    background: linear-gradient(135deg, rgba(31, 34, 38, 0.98), rgba(18, 20, 23, 0.98));
    border: 1px solid rgba(205, 159, 70, 0.72);
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.025),
        0 8px 22px rgba(0, 0, 0, 0.28);
}
#guilds .OldstyllerGuildHero__logo {
    width: 96px;
    height: 96px;
    display: grid;
    place-items: center;
    background: radial-gradient(circle, rgba(213, 163, 71, 0.18), rgba(0, 0, 0, 0.12) 70%);
    border: 1px solid rgba(205, 159, 70, 0.48);
    box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.55);
}
#guilds .OldstyllerGuildHero__logo img {
    width: 96px;
    height: 96px;
    object-fit: contain;
}
#guilds .OldstyllerGuildHero__main {
    min-width: 0;
}
#guilds .OldstyllerGuildHero__eyebrow {
    color: #c99c4a;
    font:
        700 10px Arial,
        sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 3px;
}
#guilds .OldstyllerGuildHero h1 {
    margin: 0 0 8px;
    color: #f1cf82;
    font-size: 28px;
    line-height: 1.1;
    text-shadow: 0 2px 5px #000;
}
#guilds .OldstyllerGuildHero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    color: #aeb7bd;
    font:
        11px Arial,
        sans-serif;
}
#guilds .OldstyllerGuildHero__meta span {
    padding: 6px 9px;
    background: #17191c;
    border: 1px solid rgba(205, 159, 70, 0.22);
}
#guilds .OldstyllerGuildHero__meta a {
    color: #e0b65e;
}
#guilds .OldstyllerGuildHero__crest {
    justify-self: end;
    opacity: 0.72;
}
#guilds .OldstyllerGuildHero__crest img {
    width: 54px;
    height: 54px;
    object-fit: contain;
}
#guilds .OldstyllerGuildHero__description {
    grid-column: 1 / -1;
    padding-top: 14px;
    margin-top: 2px;
    border-top: 1px solid rgba(205, 159, 70, 0.24);
    color: #d1d5d7;
    font:
        12px/1.55 Arial,
        sans-serif;
}
#guilds .OldstyllerGuildMembers {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden;
    background: #151719;
    border: 1px solid rgba(205, 159, 70, 0.48) !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);
}
#guilds .OldstyllerGuildSectionHead td {
    padding: 11px 12px !important;
    background: linear-gradient(180deg, #292c30, #1d2023) !important;
    color: #f0c978 !important;
    border-bottom: 1px solid rgba(205, 159, 70, 0.42) !important;
}
#guilds .OldstyllerGuildSectionHead b {
    font:
        700 14px Georgia,
        serif;
}
#guilds .OldstyllerGuildSectionHead span {
    float: right;
    color: #7f8b92;
    font:
        10px Arial,
        sans-serif;
    padding-top: 2px;
}
#guilds .OldstyllerGuildTableHead td {
    background: #101214 !important;
    color: #aeb8be !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    font:
        10px Arial,
        sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}
#guilds .OldstyllerGuildMemberRow td,
#guilds .OldstyllerGuildPlayer td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}
#guilds .OldstyllerGuildMemberRow > td {
    background: #1a1d20 !important;
    color: #d9dde0;
    font-weight: bold;
}
#guilds .OldstyllerGuildMemberRow > td:nth-child(2) {
    background: #17191c !important;
    padding: 5px 8px !important;
}
#guilds .OldstyllerGuildPlayer td {
    padding: 5px 6px !important;
    background: transparent !important;
}
#guilds .OldstyllerGuildPlayer:hover td {
    background: rgba(205, 159, 70, 0.07) !important;
}
#guilds .OldstyllerGuildPlayer a {
    color: #d5d9dc;
}
#guilds .OldstyllerGuildPlayer a:hover {
    color: #f1cf82;
}
#guilds .OldstyllerGuildInvites {
    margin-top: 4px;
}
#guilds .OldstyllerGuildActions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 14px 0 4px;
}
#guilds .OldstyllerGuildActions table {
    width: auto !important;
    margin: 0 !important;
}
#guilds .OldstyllerGuildActions td {
    border: 0 !important;
    padding: 0 3px !important;
}
#guilds .OldstyllerGuildViewButton {
    width: 78px !important;
    height: 18px !important;
    max-width: 78px !important;
}
#guilds .OldstyllerGuildDirectory {
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
}
#guilds .OldstyllerGuildDirectory > tbody > tr:not(:first-child) {
    background: linear-gradient(90deg, #17191c, #202327) !important;
    box-shadow: inset 0 0 0 1px rgba(205, 159, 70, 0.22);
}
#guilds .OldstyllerGuildDirectory > tbody > tr:not(:first-child) td {
    padding: 10px !important;
    border: 0 !important;
}
#guilds .OldstyllerGuildDirectory img {
    border: 1px solid rgba(205, 159, 70, 0.4);
    background: #111;
}
@media (max-width: 700px) {
    #guilds .OldstyllerGuildHero {
        grid-template-columns: 80px minmax(0, 1fr);
        padding: 12px;
        gap: 10px;
    }
    #guilds .OldstyllerGuildHero__logo,
    #guilds .OldstyllerGuildHero__logo img {
        width: 72px;
        height: 72px;
    }
    #guilds .OldstyllerGuildHero__crest {
        display: none;
    }
    #guilds .OldstyllerGuildHero h1 {
        font-size: 22px;
    }
    #guilds .OldstyllerGuildHero__description {
        grid-column: 1 / -1;
    }
    #guilds .OldstyllerGuildActions {
        gap: 5px;
    }
}
#guilds table.OldstyllerGuildActions {
    border-collapse: separate !important;
    border-spacing: 6px 0 !important;
    width: 100% !important;
    margin-top: 4px !important;
}
#guilds table.OldstyllerGuildActions td {
    border: 0 !important;
    padding: 0 3px !important;
}
#guilds table.OldstyllerGuildActions table {
    width: auto !important;
    margin: 0 auto !important;
}