@font-face {
    font-family: "LegacyDisplay";
    src: url("../fonts/AlbertusMedium.woff") format("woff");
    font-display: swap;
}

body.legacy-body {
    --skin-accent: #d93636;
    --skin-accent-bright: #ff6a5f;
    --skin-accent-rgb: 217, 54, 54;
    --skin-deep: #090b12;
    --skin-panel: #111722;
    --skin-panel-alt: #192231;
    --skin-line: #394456;
    --skin-text: #e8edf4;
    --skin-muted: #9ba8ba;
    margin: 0;
    overflow-x: hidden;
    color: var(--skin-text);
    background: var(--skin-deep) url("../images/skin-panel.jpg") center 690px/cover fixed no-repeat;
    font-family: Arial, Helvetica, sans-serif;
}
.legacy-body *, .legacy-body *::before, .legacy-body *::after { box-sizing: border-box; }
.legacy-body a { text-decoration: none; }
.legacy-body img { max-width: 100%; }

.legacy-nav { position: absolute; inset: 0 0 auto; z-index: 50; height: 76px; background: rgba(5,7,12,.94); border-bottom: 1px solid rgba(var(--skin-accent-rgb),.55); box-shadow: 0 10px 28px rgba(0,0,0,.35); }
.legacy-nav-inner { width: min(1360px, calc(100% - 32px)); height: 100%; margin: auto; display: flex; align-items: center; }
.legacy-mini-logo { width: 112px; height: 100%; padding: 8px 18px 8px 0; display: flex; align-items: center; border-right: 1px solid rgba(255,255,255,.1); }
.legacy-mini-logo img { width: 92px; max-height: 60px; object-fit: contain; }
.legacy-menu { height: 100%; margin: 0; padding: 0 8px; display: flex; align-items: stretch; list-style: none; }
.legacy-menu > li { position: relative; display: flex; align-items: stretch; }
.legacy-menu > li > a, .legacy-menu > li > button { padding: 0 15px; display: flex; align-items: center; color: #fff; background: transparent; border: 0; font: 13px "LegacyDisplay", Georgia, serif; text-transform: uppercase; white-space: nowrap; cursor: pointer; transition: .2s ease; }
.legacy-menu > li > a:hover, .legacy-menu > li > button:hover { color: var(--skin-accent-bright); background: rgba(var(--skin-accent-rgb),.1); }
.legacy-account-links { margin-left: auto; display: flex; align-items: center; gap: 12px; font: 12px "LegacyDisplay", serif; text-transform: uppercase; }
.legacy-account-links > a:first-child { color: #fff; }
.legacy-login-button { min-width: 94px; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; color: #fff !important; background: linear-gradient(180deg, var(--skin-accent-bright), var(--skin-accent)); border: 1px solid var(--skin-accent-bright); box-shadow: inset 0 1px rgba(255,255,255,.18), 0 0 16px rgba(var(--skin-accent-rgb),.2); }
.legacy-submenu { position: absolute; top: 68px; right: 0; min-width: 220px; padding: 8px; display: none; background: rgba(7,9,15,.98); border: 1px solid rgba(var(--skin-accent-rgb),.55); box-shadow: 0 15px 32px rgba(0,0,0,.38); }
.legacy-more.is-open .legacy-submenu { display: block; }
.legacy-submenu a { padding: 11px 13px; display: block; color: #fff; font-size: 12px; }
.legacy-submenu a:hover { color: var(--skin-accent-bright); background: rgba(255,255,255,.05); }
.legacy-menu-toggle { display: none; margin-left: auto; width: 44px; height: 40px; padding: 8px; background: rgba(255,255,255,.05); border: 1px solid rgba(var(--skin-accent-rgb),.65); }
.legacy-menu-toggle span:not(.sr-only) { height: 2px; margin: 5px 0; display: block; background: #fff; }

.legacy-hero { position: relative; height: 700px; overflow: hidden; background: #090b12 url("../images/skin-hero.jpg") center top/cover no-repeat; }
.legacy-hero::after { content: ""; position: absolute; inset: auto 0 0; height: 210px; background: linear-gradient(to bottom, transparent, var(--skin-deep)); }
.legacy-hero-inner { position: relative; z-index: 2; width: min(1200px, calc(100% - 40px)); height: 100%; margin: auto; }
.legacy-main-logo { position: absolute; top: 135px; left: 2%; width: 330px; height: 260px; display: flex; align-items: center; justify-content: center; filter: drop-shadow(0 8px 25px rgba(0,0,0,.65)); }
.legacy-main-logo img { width: 100%; height: 100%; object-fit: contain; }
.legacy-status { position: absolute; left: 5%; bottom: 110px; min-width: 265px; padding: 16px 20px; color: #fff; background: rgba(5,8,14,.84); border-left: 3px solid var(--skin-accent); border-top: 1px solid rgba(var(--skin-accent-rgb),.35); box-shadow: 0 12px 30px rgba(0,0,0,.35); }
.legacy-status span, .legacy-status small { display: block; color: var(--skin-muted); font-size: 10px; letter-spacing: 1px; text-transform: uppercase; }
.legacy-status strong { display: block; margin: 6px 0; color: var(--skin-accent-bright); font: 25px "LegacyDisplay", serif; text-transform: uppercase; }
.legacy-status.is-offline strong { color: #ff6969; }
.legacy-hero-download { position: absolute; right: 4%; bottom: 105px; width: 315px; min-height: 125px; padding: 25px 30px; display: flex; flex-direction: column; justify-content: center; color: #fff !important; text-align: center; background: linear-gradient(135deg, rgba(var(--skin-accent-rgb),.92), rgba(7,10,17,.94)); border: 1px solid var(--skin-accent-bright); box-shadow: 0 16px 38px rgba(0,0,0,.42); transition: .2s ease; }
.legacy-hero-download:hover { transform: translateY(-4px); filter: brightness(1.1); }
.legacy-hero-download span, .legacy-hero-download small { font-size: 10px; letter-spacing: .8px; text-transform: uppercase; }
.legacy-hero-download strong { margin: 6px 0; color: #fff; font: 25px "LegacyDisplay", serif; text-transform: uppercase; }

.legacy-shortcuts { position: relative; z-index: 8; width: min(1160px, calc(100% - 32px)); margin: -58px auto 0; display: grid; grid-template-columns: repeat(3, 1fr); background: rgba(8,11,18,.97); border: 1px solid rgba(var(--skin-accent-rgb),.5); box-shadow: 0 18px 42px rgba(0,0,0,.38); }
.legacy-shortcuts > a { min-height: 110px; padding: 22px 24px; display: flex; align-items: center; gap: 16px; color: var(--skin-text); border-right: 1px solid rgba(var(--skin-accent-rgb),.25); background: linear-gradient(135deg, rgba(var(--skin-accent-rgb),.13), transparent); transition: .2s ease; }
.legacy-shortcuts > a:last-child { border-right: 0; }
.legacy-shortcuts > a:hover { background: rgba(var(--skin-accent-rgb),.22); }
.legacy-shortcuts b { width: 43px; height: 43px; flex: none; display: grid; place-items: center; color: var(--skin-accent-bright); border: 1px solid var(--skin-accent); border-radius: 50%; font: 14px "LegacyDisplay", serif; }
.legacy-shortcuts span, .legacy-shortcuts strong, .legacy-shortcuts small { display: block; }
.legacy-shortcuts strong { color: #fff; font: 17px "LegacyDisplay", serif; text-transform: uppercase; }
.legacy-shortcuts small { margin-top: 5px; color: var(--skin-muted); font-size: 11px; }

.legacy-content-wrap { width: min(1160px, calc(100% - 32px)); margin: 20px auto 50px; padding: 18px; grid-template-columns: minmax(0, 1fr) 310px; gap: 20px; overflow: hidden; background: rgba(8,11,18,.96); border: 1px solid rgba(var(--skin-accent-rgb),.35); border-top: 3px solid var(--skin-accent); box-shadow: 0 22px 60px rgba(0,0,0,.48); }
.legacy-main-column { width: 100%; min-width: 0; max-width: 100%; padding: 0; overflow: hidden; }
.legacy-main-column > *, .legacy-main-column .raven-legacy-module, .legacy-main-column .raven-panel { width: 100%; min-width: 0; max-width: 100%; }
.legacy-sidebar { position: relative; z-index: 3; min-width: 0; gap: 16px; }
.legacy-card { color: var(--skin-text); background: rgba(17,23,34,.97); border-color: var(--skin-line); box-shadow: 0 9px 24px rgba(0,0,0,.25); }
.legacy-card > h2 { color: #fff; background: linear-gradient(100deg, var(--skin-panel), var(--skin-panel-alt)); border-bottom-color: var(--skin-accent); font-family: "LegacyDisplay", serif; }
.legacy-account-card form { background: rgba(5,8,14,.42); }
.legacy-account-card input { color: var(--skin-text); background: rgba(6,9,16,.9) !important; border-color: var(--skin-line) !important; }
.legacy-account-card a { color: var(--skin-accent-bright); }
.legacy-download-card { background: linear-gradient(120deg, rgba(var(--skin-accent-rgb),.2), rgba(5,8,14,.7)), url("../images/download-button.jpg") center/cover no-repeat; border: 1px solid rgba(var(--skin-accent-rgb),.45); }
.legacy-info-list li, .legacy-staff-list li { border-color: var(--skin-line); }
.legacy-info-list strong, .legacy-staff-list strong, .legacy-info-list a { color: var(--skin-accent-bright); }
.legacy-events li { color: var(--skin-text); background: var(--skin-panel-alt); border-left-color: var(--skin-accent); }
.legacy-body .is-online { color: #58e68a !important; }
.legacy-body .is-offline { color: #ff6d6d !important; }

/* Componentes semânticos das páginas AMW */
.legacy-main-column .raven-panel { color: var(--skin-text); background: linear-gradient(145deg, var(--skin-panel-alt), var(--skin-panel)); border-color: var(--skin-line); border-top-color: var(--skin-accent); box-shadow: 0 11px 28px rgba(0,0,0,.25); }
.legacy-main-column .raven-panel-title { background: linear-gradient(100deg, var(--skin-panel), var(--skin-panel-alt)); border-bottom-color: rgba(var(--skin-accent-rgb),.28); }
.legacy-main-column .raven-panel-title::before { background: radial-gradient(circle, var(--skin-accent-bright) 0 18%, var(--skin-accent) 21% 44%, transparent 46%); filter: drop-shadow(0 0 8px rgba(var(--skin-accent-rgb),.55)); }
.legacy-main-column .raven-panel-title span, .legacy-main-column .raven-rank-card b, .legacy-main-column .raven-class-winner span { color: var(--skin-accent-bright); }
.legacy-main-column .raven-panel-title p { color: var(--skin-muted); }
.legacy-main-column .raven-tabs { background: rgba(5,8,14,.38); }
.legacy-main-column .raven-tabs a { color: #fff !important; background: linear-gradient(180deg, var(--skin-panel-alt), var(--skin-panel)); border-color: var(--skin-line); }
.legacy-main-column .raven-tabs a:hover { color: #fff !important; background: linear-gradient(180deg, var(--skin-accent-bright), var(--skin-accent)); border-color: var(--skin-accent-bright); }
.legacy-main-column .raven-table { color: var(--skin-text); }
.legacy-main-column .raven-table th { color: #fff; background: var(--skin-panel); }
.legacy-main-column .raven-table tbody tr, .legacy-main-column .raven-table tbody tr:nth-child(even) { background: var(--skin-panel-alt); }
.legacy-main-column .raven-table tbody tr:nth-child(even) { filter: brightness(1.12); }
.legacy-main-column .raven-table tbody tr:hover { background: rgba(var(--skin-accent-rgb),.27); }
.legacy-main-column .raven-table td { border-color: var(--skin-line); }
.legacy-main-column .raven-table a { color: var(--skin-accent-bright) !important; }
.legacy-main-column .raven-rank-card { background: linear-gradient(150deg, var(--skin-panel-alt), #070a10); border-color: var(--skin-line); }
.legacy-main-column .raven-rank-card:hover { border-color: var(--skin-accent); }
.legacy-main-column .raven-home-slider { border-color: var(--skin-line); border-bottom-color: var(--skin-accent); }
.legacy-main-column .raven-news-item { border-color: var(--skin-line); }
.legacy-main-column .raven-news-item > span { color: #fff; background: var(--skin-accent); }
.legacy-main-column .raven-news-item h3 { color: #fff; }
.legacy-main-column .raven-news-item p, .legacy-main-column .raven-empty-state { color: var(--skin-muted); }
.legacy-main-column .raven-news-item > a { background: var(--skin-accent); border-color: var(--skin-accent-bright); }
.legacy-main-column .raven-champion, .legacy-main-column .raven-castle { background-image: linear-gradient(90deg, rgba(5,8,14,.97), rgba(var(--skin-accent-rgb),.42)), url("../images/skin-panel.jpg"); border-color: var(--skin-line); }
.legacy-main-column .raven-champion span, .legacy-main-column .raven-castle span { color: var(--skin-accent-bright); }
.legacy-main-column .raven-class-tabs { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; }
.legacy-main-column .raven-class-tabs button { width: 100%; min-width: 0; border-color: var(--skin-line); }
.legacy-main-column .raven-class-tabs button:hover { border-color: var(--skin-accent); }
.legacy-main-column .raven-class-tabs img { width: 100%; height: auto; aspect-ratio: 1.08/1; object-fit: cover; }
.legacy-main-column .raven-class-winner { background: linear-gradient(100deg, var(--skin-panel), var(--skin-panel-alt)); border-left-color: var(--skin-accent); }
.legacy-main-column .hallfame { width: 100%; min-width: 0; overflow: hidden; }
.legacy-main-column .hallfame .buttons { width: 100%; padding-left: 10px !important; padding-right: 10px !important; flex-wrap: wrap; gap: 10px !important; }
.legacy-main-column .hallfame .buttons > a { width: auto !important; min-width: 88px; max-width: 116px; flex: 1 1 88px; }
.legacy-main-column .ranking-view { width: 100%; max-width: 100%; justify-content: flex-start !important; overflow-x: auto; }

/* Conversão dos módulos que ainda usam utilitários do template-base */
.legacy-main-column > [class*="bg-neutral-100"], .legacy-main-column .raven-legacy-module > [class*="bg-neutral-100"], .legacy-main-column section[class*="bg-neutral-200"] { color: var(--skin-text); background: linear-gradient(145deg, var(--skin-panel-alt), var(--skin-panel)) !important; border-color: var(--skin-line); box-shadow: 0 9px 24px rgba(0,0,0,.22); }
.legacy-main-column [class*="bg-neutral-200"], .legacy-main-column [class*="bg-gray-50"], .legacy-main-column [class*="bg-gray-100"], .legacy-main-column [class*="bg-gray-200"] { background-color: var(--skin-panel-alt) !important; }
.legacy-main-column [class*="bg-neutral-400"] { background-color: var(--skin-line) !important; }
.legacy-main-column [class*="bg-neutral-600"], .legacy-main-column [class*="bg-neutral-700"], .legacy-main-column [class*="bg-neutral-800"], .legacy-main-column [class*="bg-neutral-900"] { color: #fff !important; background: linear-gradient(100deg, var(--skin-panel), var(--skin-panel-alt)) !important; }
.legacy-main-column > [class*="bg-neutral-100"] > [class*="uppercase"], .legacy-main-column .raven-legacy-module > [class*="bg-neutral-100"] > [class*="uppercase"] { color: #fff !important; background: linear-gradient(100deg, var(--skin-panel), var(--skin-panel-alt)) !important; border-bottom-color: var(--skin-accent); }
.legacy-main-column [class*="text-neutral-"], .legacy-main-column [class*="text-gray-"], .legacy-main-column [class*="text-slate-"] { color: var(--skin-text) !important; }
.legacy-main-column [class*="bg-yellow-"] { color: #17120a !important; background-color: #f4cf58 !important; }
.legacy-main-column [class*="bg-yellow-"] * { color: inherit !important; }
.legacy-main-column table:not(.raven-table) { color: var(--skin-text); }
.legacy-main-column table:not(.raven-table) thead, .legacy-main-column table:not(.raven-table) thead tr, .legacy-main-column table:not(.raven-table) th { color: #fff !important; background: var(--skin-panel) !important; }
.legacy-main-column table:not(.raven-table) tr { background: var(--skin-panel-alt) !important; }
.legacy-main-column table:not(.raven-table) tbody tr:nth-child(even) { background: var(--skin-panel) !important; }
.legacy-main-column table:not(.raven-table) tbody tr:hover { background: rgba(var(--skin-accent-rgb),.25) !important; }
.legacy-main-column table:not(.raven-table) td, .legacy-main-column table:not(.raven-table) th { color: var(--skin-text) !important; border-bottom-color: var(--skin-line) !important; }
.legacy-main-column input:not([type="checkbox"]):not([type="radio"]), .legacy-main-column select, .legacy-main-column textarea { color: var(--skin-text); background: rgba(5,8,14,.9) !important; border-color: var(--skin-line) !important; }
.legacy-main-column select option { color: #18202c; background: #fff; }
.legacy-main-column input:focus, .legacy-main-column select:focus, .legacy-main-column textarea:focus { border-color: var(--skin-accent) !important; box-shadow: 0 0 0 3px rgba(var(--skin-accent-rgb),.15); }
.legacy-main-column button[type="submit"], .legacy-main-column a[class*="bg-neutral-"], .legacy-main-column a[class*="bg-orange-"] { color: #fff !important; background: linear-gradient(180deg, var(--skin-accent-bright), var(--skin-accent)) !important; border-color: var(--skin-accent-bright) !important; }

.legacy-gallery { width: min(1160px, calc(100% - 32px)); margin: 0 auto 20px; padding: 25px; background: rgba(8,11,18,.96); border: 1px solid rgba(var(--skin-accent-rgb),.35); }
.legacy-gallery header { margin-bottom: 18px; padding-bottom: 12px; border-bottom: 1px solid rgba(var(--skin-accent-rgb),.35); }
.legacy-gallery header span, .legacy-gallery header small { display: block; }
.legacy-gallery header span { color: #fff; font: 21px "LegacyDisplay", serif; text-transform: uppercase; }
.legacy-gallery header small { margin-top: 4px; color: var(--skin-muted); }
.legacy-gallery > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.legacy-gallery a { position: relative; overflow: hidden; display: block; border: 3px solid var(--skin-line); box-shadow: 0 9px 24px rgba(0,0,0,.28); }
.legacy-gallery a::after { content: "+"; position: absolute; inset: 0; display: grid; place-items: center; color: #fff; background: rgba(var(--skin-accent-rgb),.55); font-size: 34px; opacity: 0; transition: .22s ease; }
.legacy-gallery a:hover::after { opacity: 1; }
.legacy-gallery img { width: 100%; height: 170px; display: block; object-fit: cover; transition: .3s ease; }
.legacy-gallery a:hover img { transform: scale(1.04); }
.legacy-community { width: min(1160px, calc(100% - 32px)); min-height: 130px; margin: 0 auto; padding: 30px 38px; display: flex; align-items: center; justify-content: space-between; gap: 25px; color: #fff; background: linear-gradient(100deg, rgba(5,8,14,.98), rgba(var(--skin-accent-rgb),.44)), url("../images/skin-panel.jpg") center/cover no-repeat; border: 1px solid rgba(var(--skin-accent-rgb),.4); }
.legacy-community span, .legacy-community strong { display: block; }
.legacy-community span { color: var(--skin-accent-bright); font: 16px "LegacyDisplay", serif; text-transform: uppercase; }
.legacy-community strong { margin-top: 7px; font-size: 18px; }
.legacy-socials { display: flex; flex-wrap: wrap; gap: 9px; }
.legacy-socials a { width: 39px; height: 39px; display: grid; place-items: center; color: #fff; background: rgba(255,255,255,.05); border: 1px solid var(--skin-line); border-radius: 50%; text-transform: uppercase; transition: .2s ease; }
.legacy-socials a:hover { color: #fff; background: var(--skin-accent); border-color: var(--skin-accent-bright); transform: translateY(-2px); }
.legacy-footer { min-height: 140px; padding: 38px 25px; color: var(--skin-muted); text-align: center; background: rgba(3,5,9,.98); border-top: 1px solid rgba(var(--skin-accent-rgb),.3); }
.legacy-footer nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; }
.legacy-footer nav a { color: var(--skin-text); font-size: 11px; text-transform: uppercase; }
.legacy-footer p { margin-top: 17px; font-size: 11px; }

@media (max-width: 1120px) {
    .legacy-menu > li > a, .legacy-menu > li > button { padding: 0 9px; font-size: 11px; }
    .legacy-account-links { font-size: 11px; }
}
@media (max-width: 960px) {
    .legacy-nav { position: fixed; }
    .legacy-menu-toggle { display: block; }
    .legacy-account-links { margin-left: 12px; }
    .legacy-account-links > a:first-child { display: none; }
    .legacy-menu { position: absolute; top: 76px; left: -16px; right: -16px; height: auto; max-height: calc(100vh - 76px); padding: 10px; display: none; overflow-y: auto; background: rgba(5,7,12,.99); border-bottom: 1px solid var(--skin-accent); }
    .legacy-menu.is-open { display: block; }
    .legacy-menu > li { display: block; }
    .legacy-menu > li > a, .legacy-menu > li > button { width: 100%; min-height: 44px; padding: 0 14px; }
    .legacy-submenu { position: static; margin: 0 8px 8px; }
    .legacy-content-wrap { grid-template-columns: 1fr; }
    .legacy-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
    .legacy-hero { height: 610px; background-position: 62% top; }
    .legacy-main-logo { top: 100px; left: 50%; width: 230px; height: 180px; transform: translateX(-50%); }
    .legacy-status { left: 18px; right: 18px; bottom: 190px; min-width: 0; text-align: center; }
    .legacy-hero-download { left: 50%; right: auto; bottom: 40px; width: min(315px, calc(100% - 36px)); transform: translateX(-50%); }
    .legacy-hero-download:hover { transform: translateX(-50%) translateY(-3px); }
    .legacy-shortcuts { grid-template-columns: 1fr; margin-top: 0; }
    .legacy-shortcuts > a { min-height: 86px; border-right: 0; border-bottom: 1px solid rgba(var(--skin-accent-rgb),.22); }
    .legacy-content-wrap { width: calc(100% - 18px); padding: 9px; }
    .legacy-sidebar { grid-template-columns: 1fr; }
    .legacy-main-column .raven-news-item { grid-template-columns: 1fr; }
    .legacy-main-column .raven-class-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .legacy-community { width: calc(100% - 18px); padding: 28px 20px; display: block; text-align: center; }
    .legacy-socials { margin-top: 18px; justify-content: center; }
    .legacy-gallery { width: calc(100% - 18px); padding: 15px; }
    .legacy-gallery > div { grid-template-columns: 1fr; }
}