:root {
  color-scheme: dark;
  --bg: #111514; --bg-deep: #0c100e; --panel: #171d19; --panel-soft: #1a211d; --panel-alt: #202b24;
  --ink: #e8ece8; --muted: #abb6b0; --gold: #edc05c; --gold-soft: #b69751;
  --gold-line: #384339; --success: #8fc4a3; --danger: #e49586; --blue: #8ebabe;
  --knox-line: #303b35; --knox-green: #a4cdb6; --knox-shell: min(1180px, calc(100% - 64px));
}
.knox-layout { margin: 0; color: var(--ink); background: var(--bg); font: 16px/1.7 "Roboto", Arial, sans-serif; overflow-x: visible; }
.knox-layout *, .knox-layout *::before, .knox-layout *::after { box-sizing: border-box; letter-spacing: 0 !important; }
.knox-layout::before, .knox-layout::after { display: none; }
.knox-layout a { text-underline-offset: 4px; }
.knox-text-link, .knox-layout p > a { color: var(--gold); }
.knox-layout :focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; }
.knox-layout [hidden] { display: none !important; }
.knox-layout img { max-width: 100%; }
.knox-icon { display: inline-block; flex: 0 0 20px; vertical-align: middle; }
.knox-skip { position: absolute; top: -100px; left: 20px; z-index: 100; background: #223c2c; color: white; padding: 10px 16px; }
.knox-skip:focus { top: 8px; }
.knox-header { background: #0c100e; border-bottom: 1px solid #6e6138; box-shadow: 0 3px 16px rgba(237,192,92,.08); position: relative; z-index: 5; }
.knox-header-inner { width: var(--knox-shell); margin: auto; min-height: 98px; padding-block: 17px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.knox-brand { display: flex; align-items: center; gap: 14px; color: var(--gold); font: 40px/1 "Bebas Neue", Impact, sans-serif; text-transform: uppercase; cursor: default; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
.knox-brand-logo { width: 162px; height: 108px; object-fit: contain; flex: 0 0 162px; pointer-events: none; -webkit-user-drag: none; filter: drop-shadow(0 0 5px rgba(237,192,92,.4)) drop-shadow(0 5px 9px rgba(0,0,0,.5)); }
.knox-brand-copy { text-shadow: 0 0 18px rgba(237,192,92,.2); }
.knox-brand-copy { display: block; }
.knox-brand small { display: block; font: 11px/1.5 "Roboto", Arial, sans-serif; color: var(--muted); margin-top: 7px; }
.knox-header-actions { display: flex; align-items: center; gap: 20px; }
.knox-account { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; text-decoration: none; color: #d1dad3; }
.knox-play, .knox-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 11px 19px; background: var(--gold); color: #181b14; border: 1px solid var(--gold); border-radius: 4px; text-decoration: none; font: 700 14px/1.5 "Roboto", Arial, sans-serif; cursor: pointer; }
.knox-play:hover, .knox-button:hover { background: #f5d182; color: #141711; }
.knox-button-secondary { background: #152219; border-color: #739880; color: #e6f0e9; }
.knox-button-secondary:hover { background: #263a2d; color: white; }
.knox-icon-button { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; flex: 0 0 44px; padding: 0; color: #c6d3ca; background: transparent; border: 1px solid var(--knox-line); border-radius: 4px; cursor: pointer; }
.knox-icon-button:hover { color: var(--gold); border-color: #85998a; background: #1c2720; }
.knox-menu-toggle { display: none; }
.knox-navigation { border-top: 1px solid #1c261f; }
.knox-nav-inner { width: var(--knox-shell); margin: auto; display: flex; gap: 32px; flex-wrap: wrap; }
.knox-navigation a { padding: 12px 0; border-bottom: 2px solid transparent; text-decoration: none; color: #bfcac2; font-size: 14px; }
.knox-navigation a:hover, .knox-navigation a[aria-current] { color: var(--gold); border-bottom-color: var(--gold); }
.knox-footer { width: var(--knox-shell); margin: 0 auto; padding: 28px 0; border-top: 1px solid var(--knox-line); display: flex; justify-content: space-between; align-items: center; gap: 24px; color: #e1e7e2; font-size: 13px; }
.knox-footer > div { display: flex; gap: 18px; align-items: baseline; }
.knox-footer span { color: var(--muted); }
.knox-footer nav { display: flex; gap: 20px; }
.knox-footer a { color: var(--muted); text-decoration: none; }
.knox-footer a:hover { color: var(--gold); }
.knox-layout .content { width: var(--knox-shell); margin: 0 auto; padding: 36px 0 56px; display: grid; gap: 32px; }
.knox-layout .card { border: 0; border-radius: 0; background: none; box-shadow: none; padding: 0; overflow: visible; }
.knox-layout .card::before, .knox-layout .card::after, .knox-layout .info-box::before, .knox-layout .lumes-package::before, .knox-layout .admin-card::before { display: none; }
.knox-layout .card > h1, .knox-layout .card > h2, .knox-page-heading h1 { font: 42px/1.1 "Bebas Neue", Impact, sans-serif; color: var(--gold); margin: 0 0 18px; text-transform: none; text-shadow: none; }
.knox-layout .card h3 { font: 700 17px/1.5 "Roboto", Arial, sans-serif; color: #e2eae4; margin: 0 0 12px; }
.knox-layout .card p, .knox-layout .card li, .knox-layout .card td, .knox-layout .card th { color: #c2cdc5; line-height: 1.75; }
.knox-layout .card strong { color: #e6eae6; }
.knox-layout .section-kicker, .knox-kicker { color: var(--knox-green); font: 700 12px/1.5 "Roboto", Arial, sans-serif; text-transform: uppercase; margin: 0 0 14px; }
.knox-layout .hint, .knox-layout .form-help { color: var(--muted); font: 13px/1.7 "Roboto", Arial, sans-serif; }
.knox-layout .card > p { max-width: 900px; }
.knox-layout .info-box { border: 0; border-radius: 0; background: transparent; box-shadow: none; padding: 16px 0; border-bottom: 1px solid var(--knox-line); min-width: 0; }
.knox-layout .info-box h3 { font-size: 12px; font-weight: 400; color: var(--muted); margin: 0 0 5px; text-transform: none; }
.knox-layout .info-box p { font-size: 15px; overflow-wrap: anywhere; margin: 0; }
.knox-layout .cta-btn, .knox-layout .mini-btn, .knox-layout .account-link, .knox-layout .booklet-nav, .knox-layout .pager-link, .knox-layout .admin-tab-btn, .knox-layout .discord-join-btn { clip-path: none; border-radius: 4px; box-shadow: none; text-transform: none; font-family: "Roboto", Arial, sans-serif; text-shadow: none; transform: none; }
.knox-layout .cta-btn::before, .knox-layout .account-link::before { display: none; }
.knox-layout .cta-btn, .knox-layout .discord-join-btn { background: var(--gold); color: #171b13; border: 1px solid var(--gold); min-height: 44px; padding: 11px 17px; font-size: 14px; line-height: 1.5; white-space: normal; text-align: center; }
.knox-layout .cta-btn:hover, .knox-layout .discord-join-btn:hover { background: #f5d182; transform: none; color: #171b13; }
.knox-layout .cta-btn-secondary, .knox-layout .steam-secondary-btn { background: transparent; border-color: #506558; color: var(--ink); }
.knox-layout .cta-btn-disabled, .knox-layout button:disabled { opacity: .5; cursor: not-allowed; }
.knox-layout .mini-btn, .knox-layout .booklet-nav, .knox-layout .pager-link { background: #202e25; color: #dce9df; border: 1px solid #425649; padding: 8px 13px; font-size: 13px; min-height: 38px; line-height: 1.5; }
.knox-layout .mini-btn:hover, .knox-layout .booklet-nav:hover:not(:disabled) { background: #304137; }
.knox-layout .form-input { border: 1px solid #49574d; border-radius: 4px; background: #0d120f; color: #eff3ef; min-height: 44px; width: 100%; padding: 10px 12px; font-size: 15px; line-height: 1.5; }
.knox-layout .form-input:focus { border-color: var(--gold); box-shadow: none; }
.knox-layout .form-input::placeholder { color: #88968c; }
.knox-layout .form-group { min-width: 0; }
.knox-layout .form-group > span { font-size: 13px; color: #c7d2ca; text-transform: none; }
.knox-layout .form-feedback { border-radius: 4px; padding: 13px 16px; font-size: 14px; }
.knox-layout .form-feedback-error { color: #f1c6bc; border: 1px solid #804f45; background: #30201d; }
.knox-layout .form-feedback-success { color: #c6e9d3; border: 1px solid #4a745b; background: #192e22; }
.knox-page-heading { margin-bottom: 26px; }
.knox-page-heading p { color: var(--muted); max-width: 760px; }
.knox-section-banner { width: 100%; height: auto; aspect-ratio: 5 / 1; object-fit: cover; display: block; border-top: 2px solid #648570; margin-bottom: 28px; }
.knox-layout .login-card { max-width: 600px; margin: 0 auto; width: 100%; padding-top: 8px; }
.knox-layout .steam-auth-entry { background: #18261e; border: 1px solid #425d4b; border-radius: 6px; padding: 26px; }
.knox-layout .steam-signin-link { display: inline-flex; max-width: 100%; }
.knox-layout .steam-signin-link img { width: 206px; height: auto; }
.knox-layout .steam-identity-preview { background: #18261e; border-radius: 6px; border-color: #425d4b; }
.knox-layout .conexao-card { display: block; }
.knox-layout .conexao-banner { width: 100%; height: auto; aspect-ratio: 5 / 1; object-fit: cover; border: 0; border-radius: 0; max-height: none; }
.knox-layout .conexao-body { padding: 28px 0 0; width: 100%; max-width: 820px; }
.knox-layout .conexao-body h1 { font: 42px/1.1 "Bebas Neue", Impact, sans-serif; color: var(--gold); margin: 0 0 18px; }
.knox-layout .conexao-body h2 { font: 28px/1.2 "Bebas Neue", Impact, sans-serif; margin: 28px 0 12px; }
.knox-endpoints { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 26px 0; }
.knox-endpoint { display: grid; grid-template-columns: minmax(0,1fr) 44px; align-items: center; gap: 8px 16px; padding: 18px 0; border-block: 1px solid #405146; min-width: 0; }
.knox-endpoint > div > span { display: block; font-size: 12px; color: var(--muted); }
.knox-endpoint code { color: #e0ede3; font: 700 19px/1.5 "Roboto", Arial, sans-serif; overflow-wrap: anywhere; user-select: all; }
.knox-endpoint [data-copy-status] { display: block; grid-column: 1/-1; min-height: 19px; color: var(--knox-green); font-size: 12px; }
.knox-layout .discord-live-card { margin: 28px 0; border: 1px solid #3e5447; border-radius: 6px; background: #17201b; box-shadow: none; width: 100%; max-width: 820px; }
.knox-layout .discord-live-banner { background: url('../regras/comunicacao.webp') center / cover; height: 180px; border-radius: 0; }
.knox-layout .discord-live-content { padding: 26px; }
.knox-layout .discord-live-content h3 { font: 30px/1.2 "Bebas Neue", Impact, sans-serif; }
.knox-layout .discord-icon { border-radius: 8px; border-color: #445a4c; }
.knox-layout .booklet-viewer { max-width: 860px; margin-inline: auto; }
.knox-layout .booklet-stage { background: #0d120f; border: 1px solid #39483e; border-radius: 6px; box-shadow: none; min-height: 0; }
.knox-layout .booklet-stage::before { display: none; }
.knox-layout .booklet-page img { max-height: 760px; width: 100%; object-fit: contain; border-radius: 0; box-shadow: none; }
.knox-layout .booklet-toolbar { gap: 16px; }
.knox-layout .booklet-nav { width: 44px; height: 44px; display: grid; place-items: center; padding: 0; }
.knox-layout .booklet-counter { font: 13px/1.5 "Roboto", Arial, sans-serif; color: var(--muted); }
.knox-layout .account-shell { grid-template-columns: 222px minmax(0, 1fr); gap: 40px; align-items: start; }
.knox-layout .account-sidebar { position: sticky; top: 24px; border-top: 2px solid var(--gold); padding-top: 18px; }
.knox-layout .account-sidebar h2 { font: 700 13px/1.5 "Roboto", Arial, sans-serif; color: #d7e1d9; margin-bottom: 8px; }
.knox-layout .account-user { font: 24px/1.2 "Bebas Neue", Impact, sans-serif; color: var(--gold); overflow-wrap: anywhere; margin: 0 0 22px; }
.knox-layout .account-nav { gap: 3px; }
.knox-layout .account-nav-label { display: block; font-size: 11px; color: #90a596; text-transform: uppercase; border-top: 1px solid var(--knox-line); padding-top: 20px; margin: 15px 0 6px; }
.knox-layout .account-link { padding: 11px 10px; background: transparent; border: 0; border-left: 2px solid transparent; border-radius: 0; color: #c5d2c9; font-size: 13px; font-weight: 400; line-height: 1.5; min-height: 44px; gap: 10px; }
.knox-layout .account-link:hover { background: #1b2720; transform: none; }
.knox-layout .account-link.active { background: #24342a; color: #e4c876; border-left-color: var(--gold); font-weight: 700; }
.knox-layout .account-link-disabled { opacity: .55; color: #a2aca4; }
.knox-layout .account-panel { min-width: 0; min-height: 560px; }
.knox-layout .account-panel > h2, .knox-layout .account-panel > h1 { font-size: 34px; margin-bottom: 22px; }
.knox-layout .account-details { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(190px,100%),1fr)); gap: 0 26px; }
.knox-layout .user-profile-overview, .knox-layout .steam-profile-card { background: transparent; border: 0; border-bottom: 1px solid var(--knox-line); border-radius: 0; padding: 12px 0 24px; box-shadow: none; }
.knox-layout .user-profile-overview h3, .knox-layout .steam-profile-card h3 { font: 30px/1.2 "Bebas Neue", Impact, sans-serif; }
.knox-layout .user-profile-avatar, .knox-layout .steam-avatar { border-radius: 6px; }
.knox-layout .user-profile-stats { gap: 24px; margin: 28px 0; }
.knox-layout .user-profile-stat { background: none; border: 0; border-bottom: 1px solid var(--knox-line); border-radius: 0; padding: 0 0 18px; }
.knox-layout .user-profile-stat strong { font: 700 19px/1.5 "Roboto", Arial, sans-serif; color: #e1d59d; overflow-wrap: anywhere; }
.knox-layout .user-profile-status, .knox-layout .pz-character-status { border-radius: 4px; font-size: 11px; }
.knox-layout .steam-section-title { margin: 30px 0 12px; font-size: 17px; }
.knox-layout .admin-card { background: transparent; border: 0; border-top: 1px solid var(--knox-line); border-radius: 0; padding: 24px 0; box-shadow: none; min-width: 0; }
.knox-layout .admin-action-form, .knox-layout .account-email-gate-card { background: #18211b; border: 1px solid #384e40; border-radius: 6px; padding: 18px; min-width: 0; }
.knox-layout .admin-grid, .knox-layout .admin-actions-grid { gap: 22px; }
.knox-layout .admin-tabs { grid-template-columns: minmax(0, 1fr); }
.knox-layout .admin-tabs > *, .knox-layout .admin-toolbar > * { min-width: 0; }
.knox-layout .admin-tab-nav { border-bottom: 1px solid var(--knox-line); gap: 8px; }
.knox-layout .admin-tab-btn { background: transparent; border: 0; border-bottom: 2px solid transparent; padding: 12px 14px; font-size: 13px; color: #b5c5ba; white-space: normal; }
.knox-layout .admin-tab-btn.is-active { background: #1c2c22; border-color: var(--gold); color: #edcd80; }
.knox-layout .table-wrap { border: 1px solid var(--knox-line); border-radius: 4px; overflow-x: auto; max-width: 100%; }
.knox-layout .history-table { width: 100%; border-collapse: collapse; border-spacing: 0; min-width: 620px; }
.knox-layout .history-table th, .knox-layout .history-table td { background: transparent; border: 0; border-bottom: 1px solid #2a372e; border-radius: 0 !important; padding: 13px 14px; font-size: 13px; text-align: left; }
.knox-layout .history-table thead th { background: #1c2821; color: #b1c5b7; font: 700 11px/1.5 "Roboto", Arial, sans-serif; text-transform: uppercase; white-space: nowrap; }
.knox-layout .history-table tbody tr:hover { background: #17241b; }
.knox-layout .history-table tbody tr:last-child td { border-bottom: 0; }
.knox-layout .status-badge, .knox-layout [class^="payment-status"], .knox-layout [class^="delivery-status"] { border-radius: 4px; font-size: 11px; }
.knox-layout .lumes-packages { grid-template-columns: repeat(auto-fit,minmax(min(250px,100%),1fr)); gap: 20px; }
.knox-layout .lumes-packages.compact { grid-template-columns: repeat(auto-fit,minmax(min(240px,100%),1fr)); }
.knox-layout .lumes-package { display: flex; flex-direction: column; background: #18221b; border: 1px solid #3f5446; border-top: 2px solid #9eaf80; border-radius: 6px; box-shadow: none; padding: 23px; min-width: 0; }
.knox-layout .lumes-package-amount { font: 36px/1.15 "Bebas Neue", Impact, sans-serif; color: var(--gold) !important; margin-bottom: 12px; }
.knox-layout .lumes-package-description { color: var(--muted); font-size: 14px; flex: 1; }
.knox-layout .lumes-package-price { font: 700 25px/1.4 "Roboto", Arial, sans-serif; color: #e4e8d8 !important; }
.knox-layout .lumes-package .cta-btn { width: 100%; }
.knox-layout .lumes-package-custom { background: #172222; border-color: #486466; }
.knox-layout .lumes-price-note, .knox-layout .lumes-price-preview { border: 0; border-left: 2px solid #62896f; border-radius: 0; background: #19241d; padding: 13px 16px; font-size: 14px; }
.knox-layout .pz-account-card { border-color: #3e5346; border-radius: 6px; background: #151e18; }
.knox-layout .pz-account-summary { border-radius: 6px; background: #1c2b21; }
.knox-layout .pz-account-tabs { background: #121a15; border-color: var(--knox-line); }
.knox-layout .pz-account-tab { border-radius: 0; font-size: 13px; }
.knox-layout .pz-account-tab.is-active { background: #273c2e; border-color: #9bbc94; }
.knox-layout .pz-character-info-item, .knox-layout .pz-skill-group { border-radius: 4px; background: #17201a; border-color: #36483c; }
.knox-layout .ranking-shell { background: none; border: 0; border-radius: 0; box-shadow: none; overflow: visible; }
.knox-layout .ranking-shell::before, .knox-layout .ranking-podium-card::before { display: none; }
.knox-layout .ranking-topbar { padding: 0 0 20px; border-color: var(--knox-line); background: transparent; }
.knox-layout .ranking-topbar span, .knox-layout .ranking-topbar strong { font: 700 12px/1.5 "Roboto", Arial, sans-serif; color: var(--knox-green); text-transform: none; }
.knox-layout .ranking-layout { grid-template-columns: 220px minmax(0,1fr); gap: 36px; min-height: 0; padding-top: 28px; }
.knox-layout .ranking-sidebar, .knox-layout .ranking-main { background: none; border: 0; padding: 0; min-width: 0; }
.knox-layout .ranking-sidebar h2, .knox-layout .ranking-sidebar h1 { font: 34px/1.15 "Bebas Neue", Impact, sans-serif; color: var(--gold); margin: 0; }
.knox-layout .ranking-side-emblem { background: #1c2c22; border: 1px solid #48624f; border-radius: 6px; box-shadow: none; }
.knox-layout .ranking-sidebar-badge { background: none; border: 0; border-radius: 0; padding: 0; color: var(--muted); font-size: 13px; }
.knox-layout .ranking-summary-card { background: none; border: 0; border-block: 1px solid var(--knox-line); border-radius: 0; padding: 18px 0; }
.knox-layout .ranking-tab { border: 0; border-radius: 0; border-bottom: 1px solid var(--knox-line); background: none; box-shadow: none; padding: 0 0 18px; }
.knox-layout .ranking-panel-head h3 { font: 30px/1.2 "Bebas Neue", Impact, sans-serif; color: #e1e9e3; }
.knox-layout .ranking-panel-head p, .knox-layout .ranking-tools p { color: var(--muted); font-size: 14px; }
.knox-layout .ranking-podium { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.knox-layout .ranking-podium-card { border-radius: 6px; background: #1a261e; border: 1px solid #425848; padding: 19px; }
.knox-layout .ranking-podium-card.rank-1 { border-color: #a28c4c; background: #242a1b; }
.knox-layout .ranking-podium-card.rank-2 { background: #1a2426; border-color: #537375; }
.knox-layout .ranking-podium-card.rank-3 { background: #28211e; border-color: #745d4d; }
.knox-layout .ranking-podium-rank { background: none; border: 0; border-radius: 0; padding: 0; justify-content: flex-start; color: #c8d8cd; font-size: 13px; }
.knox-layout .ranking-podium-card h4 { font: 700 19px/1.4 "Roboto", Arial, sans-serif; overflow-wrap: anywhere; }
.knox-layout .ranking-podium-value { font: 23px/1.4 "Bebas Neue", Impact, sans-serif; overflow-wrap: anywhere; }
.knox-layout .ranking-table { border: 1px solid #34493b; border-radius: 4px; background: transparent; }
.knox-layout .ranking-table-head, .knox-layout .ranking-table-row { grid-template-columns: 58px minmax(0,1fr) minmax(120px,.7fr); padding: 14px 18px; gap: 14px; }
.knox-layout .ranking-table-head { background: #1c2b22; color: #b4c9bb; font: 700 12px/1.5 "Roboto", Arial, sans-serif; }
.knox-layout .ranking-table-row { border-color: #2c3e31; }
.knox-layout .ranking-table-player { min-width: 0; overflow-wrap: anywhere; }
.knox-layout .ranking-table-value { text-align: right; font-size: 21px; overflow-wrap: anywhere; }
.knox-layout .mapa-shell { width: min(1600px,calc(100% - 48px)); margin-top: 28px; }
.knox-layout .mapa-panel { border-radius: 6px; background: #17201a; border-color: #354b3c; }
.knox-layout .mapa-section h2 { font-size: 18px; }
.knox-home-hero { position: relative; isolation: isolate; min-height: 420px; display: flex; align-items: center; background: #253a2d; }
.knox-home-hero > img { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 55%; }
.knox-home-hero::before { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg,rgba(10,19,12,.91),rgba(10,19,12,.5) 45%,rgba(10,19,12,.04) 75%); }
.knox-home-hero-inner { width: var(--knox-shell); margin: 0 auto; padding: 40px 0; }
.knox-home-hero h1 { color: #f2d07a; font: 76px/1 "Bebas Neue", Impact, sans-serif; margin: 0 0 18px; }
.knox-home-hero p { max-width: 510px; color: #e0e9df; font-size: 17px; line-height: 1.7; }
.knox-home-hero .knox-kicker { font-size: 12px; color: var(--knox-green); }
.knox-home-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.knox-home-facts { display: flex; gap: 25px; margin: 22px 0 0; padding: 0; list-style: none; color: #aecdaf; font-size: 12px; }
.knox-home-content { width: var(--knox-shell); margin: 0 auto; }
.knox-quick-links { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-bottom: 1px solid var(--knox-line); }
.knox-quick-links > a { display: flex; gap: 13px; align-items: center; padding: 26px 20px; border-right: 1px solid var(--knox-line); text-decoration: none; color: #d6e4da; min-width: 0; }
.knox-quick-links > a:first-child { padding-left: 0; }
.knox-quick-links > a:last-child { border-right: 0; }
.knox-quick-links > a:hover { color: var(--gold); background: #18241c; }
.knox-quick-links .knox-icon { color: #93bc9e; }
.knox-quick-links strong, .knox-quick-links small { display: block; }
.knox-quick-links strong { font-size: 15px; }
.knox-quick-links small { font-size: 12px; color: var(--muted); }
.knox-home-section { padding: 40px 0; border-bottom: 1px solid var(--knox-line); }
.knox-home-section:last-child { border-bottom: 0; }
.knox-home-section h2 { font: 34px/1.15 "Bebas Neue", Impact, sans-serif; color: #e2eae4; margin: 0 0 16px; }
.knox-home-section p { color: var(--muted); max-width: 750px; font-size: 15px; }
.knox-home-connect { display: grid; grid-template-columns: .9fr 1.1fr; gap: 48px; align-items: start; }
.knox-home-connect .knox-endpoints { margin: 0; }
.knox-paths { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin-top: 26px; }
.knox-path { text-decoration: none; color: var(--ink); min-width: 0; }
.knox-path img { width: 100%; height: auto; aspect-ratio: 3 / 1; object-fit: cover; display: block; margin-bottom: 18px; border-top: 2px solid #718c77; }
.knox-path h3 { font: 25px/1.2 "Bebas Neue", Impact, sans-serif; margin: 0 0 8px; color: #dce9e0; }
.knox-path:hover h3 { color: var(--gold); }
.knox-path p { font-size: 14px; }
.knox-play, .knox-button, .knox-layout .cta-btn { box-shadow: 0 3px 12px rgba(237,192,92,.12); transition: background .2s ease, box-shadow .2s ease, transform .2s ease; }
.knox-navigation a { transition: color .2s ease, border-color .2s ease, text-shadow .2s ease; }
.knox-quick-links > a { transition: background .2s ease, color .2s ease, box-shadow .2s ease; }
.knox-path img { transition: filter .25s ease, box-shadow .25s ease; }
.knox-layout .lumes-package { transition: border-color .25s ease, box-shadow .25s ease; }
.knox-home-hero h1 { text-shadow: 0 3px 8px rgba(0,0,0,.55), 0 0 24px rgba(237,192,92,.2); }
@media (hover: hover) {
  .knox-play:hover, .knox-button:hover, .knox-layout .cta-btn:not(:disabled):not(.cta-btn-disabled):hover { transform: translateY(-2px); box-shadow: 0 5px 20px rgba(237,192,92,.24); }
  .knox-navigation a:hover, .knox-navigation a[aria-current] { text-shadow: 0 0 12px rgba(237,192,92,.36); }
  .knox-quick-links > a:hover { box-shadow: inset 0 -2px var(--gold); }
  .knox-path:hover img { filter: brightness(1.1) saturate(1.06); box-shadow: 0 4px 20px rgba(164,205,182,.14); }
  .knox-layout .lumes-package:hover { border-color: #bdac71; box-shadow: 0 3px 22px rgba(237,192,92,.12); }
}
@keyframes knox-logo-glow {
  from { filter: drop-shadow(0 0 4px rgba(237,192,92,.3)) drop-shadow(0 5px 9px rgba(0,0,0,.5)); }
  to { filter: drop-shadow(0 0 9px rgba(237,192,92,.6)) drop-shadow(0 5px 9px rgba(0,0,0,.5)); }
}
@media (prefers-reduced-motion: no-preference) { .knox-brand-logo { animation: knox-logo-glow 4s ease-in-out 2 alternate; } }
@media (max-width: 1000px) {
  .knox-layout .account-shell { grid-template-columns: 190px minmax(0,1fr); gap: 28px; }
  .knox-layout .ranking-layout { grid-template-columns: 1fr; gap: 24px; }
  .knox-layout .ranking-sidebar { display: grid; grid-template-columns: 76px 1fr; column-gap: 22px; align-items: center; }
  .knox-layout .ranking-side-emblem { grid-row: 1/4; margin-bottom: 0; }
  .knox-layout .ranking-sidebar .section-kicker { margin: 0; }
  .knox-layout .ranking-sidebar-badge { margin: 0; }
  .knox-layout .ranking-summary { grid-column: 1/-1; }
  .knox-home-connect { grid-template-columns: 1fr; gap: 10px; }
  .knox-quick-links > a { padding-inline: 14px; }
  .knox-footer > div { display: grid; gap: 3px; }
}
@media (max-width: 760px) {
  :root { --knox-shell: calc(100% - 36px); }
  .knox-header-inner { min-height: 82px; gap: 12px; padding-block: 15px; }
  .knox-brand { font-size: 31px; }
  .knox-brand small { font-size: 10px; margin-top: 5px; }
  .knox-brand-logo { width: 144px; height: 96px; flex-basis: 144px; }
  .knox-header-actions { gap: 8px; }
  .knox-account { width: 40px; height: 42px; justify-content: center; }
  .knox-account span, .knox-logout { display: none; }
  .knox-play { min-height: 42px; padding: 9px 12px; font-size: 13px; }
  .knox-play .knox-icon { display: none; }
  .knox-js .knox-menu-toggle { display: inline-flex; }
  .knox-js .knox-navigation:not(.is-open) { display: none; }
  .knox-nav-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 0 22px; padding: 8px 0 14px; }
  .knox-navigation a { padding: 11px 4px; }
  .knox-footer { flex-direction: column; align-items: flex-start; gap: 18px; font-size: 12px; }
  .knox-layout .content { padding-top: 28px; padding-bottom: 36px; gap: 28px; }
  .knox-layout .card > h1, .knox-layout .card > h2, .knox-page-heading h1 { font-size: 34px; }
  .knox-layout .conexao-body h1 { font-size: 34px; }
  .knox-layout .account-shell { grid-template-columns: 1fr; gap: 25px; }
  .knox-layout .account-sidebar { position: static; }
  .knox-layout .account-nav { display: flex; flex-wrap: wrap; gap: 3px; }
  .knox-layout .account-link { width: auto; flex: 1 1 145px; padding: 10px; font-size: 12px; }
  .knox-layout .account-nav-label { width: 100%; margin: 6px 0; padding-top: 12px; }
  .knox-layout .account-sidebar h2 { font-size: 12px; }
  .knox-layout .account-user { margin-bottom: 15px; font-size: 22px; }
  .knox-layout .account-panel { min-height: 0; }
  .knox-layout .user-profile-stats { grid-template-columns: repeat(auto-fit,minmax(150px,1fr)); gap: 18px; }
  .knox-layout .user-profile-overview { flex-wrap: wrap; gap: 16px; }
  .knox-layout .admin-actions-grid, .knox-layout .admin-grid { grid-template-columns: 1fr; }
  .knox-layout .admin-toolbar, .knox-layout .admin-user-header { flex-wrap: wrap; }
  .knox-layout .steam-profile-card h3 { font-size: 26px; }
  .knox-layout .ranking-podium { grid-template-columns: 1fr; }
  .knox-layout .ranking-podium-card { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 18px; align-items: center; }
  .knox-layout .ranking-podium-header { grid-column: 1/-1; }
  .knox-layout .ranking-podium-card h4, .knox-layout .ranking-podium-value { margin: 0; }
  .knox-layout .ranking-podium-value { text-align: right; }
  .knox-layout .ranking-table-head, .knox-layout .ranking-table-row { grid-template-columns: 36px minmax(0,1fr) minmax(84px,.75fr); gap: 10px; padding: 12px 10px; }
  .knox-layout .ranking-table-player strong { font-size: 14px; }
  .knox-layout .ranking-table-value { font-size: 18px; }
  .knox-layout .ranking-topbar { flex-wrap: wrap; gap: 8px; }
  .knox-layout .conexao-banner, .knox-section-banner { aspect-ratio: 3 / 1; }
  .knox-layout .discord-live-banner { height: 125px; }
  .knox-layout .discord-live-content { padding: 20px; }
  .knox-endpoints { grid-template-columns: 1fr; gap: 15px; }
  .knox-endpoint { padding-block: 14px; }
  .knox-home-hero { min-height: 400px; }
  .knox-home-hero > img { object-position: 65% center; }
  .knox-home-hero::before { background: rgba(10,19,12,.67); }
  .knox-home-hero h1 { font-size: 56px; }
  .knox-home-hero p { font-size: 15px; max-width: 360px; }
  .knox-home-hero-inner { padding-block: 32px; }
  .knox-home-actions { gap: 10px; margin-top: 22px; }
  .knox-home-actions a { padding: 10px 14px; font-size: 13px; }
  .knox-home-facts { gap: 18px; margin-top: 20px; font-size: 11px; }
  .knox-quick-links { grid-template-columns: 1fr 1fr; }
  .knox-quick-links > a { padding: 18px 10px; border-bottom: 1px solid var(--knox-line); gap: 10px; }
  .knox-quick-links > a:first-child { padding-left: 10px; }
  .knox-quick-links > a:nth-child(2n) { border-right: 0; }
  .knox-quick-links strong { font-size: 14px; }
  .knox-quick-links small { font-size: 11px; }
  .knox-home-section { padding-block: 30px; }
  .knox-home-section h2 { font-size: 30px; }
  .knox-paths { grid-template-columns: 1fr; gap: 26px; }
  .knox-path img { margin-bottom: 14px; }
  .knox-layout .mapa-shell { width: calc(100% - 24px); margin-top: 18px; }
}
@media (max-width: 600px) { .knox-brand-copy { display: none; } }
@media (max-width: 380px) {
  .knox-header-actions { display: grid; grid-template-columns: 44px 44px; gap: 8px; }
  .knox-account { grid-column: 1; grid-row: 1; }
  .knox-menu-toggle { grid-column: 2; grid-row: 1; }
  .knox-play { grid-column: 1/-1; grid-row: 2; }
}
@media (prefers-reduced-motion: reduce) {
  .knox-layout *, .knox-layout *::before, .knox-layout *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
  .knox-play:hover, .knox-button:hover, .knox-layout .cta-btn:hover { transform: none !important; }
}