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

body.hype-body {
    --hype-gold: #e6a429;
    --hype-cream: #fff7e6;
    --hype-brown: #522310;
    margin: 0;
    color: #33261f;
    background: #f2e5cb url("../images/bg.png") center top/cover fixed no-repeat;
    font-family: Arial, Helvetica, sans-serif;
}
.hype-body *, .hype-body *::before, .hype-body *::after { box-sizing: border-box; }
.hype-body a { text-decoration: none; }
.hype-site-shell { width: min(960px, calc(100% - 30px)); margin: 0 auto; background: rgba(255,255,255,.97); box-shadow: 0 0 55px rgba(45,20,8,.4); }

.hype-hero { position: relative; height: 325px; background: #281005 url("../images/slidebg.jpg") center top/cover no-repeat; border-bottom: 6px solid #f2bd4c; }
.hype-hero::after { content: ""; position: absolute; inset: auto 0 0; height: 90px; background: linear-gradient(to top, rgba(51,20,6,.45), transparent); pointer-events: none; }
.hype-main-logo { position: absolute; z-index: 2; left: 45px; bottom: 28px; width: 245px; height: 160px; display: flex; align-items: center; justify-content: center; filter: drop-shadow(0 5px 15px rgba(0,0,0,.55)); }
.hype-main-logo img { width: 100%; height: 100%; object-fit: contain; }
.hype-status { position: absolute; z-index: 2; right: 34px; bottom: 28px; min-width: 185px; padding: 14px 18px; color: #fff5db; text-align: center; background: rgba(48,16,7,.82); border: 1px solid rgba(241,183,67,.7); box-shadow: 0 8px 25px rgba(0,0,0,.3); }
.hype-status span, .hype-status small { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: .7px; }
.hype-status strong { display: block; margin: 5px 0; color: #6ce28d; font: 22px "HypeDisplay", Georgia, serif; text-transform: uppercase; }
.hype-status.is-offline strong { color: #f06464; }

.hype-actions { display: grid; grid-template-columns: repeat(3, 1fr); background: #fff; border-bottom: 1px solid #e2a331; }
.hype-actions > a { min-height: 118px; padding: 18px 16px; display: grid; grid-template-columns: 58px 1fr; gap: 4px 12px; align-items: center; color: #2f241e; border-right: 1px solid #e7b54f; transition: background .2s ease; }
.hype-actions > a:last-child { border-right: 0; }
.hype-actions > a:hover { background: #fff5dc; }
.hype-action-icon { width: 52px; height: 52px; grid-row: span 2; display: grid; place-items: center; color: #fff8e3; background: radial-gradient(circle at 35% 30%, #ffd878, #c76f18 75%); border: 2px solid #f0bd53; border-radius: 50%; box-shadow: inset 0 0 8px rgba(80,30,0,.35); font-size: 21px; }
.hype-actions strong, .hype-actions small { display: block; }
.hype-actions strong { color: #482719; font: 14px "HypeDisplay", Georgia, serif; text-transform: uppercase; }
.hype-actions small { margin-top: 5px; color: #674d3f; font-size: 10px; line-height: 1.4; text-transform: uppercase; }
.hype-actions b { grid-column: 2; justify-self: start; padding: 4px 13px; color: #562d12; background: linear-gradient(#ffe59a, #eaa833); border: 1px solid #dc9220; border-radius: 10px; font-size: 10px; text-transform: uppercase; }

.hype-nav { position: relative; min-height: 66px; display: flex; align-items: center; justify-content: center; background: #fff8eb; border-bottom: 1px solid #edd39d; }
.hype-nav ul { margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; list-style: none; }
.hype-nav a { min-height: 66px; padding: 0 20px; display: flex; align-items: center; color: #281c17; font: 12px "HypeDisplay", Georgia, serif; text-transform: uppercase; transition: .2s ease; }
.hype-nav a:hover { color: #8d3e13; background: linear-gradient(to bottom, #fffdf6, #f7d98d); }
.hype-nav li:first-child a { color: #4e2b15; background: url("../images/button.png") center/100% 42px no-repeat; }
.hype-menu-toggle { display: none; width: 45px; height: 40px; padding: 8px; border: 1px solid #d79c32; background: #fff3cf; }
.hype-menu-toggle span:not(.sr-only) { height: 2px; display: block; margin: 5px 0; background: #633315; }

.hype-account-bar { min-height: 78px; padding: 17px 45px; display: flex; align-items: center; justify-content: space-between; gap: 18px; background: #fff; border-bottom: 1px solid #f1e5cc; }
.hype-account-cta, .hype-session-links { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.hype-account-cta a { min-width: 125px; min-height: 34px; padding: 8px 14px; color: #3b2518; text-align: center; background: linear-gradient(#ffd54e, #ee9f19); border: 1px solid #e28f10; border-radius: 4px; box-shadow: inset 0 1px rgba(255,255,255,.55); font-size: 11px; font-weight: 700; text-transform: uppercase; }
.hype-session-links a { color: #703813; font-size: 11px; }
.hype-session-links a + a { padding-left: 11px; border-left: 1px solid #dfc28b; }

.hype-content-wrap { width: 100%; margin: 0; padding: 28px 28px 48px; grid-template-columns: minmax(0, 1fr) 235px; gap: 18px; overflow: hidden; background: rgba(255,255,255,.98); border: 0; border-top: 0; box-shadow: none; }
.hype-main-column { width: 100%; min-width: 0; max-width: 100%; padding: 0; overflow: hidden; }
.hype-main-column > *, .hype-main-column .raven-legacy-module, .hype-main-column .raven-panel { width: 100%; min-width: 0; max-width: 100%; }
.hype-sidebar { position: relative; z-index: 3; min-width: 0; gap: 14px; background: #fff; }
.hype-card { background: #fffcf5; border: 1px solid #ead7ad; box-shadow: 0 6px 18px rgba(90,52,23,.08); }
.hype-card > h2 { padding: 14px 15px; color: #3e291c; text-align: center; background: linear-gradient(135deg, #fffdf6, #f7e6b6); border-bottom: 1px solid #dca637; font: 14px "HypeDisplay", Georgia, serif; }
.hype-account-card form { background: #fffaf0; }
.hype-account-card input { color: #402d22; background: #fff !important; border-color: #dfc997 !important; }
.hype-account-card a { color: #9b4c16; }
.hype-status-card > div { padding: 17px; text-align: center; }
.hype-status-card strong, .hype-status-card a { display: block; }
.hype-status-card strong { color: #34a85c; font: 20px "HypeDisplay", Georgia, serif; text-transform: uppercase; }
.hype-status-card strong.is-offline { color: #d54949; }
.hype-status-card a { margin-top: 6px; color: #8b4315; font-size: 11px; }
.hype-download-card { min-height: 160px; padding: 27px 22px; background: linear-gradient(90deg, rgba(79,30,4,.05), rgba(79,30,4,.2)), url("../images/bg-download.png") center/cover no-repeat; border: 1px solid #d59b32; }
.hype-download-card strong { color: #fff8e7; }
.hype-info-list li, .hype-staff-list li { border-color: #eee0c3; }
.hype-info-list strong, .hype-staff-list strong { color: #693616; }
.hype-events li { color: #594033; background: #fff6dd; border-left-color: #e2a331; }
.hype-body .is-online { color: #2da556 !important; }
.hype-body .is-offline { color: #d94848 !important; }

/* Páginas e módulos AMW com a identidade MuHype */
.hype-main-column .raven-home { gap: 17px; }
.hype-main-column .raven-panel { color: #3a2a22; background: #fffdf8; border: 1px solid #ead8b0; border-top: 3px solid #dfa12d; box-shadow: 0 8px 22px rgba(83,45,18,.09); }
.hype-main-column .raven-panel-title { padding: 16px 20px 14px 58px; background: linear-gradient(100deg, #fffaf0, #f4dfad); border-bottom: 1px solid #d8a43c; }
.hype-main-column .raven-panel-title::before { left: 18px; width: 28px; height: 28px; background: radial-gradient(circle, #fff3b0 0 18%, #d68b20 21% 45%, transparent 47%); filter: drop-shadow(0 0 7px rgba(208,126,18,.3)); }
.hype-main-column .raven-panel-title span { color: #a55318; }
.hype-main-column .raven-panel-title h1, .hype-main-column .raven-panel-title h2 { color: #40271a; font-size: 18px; }
.hype-main-column .raven-panel-title p { color: #765848; }
.hype-main-column .raven-tabs { padding: 15px; gap: 8px; background: #fff9eb; }
.hype-main-column .raven-tabs a { min-height: 39px; color: #4e2b16 !important; background: linear-gradient(#ffe59c, #e8aa34); border-color: #d59525; box-shadow: inset 0 1px rgba(255,255,255,.55); font-size: 11px; }
.hype-main-column .raven-tabs a:hover { color: #fffaf0 !important; background: linear-gradient(#a94c1a, #6c2d12); border-color: #7e3513; }
.hype-main-column .hallfame { width: 100%; min-width: 0; overflow: hidden; }
.hype-main-column .hallfame .buttons { width: 100%; max-width: 100%; padding-left: 12px !important; padding-right: 12px !important; flex-wrap: wrap; gap: 10px !important; }
.hype-main-column .hallfame .buttons > a { width: auto !important; min-width: 88px; max-width: 112px; flex: 1 1 88px; }
.hype-main-column .ranking-view { width: 100%; max-width: 100%; justify-content: flex-start !important; overflow-x: auto; }
.hype-main-column .raven-class-tabs { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; }
.hype-main-column .raven-class-tabs button { width: 100%; min-width: 0; }
.hype-main-column .raven-class-tabs img { width: 100%; height: auto; aspect-ratio: 1.08 / 1; object-fit: cover; }
.hype-main-column .raven-table { color: #3c2d25; }
.hype-main-column .raven-table th { color: #fff6df; background: #643016; }
.hype-main-column .raven-table tbody tr { background: #fffdf8; box-shadow: 0 2px 7px rgba(70,39,18,.06); }
.hype-main-column .raven-table tbody tr:nth-child(even) { background: #fbf0d7; }
.hype-main-column .raven-table tbody tr:hover { background: #f7e1ac; }
.hype-main-column .raven-table td { border-color: #eadbbd; }
.hype-main-column .raven-table a { color: #944414 !important; }
.hype-main-column .raven-table-avatar { border-color: #dda33a; }
.hype-main-column .raven-place { background: #733617; }
.hype-main-column .raven-rank-card { color: #fff7e9 !important; background: linear-gradient(150deg, #7a3b1c, #32180e); border-color: #b66b28; }
.hype-main-column .raven-rank-card:hover { border-color: #e7aa38; }
.hype-main-column .raven-rank-card b { color: #ffd56f; }
.hype-main-column .raven-home-slider { background: #3b1a0d; border-color: #8e4a20; border-bottom-color: #e5a72f; }
.hype-main-column .raven-news-item { border-color: #ecdfc4; }
.hype-main-column .raven-news-item > span { color: #fff4d4; background: #7b3818; }
.hype-main-column .raven-news-item h3 { color: #3e291d; }
.hype-main-column .raven-news-item p { color: #7b665a; }
.hype-main-column .raven-news-item > a { background: #a5541c; border-color: #ca7c2c; }
.hype-main-column .raven-empty-state { color: #826f62; }
.hype-main-column .raven-champion, .hype-main-column .raven-castle { background-image: linear-gradient(90deg, rgba(55,21,9,.96), rgba(115,47,17,.63)), url("../images/video.png"); border-color: #a8672d; }
.hype-main-column .raven-castle { background-image: linear-gradient(90deg, rgba(55,21,9,.94), rgba(115,47,17,.55)), url("../images/castle.jpg"); }
.hype-main-column .raven-champion span, .hype-main-column .raven-castle span, .hype-main-column .raven-class-winner span { color: #ffd56f; }
.hype-main-column .raven-class-winner { background: linear-gradient(100deg, #572611, #9a4c1c); border-left-color: #e9ae3f; }

.hype-main-column > [class*="bg-neutral-100"], .hype-main-column .raven-legacy-module > [class*="bg-neutral-100"], .hype-main-column section[class*="bg-neutral-200"] { color: #3a2a22; background: #fffdf8 !important; border-color: #ead8b0; box-shadow: 0 7px 20px rgba(83,45,18,.08); }
.hype-main-column [class*="bg-neutral-200"] { background-color: #f8ecd3 !important; }
.hype-main-column [class*="bg-neutral-400"] { background-color: #b77731 !important; }
.hype-main-column [class*="bg-neutral-600"], .hype-main-column [class*="bg-neutral-700"], .hype-main-column [class*="bg-neutral-800"], .hype-main-column [class*="bg-neutral-900"] { color: #fff !important; background: linear-gradient(100deg, #5d2b15, #954919) !important; }
.hype-main-column > [class*="bg-neutral-100"] > [class*="uppercase"], .hype-main-column .raven-legacy-module > [class*="bg-neutral-100"] > [class*="uppercase"] { color: #40271a !important; background: linear-gradient(100deg, #fff9e9, #f1d99d) !important; border-bottom-color: #dfa12d; }
.hype-main-column table:not(.raven-table) { color: #3c2d25; }
.hype-main-column table:not(.raven-table) thead, .hype-main-column table:not(.raven-table) thead tr, .hype-main-column table:not(.raven-table) th { color: #fff6e1 !important; background: #643016 !important; }
.hype-main-column table:not(.raven-table) tr { background: #fffdf8 !important; }
.hype-main-column table:not(.raven-table) tbody tr:nth-child(even) { background: #fbf0d7 !important; }
.hype-main-column table:not(.raven-table) tbody tr:hover { background: #f7e1ac !important; }
.hype-main-column table:not(.raven-table) td, .hype-main-column table:not(.raven-table) th { border-bottom-color: #eadbbd !important; }
.hype-main-column input:not([type="checkbox"]):not([type="radio"]), .hype-main-column select, .hype-main-column textarea { color: #3c2b20; background: #fffefb !important; border-color: #d9bf88 !important; }
.hype-main-column input:focus, .hype-main-column select:focus, .hype-main-column textarea:focus { border-color: #d89428 !important; box-shadow: 0 0 0 3px rgba(216,148,40,.15); }
.hype-main-column button[type="submit"], .hype-main-column a[class*="bg-neutral-"], .hype-main-column a[class*="bg-orange-"] { color: #fff8e8 !important; background: linear-gradient(180deg, #b96824, #743414) !important; border-color: #c98431 !important; }
.hype-main-column button[type="submit"]:hover, .hype-main-column a[class*="bg-neutral-"]:hover, .hype-main-column a[class*="bg-orange-"]:hover { color: #4b2815 !important; background: linear-gradient(180deg, #ffe290, #e9a62d) !important; border-color: #d99725 !important; }

.hype-gallery { padding: 34px 45px 42px; background: #fff8e9; border-top: 1px solid #ead1a0; }
.hype-section-title { margin-bottom: 18px; border-top-color: #dda02e; }
.hype-section-title span { color: #482718; font-size: 21px; }
.hype-section-title small { color: #806453; }
.hype-gallery .muraven-gallery { gap: 14px; }
.hype-gallery .muraven-gallery a { border: 4px solid #fff; box-shadow: 0 7px 18px rgba(71,38,17,.18); }
.hype-gallery .muraven-gallery a::after { background: rgba(112,47,15,.58); }
.hype-gallery .muraven-gallery img { height: 145px; }
.hype-footer { padding: 30px 40px; color: #c2a992; text-align: center; background: #28150d; border-top: 4px solid #d99827; }
.hype-footer nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; }
.hype-footer nav a { color: #fff1d4; font-size: 11px; text-transform: uppercase; }
.hype-footer p { margin: 15px 0 0; font-size: 11px; }
.hype-socials { margin-top: 13px; display: flex; justify-content: center; gap: 12px; }
.hype-socials a { min-height: 32px; padding: 8px 13px; display: inline-flex; align-items: center; justify-content: center; color: #ffe0a0; background: rgba(255,255,255,.04); border: 1px solid #8f5a28; border-radius: 16px; font-size: 10px; text-transform: uppercase; transition: .2s ease; }
.hype-socials a:hover { color: #3f210f; background: linear-gradient(#ffe39a, #dda02d); border-color: #e9b74f; transform: translateY(-2px); }

@media (max-width: 880px) {
    .hype-site-shell { width: calc(100% - 18px); }
    .hype-actions { grid-template-columns: 1fr; }
    .hype-actions > a { min-height: 96px; border-right: 0; border-bottom: 1px solid #e7b54f; }
    .hype-nav { padding: 10px 16px; justify-content: flex-start; }
    .hype-menu-toggle { display: block; }
    .hype-nav ul { position: absolute; z-index: 30; top: 60px; left: 0; right: 0; padding: 9px; display: none; background: #fff8eb; border-bottom: 2px solid #d89b2d; box-shadow: 0 12px 25px rgba(59,31,13,.22); }
    .hype-nav ul.is-open { display: block; }
    .hype-nav a { min-height: 43px; padding: 0 14px; }
    .hype-content-wrap { grid-template-columns: 1fr; padding: 25px; }
    .hype-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
    .hype-site-shell { width: 100%; }
    .hype-hero { height: 300px; background-position: 47% top; }
    .hype-main-logo { left: 50%; bottom: 75px; width: 210px; height: 135px; transform: translateX(-50%); }
    .hype-status { left: 35px; right: 35px; bottom: 18px; padding: 9px 12px; }
    .hype-status small { display: none; }
    .hype-account-bar { padding: 16px; display: block; }
    .hype-account-cta { justify-content: center; }
    .hype-session-links { margin-top: 12px; justify-content: center; }
    .hype-content-wrap { padding: 18px 10px 30px; }
    .hype-sidebar { grid-template-columns: 1fr; }
    .hype-gallery { padding: 30px 16px; }
    .hype-gallery .muraven-gallery { grid-template-columns: 1fr; }
    .hype-main-column .raven-news-item { grid-template-columns: 1fr; }
    .hype-main-column .raven-class-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}