@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Rajdhani:wght@400;500;600;700&display=swap);

/* ===== ELDERCS theme ===== */
html body {
  background: #0a0a0c url(https://eldercs.ro/eldercsbg.jpg) center top / cover fixed no-repeat;
  color: #e8e8ee;
  font-family: 'Rajdhani', sans-serif;
  font-size: 15px;
}
html body::before {
  content: ''; position: fixed; inset: 0; background: rgba(10,10,12,.82); z-index: -1;
}
html body #container { background: transparent; color: #e8e8ee; font-family: 'Rajdhani', sans-serif; }
html body .wrapper { max-width: 1240px; width: 94%; }
html body a:link,
html body a:visited { color: #ffffff; text-decoration: none; }
html body a:hover,
html body a:active { color: #e58d27; text-decoration: none; }

/* Header + logo */
html body #header { background: transparent; }
html body #header #logo { background: #0e0e11; border-bottom: 1px solid #23232b; padding: 18px 0; }
html body #logo .wrapper { display: flex; align-items: center; justify-content: space-between; }
html body #logo a img { display: none; }
html body #header ul.menu li a { color: #ffffff; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; }
html body #header ul.menu li a:hover { color: #e58d27; }
html body #panel .upper { background: #e58d27; border: 0; color: #0a0a0c; }
html body #panel .upper a:link,
html body #panel .upper a:visited,
html body #panel .upper a.logout { color: #0a0a0c; font-weight: 700; }
html body #panel .lower { background: #121216; border: 0; border-bottom: 1px solid #23232b; color: #b4b4bf; }
html body #panel .lower a:link,
html body #panel .lower a:visited { color: #e8e8ee; }
html body #search fieldset,
html body #panel input.textbox { background: #0e0e11; border: 1px solid #2a2a33; color: #fff; }
html body #panel input.button { background: #0a0a0c; color: #e58d27; border: 1px solid #0a0a0c; }

html body #content { background: transparent; padding-top: 24px; }
html body .navigation { color: #a5a5b0; }
html body .navigation .active { color: #e58d27; font-family: 'Orbitron', sans-serif; font-size: 15px; }

/* Tables */
html body .tborder { background: #121216; border: 1px solid #23232b; border-radius: 10px; overflow: hidden; }
html body .tborder td { border-color: #1e1e25; }
html body .thead {
  background: #17171d !important; border-bottom: 1px solid #23232b; color: #e58d27; padding: 14px 16px;
}
html body .thead strong,
html body .thead a:link,
html body .thead a:visited,
html body .thead strong a {
  color: #e58d27 !important; font-family: 'Orbitron', sans-serif; letter-spacing: 2px; text-transform: uppercase; font-size: 14px;
}
html body .thead .smalltext { color: #a5a5b0; font-family: 'Rajdhani', sans-serif; letter-spacing: 0; text-transform: none; }
html body .tcat { background: #0e0e11 !important; color: #8f8f9b; border-top: 1px solid #23232b; border-bottom: 1px solid #23232b; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-size: 12px; }
html body .tcat a:link,
html body .tcat a:visited { color: #b4b4bf; }
html body .trow1,
html body .trow2 { background: #121216; border-color: #1e1e25; color: #e8e8ee; }
html body .trow2 { background: #141419; }
html body .trow1:hover,
html body .trow2:hover { background: #18181e; }
html body .trow_selected,
html body tr.trow_selected td { background: #2a1f12; color: #fff; }
html body .tfoot { background: #0e0e11; border-top: 1px solid #23232b; color: #a5a5b0; }
html body .tfoot a:link,
html body .tfoot a:visited { color: #e8e8ee; }
html body .smalltext,
html body .smalltext a { color: #a5a5b0; }
html body .trow1 strong a,
html body .trow2 strong a { font-size: 17px; font-weight: 700; }
html body .forum_status { filter: sepia(1) saturate(4) hue-rotate(-10deg); }

/* Posts */
html body .post { background: #121216; border: 1px solid #23232b; border-radius: 10px; margin-bottom: 14px; overflow: hidden; }
html body .post .post_author { background: #15151a; border-bottom: 1px solid #23232b; }
html body .post .post_head { border-bottom: 1px solid #1e1e25; }
html body .post .post_body { color: #e8e8ee; font-size: 16px; }
html body .post .post_controls { background: #0e0e11; border-top: 1px solid #23232b; }
html body .post_author .author_avatar img { border-radius: 8px; border: 1px solid #2a2a33; background: #23232b; }
html body blockquote { background: #0e0e11; border: 1px solid #2a2a33; border-radius: 6px; color: #cfcfd8; }
html body blockquote cite { border-bottom: 1px solid #2a2a33; color: #e58d27; }
html body .codeblock { background: #0e0e11; border: 1px solid #2a2a33; }

/* Buttons + inputs */
html body a.button:link,
html body a.button:visited,
html body a.button:hover,
html body a.button:active,
html body button,
html body input.button,
html body input[type=submit] {
  background: #e58d27; color: #0a0a0c; border: 1px solid #e58d27; border-radius: 6px;
  font-family: 'Rajdhani', sans-serif; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; box-shadow: none; padding: 6px 14px;
}
html body a.button:hover,
html body button:hover,
html body input.button:hover { background: #f5a03f; border-color: #f5a03f; color: #0a0a0c; }
html body a.button span,
html body a.button:link span { color: #0a0a0c; }
html body input.textbox,
html body textarea,
html body select {
  background: #0e0e11; color: #ffffff; border: 1px solid #2a2a33; border-radius: 6px; font-family: 'Rajdhani', sans-serif; font-size: 15px;
}
html body input.textbox:focus,
html body textarea:focus,
html body select:focus { border-color: #e58d27; outline: none; }

/* Pagination */
html body .pagination a,
html body .pagination .pagination_current { background: #121216; border: 1px solid #2a2a33; color: #fff; border-radius: 4px; }
html body .pagination .pagination_current,
html body .pagination a:hover { background: #e58d27; color: #0a0a0c; border-color: #e58d27; }

/* Popups + misc */
html body .popup_menu { background: #121216; border: 1px solid #2a2a33; }
html body .popup_menu .popup_item { background: #121216; color: #e8e8ee; }
html body .popup_menu .popup_item:hover { background: #e58d27; color: #0a0a0c; }
html body .red_alert,
html body .pm_alert { background: #2a1212; border: 1px solid #8b0000; color: #ffb4b4; border-radius: 6px; }
html body .modal { background: #121216; color: #e8e8ee; border: 1px solid #2a2a33; }
html body fieldset { border: 1px solid #23232b; }
html body hr { border-color: #23232b; }

/* Footer */
html body #footer .upper { background: #121216; border-top: 1px solid #23232b; border-bottom: 1px solid #23232b; }
html body #footer .lower { background: transparent; color: #8f8f9b; }
html body #footer .lower a:link,
html body #footer .lower a:visited { color: #b4b4bf; }
html body #footer ul.menu li a { color: #e8e8ee; }


/* Banner (full-width strip, banner centered, blurred sides) */
html body .eldercs-banner { position: relative; width: 100%; margin: 0; border: 0; border-radius: 0; background: #0a0a0c; line-height: 0; overflow: hidden; border-bottom: 1px solid #23232b; isolation: isolate; }
html body .eldercs-banner::before { content: ''; position: absolute; inset: 0; z-index: -2;
  background:
    radial-gradient(ellipse 55% 90% at 50% 60%, rgba(229,141,39,.28), rgba(229,141,39,0) 70%),
    linear-gradient(to right, rgba(10,10,12,.55), rgba(10,10,12,.88) 30%, rgba(10,10,12,.88) 70%, rgba(10,10,12,.55)),
    url(https://eldercs.ro/eldercsbg.jpg) center / cover no-repeat;
  filter: saturate(1.15); }
html body .eldercs-banner::after { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .9;
  background-image:
    radial-gradient(2px 2px at 8% 80%, #ffb15c, transparent), radial-gradient(1.5px 1.5px at 14% 40%, #e58d27, transparent),
    radial-gradient(2px 2px at 20% 65%, #ff9a3c, transparent), radial-gradient(1.5px 1.5px at 4% 25%, #ffc27a, transparent),
    radial-gradient(2px 2px at 26% 90%, #e58d27, transparent), radial-gradient(1.5px 1.5px at 11% 10%, #ff9a3c, transparent),
    radial-gradient(2px 2px at 92% 75%, #ffb15c, transparent), radial-gradient(1.5px 1.5px at 86% 35%, #e58d27, transparent),
    radial-gradient(2px 2px at 80% 60%, #ff9a3c, transparent), radial-gradient(1.5px 1.5px at 96% 20%, #ffc27a, transparent),
    radial-gradient(2px 2px at 74% 92%, #e58d27, transparent), radial-gradient(1.5px 1.5px at 89% 8%, #ff9a3c, transparent);
  background-size: 100% 100%; background-repeat: repeat-y;
  animation: ebEmbers 9s linear infinite; }
@keyframes ebEmbers { from { background-position: 0 0; } to { background-position: 0 -440px; } }
html body .eldercs-banner video { display: block; width: 100%; height: auto; aspect-ratio: 1920 / 640; object-fit: cover; pointer-events: none; box-shadow: 0 0 60px rgba(229,141,39,.25); -webkit-mask-image: linear-gradient(to right, transparent 0, #000 70px, #000 calc(100% - 70px), transparent 100%); mask-image: linear-gradient(to right, transparent 0, #000 70px, #000 calc(100% - 70px), transparent 100%); }
html body .eldercs-banner video::-webkit-media-controls,
html body .eldercs-banner video::-webkit-media-controls-enclosure { display: none !important; }
html body .eldercs-banner .eb-mobile { display: none; width: 100%; height: auto; }
html body .eldercs-banner.eb-is-mobile::before { display: none; }
html body .eldercs-banner.eb-is-mobile .eb-desktop { display: none; }
html body .eldercs-banner.eb-is-mobile .eb-mobile { display: block; }

html body .eldercs-banner .eb-frame { position: relative; width: min(100%, 1320px); margin: 0 auto; aspect-ratio: 1920 / 640; }
html body .eldercs-banner .eb-link { position: absolute; top: 88.5%; height: 8%; border-radius: 6px; z-index: 2; transition: background .2s, box-shadow .2s; }
html body .eldercs-banner .eb-link:hover { background: rgba(229,141,39,.18); box-shadow: 0 0 0 1px rgba(229,141,39,.7), 0 0 18px rgba(229,141,39,.45); }
html body .eldercs-banner .eb-link:focus-visible { outline: 2px solid #e58d27; outline-offset: 2px; }

html body .eldercs-banner .eb-frame video { position: absolute; left: 0; top: 0; width: 4px !important; height: 4px !important; opacity: 0; box-shadow: none; -webkit-mask-image: none; mask-image: none; }
html body .eldercs-banner .eb-canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; pointer-events: none; box-shadow: 0 0 60px rgba(229,141,39,.25); -webkit-mask-image: linear-gradient(to right, transparent 0, #000 70px, #000 calc(100% - 70px), transparent 100%); mask-image: linear-gradient(to right, transparent 0, #000 70px, #000 calc(100% - 70px), transparent 100%); }

/* ELDERCS footer */
html body .ec-footer { margin-top: 40px; }
html body .ec-foot-main { background: #0e0e11; border-top: 2px solid #e58d27; padding: 40px 0 32px; }
html body .ec-foot-grid { display: grid; grid-template-columns: 1.4fr 1.2fr 1fr; gap: 40px; }
html body .ec-foot-col h3 { margin: 0 0 16px; font-family: 'Orbitron', sans-serif; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; color: #e58d27; }
html body .ec-foot-logo { font-family: 'Orbitron', sans-serif; font-weight: 900; font-size: 26px; letter-spacing: 1px; color: #fff !important; }
html body .ec-foot-logo span { color: #e58d27; }
html body .ec-foot-about p { margin: 12px 0 18px; color: #b4b4bf; font-size: 15px; line-height: 1.55; }
html body .ec-foot-about p strong { color: #fff; }
html body .ec-foot-social { display: flex; gap: 10px; }
html body .ec-foot-social a { width: 40px; height: 40px; border-radius: 8px; background: #17171d; border: 1px solid #2a2a33; display: flex; align-items: center; justify-content: center; color: #e8e8ee !important; transition: all .2s; }
html body .ec-foot-social a:hover { background: #e58d27; border-color: #e58d27; color: #0a0a0c !important; }
html body .ec-server { display: flex; align-items: center; justify-content: space-between; gap: 12px; background: #15151a; border: 1px solid #2a2a33; border-radius: 8px; padding: 12px 14px; margin-bottom: 10px; }
html body .ec-server strong { display: block; font-family: 'Orbitron', sans-serif; font-size: 13px; color: #fff; }
html body .ec-server span { display: block; color: #a5a5b0; font-size: 14px; margin-top: 2px; }
html body .ec-connect { padding: 8px 14px; border: 1px solid #e58d27; border-radius: 6px; color: #e58d27 !important; font-weight: 700; letter-spacing: 1px; font-size: 13px; white-space: nowrap; transition: all .2s; }
html body .ec-connect:hover { background: #e58d27; color: #0a0a0c !important; }
html body .ec-foot-links { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; }
html body .ec-foot-links a { color: #cfcfd8 !important; font-weight: 600; font-size: 15px; }
html body .ec-foot-links a:hover { color: #e58d27 !important; }
html body .ec-footer .lower { background: #0a0a0c; border-top: 1px solid #1e1e25; padding: 14px 0; }
html body .ec-foot-bottom { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; color: #8f8f9b; font-size: 14px; }
html body .ec-foot-bottom a { color: #b4b4bf !important; }
html body .ec-footer #copyright { float: none; }
@media (max-width: 860px) { html body .ec-foot-grid { grid-template-columns: 1fr; gap: 28px; } }

html body .ec-soon { display: inline-block; vertical-align: middle; margin-left: 10px; padding: 3px 9px; border-radius: 4px; background: #e58d27; color: #0a0a0c !important; font-family: 'Orbitron', sans-serif; font-size: 11px; font-weight: 900; letter-spacing: 2px; line-height: 1.4; animation: ecSoon 2s ease-in-out infinite; }
html body .ec-soon-lg { margin-left: 0; padding: 8px 14px; font-size: 12px; }
@keyframes ecSoon { 0%,100% { box-shadow: 0 0 0 rgba(229,141,39,0); } 50% { box-shadow: 0 0 14px rgba(229,141,39,.7); } }

/* Top bar */
html body #logo .ec-brand { display: flex; align-items: center; gap: 12px; }
html body #logo .ec-brand img { display: block !important; height: 44px; width: auto; }
html body #logo .ec-brand span { font-family: 'Orbitron', sans-serif; font-weight: 900; font-size: 26px; letter-spacing: 1px; color: #fff; }
html body #logo .ec-brand span b { color: #e58d27; }
html body #logo ul.ec-nav { display: flex; align-items: center; gap: 4px; margin: 0; padding: 0; float: none; }
html body #logo ul.ec-nav li { list-style: none; margin: 0; padding: 0; }
html body #logo ul.ec-nav li a { display: flex; align-items: center; gap: 6px; padding: 10px 14px; border-radius: 6px; background: none !important; color: #fff; font-family: 'Rajdhani', sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 1.5px; text-transform: uppercase; transition: color .2s, background-color .2s; }
html body #logo ul.ec-nav li a:hover { color: #e58d27; background-color: rgba(229,141,39,.08) !important; }
html body #logo ul.ec-nav li a.ec-active { color: #e58d27; box-shadow: inset 0 -2px 0 #e58d27; border-radius: 0; }
html body #logo ul.ec-nav .ec-promo { padding: 1px 6px; border-radius: 4px; background: #e58d27; color: #0a0a0c; font-size: 11px; letter-spacing: 0; }
html body #logo ul.ec-nav .ec-search { padding: 10px 12px; margin-left: 6px; border: 1px solid #2a2a33; }
@media (max-width: 980px) { html body #logo .wrapper { flex-wrap: wrap; gap: 10px; } html body #logo ul.ec-nav { flex-wrap: wrap; } }

/* Social login */
html body .ec-social { max-width: 520px; margin: 10px auto 26px; padding: 26px 28px 18px; background: #121216; border: 1px solid #23232b; border-radius: 12px; text-align: center; }
html body .ec-social h2 { margin: 0 0 6px; font-family: 'Orbitron', sans-serif; font-size: 20px; letter-spacing: 2px; text-transform: uppercase; color: #e58d27; }
html body .ec-social p { margin: 0 0 18px; color: #b4b4bf; font-size: 15px; }
html body .ec-social-btns { display: flex; flex-direction: column; gap: 10px; }
html body .ec-sbtn { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 14px 18px; border-radius: 8px; font-weight: 700; font-size: 16px; letter-spacing: 1.5px; text-transform: uppercase; transition: transform .15s, box-shadow .2s, filter .2s; }
html body .ec-sbtn:hover { transform: translateY(-1px); filter: brightness(1.12); }
html body a.ec-steam { background: linear-gradient(135deg, #1b2838, #2a475e); color: #fff !important; border: 1px solid #3d6c8d; }
html body a.ec-steam:hover { box-shadow: 0 0 22px rgba(102,192,244,.35); color: #fff !important; }
html body a.ec-discord { background: #5865f2; color: #fff !important; }
html body a.ec-google { background: #fff; color: #1f1f1f !important; }
html body .ec-social-or { position: relative; margin: 20px 0 4px; color: #8f8f9b; font-size: 13px; text-transform: uppercase; letter-spacing: 2px; }
html body .ec-social-or::before { content: ''; position: absolute; left: 0; right: 0; top: 50%; border-top: 1px solid #23232b; }
html body .ec-social-or span { position: relative; padding: 0 12px; background: #121216; }
/* Flyover buttons inside the quick-login popup */
html body .flyover .login_box_buttons { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 6px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; background: linear-gradient(135deg, #1b2838, #2a475e); color: #fff; border: 1px solid #3d6c8d; }

html body .flyover .login_box_buttons.discord { background: #5865f2; border-color: #5865f2; }
html body .flyover .login_box_buttons.google { background: #fff; color: #1f1f1f; border-color: #fff; }
html body td.flyover { padding: 12px 18px 18px !important; }
html body .flyover a { display: block !important; margin: 0 0 10px !important; width: 100% !important; float: none !important; }
html body .flyover a:last-child { margin-bottom: 0 !important; }
html body .flyover .login_box_buttons { display: flex !important; align-items: center; justify-content: center; gap: 10px; width: 100% !important; height: auto !important; min-height: 0 !important; box-sizing: border-box; padding: 12px 16px !important; margin: 0 !important; white-space: nowrap; font-size: 15px; line-height: 1.2; float: none !important; text-align: center; }

/* Quick social login in the orange bar */
html body #panel .upper .welcome { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; }
html body .ec-quick { display: inline-flex; align-items: center; gap: 6px; margin-left: 14px; padding-left: 14px; border-left: 1px solid rgba(10,10,12,.35); }
html body .ec-quick-label { color: #0a0a0c; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; }
html body #panel .upper a.ec-q { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 5px; font-weight: 700; font-size: 13px; letter-spacing: .5px; line-height: 1.2; background: none; transition: filter .15s, transform .15s; }
html body #panel .upper a.ec-q:hover { filter: brightness(1.15); transform: translateY(-1px); }
html body #panel .upper a.ec-q-steam { background: #1b2838; color: #fff !important; }
html body #panel .upper a.ec-q-discord { background: #5865f2; color: #fff !important; }
html body #panel .upper a.ec-q-google { background: #fff; color: #1f1f1f !important; }
html body #panel .upper a.ec-q svg { display: block; }
/* Logged-in bar */
html body #panel .upper a.ec-me-link { display: inline-flex; align-items: center; gap: 8px; padding: 3px 12px 3px 3px; border-radius: 20px; background: #0a0a0c; color: var(--rn) !important; font-weight: 700; font-size: 15px; }
html body .ec-me-av { width: 26px; height: 26px; border-radius: 50%; object-fit: cover; background: #23232b; display: block; }
html body .ec-me-rank::before { content: var(--rl); display: inline-block; padding: 3px 8px; border-radius: 4px; background: var(--rc); color: var(--rt); font-family: 'Orbitron', sans-serif; font-size: 10px; font-weight: 900; letter-spacing: 1.5px; }
html body #panel .upper a.ec-logout { display: inline-flex; align-items: center; gap: 6px; margin-left: 6px; padding: 5px 10px; border-radius: 5px; border: 1px solid rgba(10,10,12,.4); color: #0a0a0c !important; font-weight: 700; font-size: 13px; background: none !important; padding-left: 10px !important; }
html body #panel .upper a.ec-logout:hover { background: rgba(10,10,12,.12) !important; }
html body #panel .lower.ec-userbar { background: #121216; }
html body .ec-userbar ul.menu li a { display: inline-flex; align-items: center; gap: 7px; padding-left: 0 !important; background: none !important; color: #e8e8ee !important; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 13px; }
html body .ec-userbar ul.menu li a:hover { color: #e58d27 !important; }
html body .ec-userbar ul.menu li a svg { opacity: .85; }
html body .ec-userbar ul.panel_links li, html body .ec-userbar ul.user_links li { margin: 0 18px 0 0; }
html body .ec-userbar ul.user_links li { margin: 0 0 0 18px; }
html body .ec-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: #e58d27; color: #0a0a0c; font-size: 11px; font-weight: 900; letter-spacing: 0; }
html body .ec-badge[data-n="0"], html body .ec-badge[data-n=""] { display: none; }
html body #panel .lower.ec-userbar ul.menu li a { display: inline-flex !important; align-items: center !important; gap: 7px !important; line-height: 1 !important; padding: 4px 0 !important; vertical-align: middle; }
html body #panel .lower.ec-userbar ul.menu li a svg { flex: 0 0 auto; display: block; position: relative; top: 0; }
html body #panel .lower.ec-userbar ul.menu li a span { display: block; line-height: 16px; }
html body #panel .lower.ec-userbar ul.menu li { display: inline-flex; align-items: center; vertical-align: middle; }
/* end logged-in bar */
/* UserCP */
html body a.usercp_nav_item { background-image: none !important; padding-left: 0 !important; display: inline-flex !important; align-items: center; gap: 9px; font-size: 14px; font-weight: 600; color: #cfcfd8 !important; line-height: 1.3; }
html body a.usercp_nav_item:hover { color: #e58d27 !important; }
html body a.usercp_nav_item::before { content: ''; width: 16px; height: 16px; flex: 0 0 16px; background-color: currentColor; -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; opacity: .85; }
html body a.usercp_nav_home { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2011l9-7%209%207v9a1%201%200%200%201-1%201h-5v-6h-6v6H4a1%201%200%200%201-1-1z%22%2F%3E%3C%2Fsvg%3E); }
html body a.usercp_nav_flyover { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%2014a4%204%200%200%200%205.7%200l3-3a4%204%200%200%200-5.7-5.7l-1%201%22%2F%3E%3Cpath%20d%3D%22M14%2010a4%204%200%200%200-5.7%200l-3%203a4%204%200%200%200%205.7%205.7l1-1%22%2F%3E%3C%2Fsvg%3E); }
html body a.usercp_nav_composepm { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2020h9%22%2F%3E%3Cpath%20d%3D%22M16.5%203.5a2.1%202.1%200%200%201%203%203L7%2019l-4%201%201-4z%22%2F%3E%3C%2Fsvg%3E); }
html body a.usercp_nav_pmfolder { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2012h-6l-2%203h-4l-2-3H2%22%2F%3E%3Cpath%20d%3D%22M5.5%205h13L22%2012v6a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2v-6z%22%2F%3E%3C%2Fsvg%3E); }
html body a.usercp_nav_sub_pmfolder { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2012h-6l-2%203h-4l-2-3H2%22%2F%3E%3Cpath%20d%3D%22M5.5%205h13L22%2012v6a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2v-6z%22%2F%3E%3C%2Fsvg%3E); }
html body a.usercp_nav_trash_pmfolder { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206h18M8%206V4h8v2M6%206l1%2014h10l1-14%22%2F%3E%3C%2Fsvg%3E); }
html body a.usercp_nav_unread_pmfolder { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2012h-6l-2%203h-4l-2-3H2%22%2F%3E%3Cpath%20d%3D%22M5.5%205h13L22%2012v6a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2v-6z%22%2F%3E%3C%2Fsvg%3E); }
html body a.usercp_nav_profile { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021c0-4%204-6%208-6s8%202%208%206%22%2F%3E%3C%2Fsvg%3E); }
html body a.usercp_nav_username { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2012l-8%208-9-9V3h8z%22%2F%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%221.5%22%2F%3E%3C%2Fsvg%3E); }
html body a.usercp_nav_password { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%2211%22%20width%3D%2216%22%20height%3D%2210%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2011V7a4%204%200%200%201%208%200v4%22%2F%3E%3C%2Fsvg%3E); }
html body a.usercp_nav_email { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%207l9%206%209-6%22%2F%3E%3C%2Fsvg%3E); }
html body a.usercp_nav_avatar { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M21%2015l-5-5L5%2021%22%2F%3E%3C%2Fsvg%3E); }
html body a.usercp_nav_editsig { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2017c3-3%205-8%207-8s-1%209%202%209%203-5%205-5%202%203%204%203%22%2F%3E%3C%2Fsvg%3E); }
html body a.usercp_nav_options { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M12%202v3M12%2019v3M2%2012h3M19%2012h3M4.9%204.9l2.1%202.1M17%2017l2.1%202.1M4.9%2019.1%207%2017M17%207l2.1-2.1%22%2F%3E%3C%2Fsvg%3E); }
html body a.usercp_nav_editlists { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M2%2020c0-3.5%203-5.5%207-5.5s7%202%207%205.5%22%2F%3E%3Cpath%20d%3D%22M16%204.5a3.5%203.5%200%200%201%200%207M22%2020c0-3-2-4.8-4.5-5.3%22%2F%3E%3C%2Fsvg%3E); }
html body a.usercp_nav_attachments { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011l-8.5%208.5a5%205%200%200%201-7-7L14%204a3.5%203.5%200%200%201%205%205l-8.5%208.5a2%202%200%200%201-3-3L15%207%22%2F%3E%3C%2Fsvg%3E); }
html body a.usercp_nav_drafts { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%203H6a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V9z%22%2F%3E%3Cpath%20d%3D%22M14%203v6h6%22%2F%3E%3C%2Fsvg%3E); }
html body a.usercp_nav_subscriptions { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203l2.8%205.8%206.2.9-4.5%204.4%201%206.2L12%2017.4%206.5%2020.3l1-6.2L3%209.7l6.2-.9z%22%2F%3E%3C%2Fsvg%3E); }
html body a.usercp_nav_fsubscriptions { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%2016V11a6%206%200%200%200-12%200v5l-2%202h16z%22%2F%3E%3Cpath%20d%3D%22M10%2021h4%22%2F%3E%3C%2Fsvg%3E); }
html body a.usercp_nav_viewprofile { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M1%2012s4-7%2011-7%2011%207%2011%207-4%207-11%207S1%2012%201%2012z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E); }
html body td.ec-nav-linked { background: rgba(229,141,39,.12) !important; border-left: 3px solid #e58d27; }
html body td.ec-nav-linked a.usercp_nav_item { color: #e58d27 !important; font-weight: 700; }
html body .usercp_nav_item + div, html body td.smalltext > div { margin: 2px 0; }
html body .ec-card { background: #121216; border: 1px solid #23232b; border-radius: 12px; overflow: hidden; }
html body .ec-card-top { display: flex; gap: 22px; align-items: center; padding: 26px; background: linear-gradient(135deg, rgba(229,141,39,.10), rgba(18,18,22,0) 60%); border-bottom: 1px solid #23232b; }
html body .ec-card-av img { width: 110px; height: 110px; border-radius: 50%; object-fit: cover; display: block; border: 4px solid var(--rc); box-shadow: 0 0 24px color-mix(in srgb, var(--rc) 50%, transparent); background: #23232b; }
html body .ec-card-name { font-family: 'Orbitron', sans-serif; font-size: 26px; font-weight: 900; letter-spacing: 1px; }
html body .ec-card-name, html body .ec-card-name * { color: var(--rn) !important; }
html body .ec-card-rank::before { content: var(--rl); display: inline-block; margin: 6px 0 8px; padding: 4px 10px; border-radius: 4px; background: var(--rc); color: var(--rt); font-family: 'Orbitron', sans-serif; font-size: 11px; font-weight: 900; letter-spacing: 2px; }
html body .ec-card-mail { color: #a5a5b0; font-size: 15px; }
html body .ec-card-actions { display: flex; gap: 8px; margin-top: 12px; flex-wrap: wrap; }
html body a.ec-btn-sm { padding: 7px 14px; border-radius: 6px; background: #e58d27; color: #0a0a0c !important; font-weight: 700; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; }
html body a.ec-btn-sm.ec-btn-ghost { background: none; border: 1px solid #3a3a44; color: #e8e8ee !important; }
html body a.ec-btn-sm:hover { filter: brightness(1.1); }
html body .ec-card-stats { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid #23232b; }
html body .ec-stat { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 18px 10px; border-right: 1px solid #1e1e25; color: #e8e8ee !important; }
html body .ec-stat:last-child { border-right: 0; }
html body a.ec-stat:hover { background: #17171d; }
html body .ec-stat b { font-family: 'Orbitron', sans-serif; font-size: 24px; color: #fff; }
html body .ec-stat b.ec-stat-date { font-size: 15px; font-family: 'Rajdhani', sans-serif; font-weight: 700; padding: 6px 0; }
html body .ec-stat span { color: #a5a5b0; font-size: 13px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 700; }
html body .ec-card-links { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 18px 26px; }
html body .ec-card-links-title { color: #a5a5b0; font-size: 13px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 700; margin-right: 6px; }
html body a.ec-link-chip { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 8px; border: 1px dashed #3a3a44; color: #8f8f9b !important; font-weight: 700; font-size: 14px; }
html body a.ec-link-chip i { font-style: normal; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; padding: 2px 7px; border-radius: 4px; background: #23232b; color: #e58d27; }
html body a.ec-link-chip:hover { border-color: #e58d27; color: #fff !important; }
html body a.ec-link-chip.on { border-style: solid; color: #fff !important; }
html body a.ec-link-chip.on[data-p="Steam"] { border-color: #3d6c8d; background: #1b2838; }
html body a.ec-link-chip.on[data-p="Discord"] { border-color: #5865f2; background: rgba(88,101,242,.2); }
html body a.ec-link-chip.on[data-p="Google"] { border-color: #e8e8ee; background: rgba(255,255,255,.08); }
html body a.ec-link-chip.on i { background: #1e3a22; color: #7bd88a; }
@media (max-width: 800px) { html body .ec-card-stats { grid-template-columns: repeat(2, 1fr); } html body .ec-card-top { flex-direction: column; text-align: center; } html body .ec-card-actions { justify-content: center; } }
/* end UserCP */
/* ModCP */
html body a.modcp_nav_item { background-image: none !important; padding-left: 0 !important; display: inline-flex !important; align-items: center; gap: 9px; font-size: 14px; font-weight: 600; color: #cfcfd8 !important; }
html body a.modcp_nav_item:hover { color: #e58d27 !important; }
html body a.modcp_nav_item::before { content: ''; width: 16px; height: 16px; flex: 0 0 16px; background-color: currentColor; -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; opacity: .85; }
html body a.modcp_nav_home { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203l8%203v6c0%205-3.5%208-8%209-4.5-1-8-4-8-9V6z%22%2F%3E%3C%2Fsvg%3E); }
html body a.modcp_nav_announcements { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2011v2a1%201%200%200%200%201%201h3l5%204V6L7%2010H4a1%201%200%200%200-1%201z%22%2F%3E%3Cpath%20d%3D%22M16%209a4%204%200%200%201%200%206%22%2F%3E%3C%2Fsvg%3E); }
html body a.modcp_nav_modqueue { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2011l3%203%208-8%22%2F%3E%3Cpath%20d%3D%22M20%2012v7a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h9%22%2F%3E%3C%2Fsvg%3E); }
html body a.modcp_nav_reportcenter { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2021V4h11l-1%204h6v9h-9l1-4H4%22%2F%3E%3C%2Fsvg%3E); }
html body a.modcp_nav_reports { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2021V4h11l-1%204h6v9h-9l1-4H4%22%2F%3E%3C%2Fsvg%3E); }
html body a.modcp_nav_modlogs { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%203H6a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V9z%22%2F%3E%3Cpath%20d%3D%22M14%203v6h6M8%2013h8M8%2017h5%22%2F%3E%3C%2Fsvg%3E); }
html body a.modcp_nav_editprofile { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M3%2021c0-4%203-6%207-6%22%2F%3E%3Cpath%20d%3D%22M16%2021l5-5-2-2-5%205v2z%22%2F%3E%3C%2Fsvg%3E); }
html body a.modcp_nav_banning { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M5.6%205.6l12.8%2012.8%22%2F%3E%3C%2Fsvg%3E); }
html body a.modcp_nav_warninglogs { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203l10%2018H2z%22%2F%3E%3Cpath%20d%3D%22M12%2010v5M12%2018v.5%22%2F%3E%3C%2Fsvg%3E); }
html body a.modcp_nav_ipsearch { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%227%22%2F%3E%3Cpath%20d%3D%22M20%2020l-4-4%22%2F%3E%3C%2Fsvg%3E); }
html body .ec-mod-dash { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 18px; }
html body a.ec-mod-tile { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 18px 20px; background: #121216; border: 1px solid #23232b; border-radius: 12px; color: #8f8f9b !important; transition: border-color .2s, transform .15s; }
html body a.ec-mod-tile:hover { border-color: #3a3a44; transform: translateY(-1px); }
html body a.ec-mod-tile b { font-family: 'Orbitron', sans-serif; font-size: 32px; color: #e8e8ee; line-height: 1.1; }
html body a.ec-mod-tile span { font-size: 13px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 700; color: #a5a5b0; }
html body a.ec-mod-tile.hot { border-color: #e58d27; background: linear-gradient(135deg, rgba(229,141,39,.18), #121216 70%); color: #e58d27 !important; box-shadow: 0 0 22px rgba(229,141,39,.18); }
html body a.ec-mod-tile.hot b { color: #e58d27; }
html body .ec-mod-quick { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 18px; }
html body .ec-mod-quick-col { background: #121216; border: 1px solid #23232b; border-radius: 12px; padding: 16px 18px; display: flex; flex-direction: column; gap: 6px; }
html body .ec-mod-quick-col h3 { margin: 0 0 6px; font-family: 'Orbitron', sans-serif; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; color: #e58d27; }
html body .ec-mod-quick-col a { padding: 7px 10px; border-radius: 6px; background: #17171d; color: #e8e8ee !important; font-weight: 600; font-size: 14px; }
html body .ec-mod-quick-col a:hover { background: #e58d27; color: #0a0a0c !important; }
html body form.ec-mod-notes textarea { height: 110px !important; }
html body form.ec-mod-notes .tcat { display: none; }
html body td[colspan] .trow1[align="center"], html body tr > td.trow1[align="center"][colspan] { color: #8f8f9b; font-style: italic; }
@media (max-width: 900px) { html body .ec-mod-dash { grid-template-columns: repeat(2, 1fr); } html body .ec-mod-quick { grid-template-columns: 1fr; } }
/* end ModCP */
html body .ec-me { display: inline-flex !important; align-items: center; gap: 10px; }
/* Ranks */
html body .ec-me, html body .ec-rk { --rc: #2a2a33; --rt: #ffffff; --rn: #ffffff; --rl: "MEMBRU"; }
html body .ec-me[data-ug="18"], html body .ec-me[data-ag*=",18,"], html body .ec-rk[data-ug="18"], html body .ec-rk[data-ag*=",18,"] { --rc: #e4ae39; --rt: #0a0a0c; --rn: #e4ae39; --rl: "VIP FREE"; }
html body .ec-me[data-ug="17"], html body .ec-me[data-ag*=",17,"], html body .ec-rk[data-ug="17"], html body .ec-rk[data-ag*=",17,"] { --rc: #3fd13f; --rt: #0a0a0c; --rn: #3fd13f; --rl: "VIP PRO"; }
html body .ec-me[data-ug="16"], html body .ec-me[data-ag*=",16,"], html body .ec-rk[data-ug="16"], html body .ec-rk[data-ag*=",16,"] { --rc: #4b8bff; --rt: #fff; --rn: #4b8bff; --rl: "VIP PREMIUM"; }
html body .ec-me[data-ug="15"], html body .ec-me[data-ag*=",15,"], html body .ec-rk[data-ug="15"], html body .ec-rk[data-ag*=",15,"] { --rc: #ff4040; --rt: #fff; --rn: #ff4040; --rl: "VIP EXTREME"; }
html body .ec-me[data-ug="13"], html body .ec-me[data-ag*=",13,"], html body .ec-rk[data-ug="13"], html body .ec-rk[data-ag*=",13,"] { --rc: #78b4ff; --rt: #0a0a0c; --rn: #78b4ff; --rl: "HELPER"; }
html body .ec-me[data-ug="14"], html body .ec-me[data-ag*=",14,"], html body .ec-rk[data-ug="14"], html body .ec-rk[data-ag*=",14,"] { --rc: #e0245e; --rt: #fff; --rn: #e0245e; --rl: "OWNER CS 1.6"; }
html body .ec-me[data-ug="12"], html body .ec-me[data-ag*=",12,"], html body .ec-rk[data-ug="12"], html body .ec-rk[data-ag*=",12,"] { --rc: #3b5bff; --rt: #fff; --rn: #3b5bff; --rl: "ADMIN"; }
html body .ec-me[data-ug="6"], html body .ec-me[data-ag*=",6,"], html body .ec-rk[data-ug="6"], html body .ec-rk[data-ag*=",6,"] { --rc: #3fd13f; --rt: #0a0a0c; --rn: #3fd13f; --rl: "MODERATOR"; }
html body .ec-me[data-ug="11"], html body .ec-me[data-ag*=",11,"], html body .ec-rk[data-ug="11"], html body .ec-rk[data-ag*=",11,"] { --rc: #3fd13f; --rt: #0a0a0c; --rn: #3fd13f; --rl: "MODERATOR"; }
html body .ec-me[data-ug="3"], html body .ec-me[data-ag*=",3,"], html body .ec-rk[data-ug="3"], html body .ec-rk[data-ag*=",3,"] { --rc: #3fd13f; --rt: #0a0a0c; --rn: #3fd13f; --rl: "SUPER MOD"; }
html body .ec-me[data-ug="10"], html body .ec-me[data-ag*=",10,"], html body .ec-rk[data-ug="10"], html body .ec-rk[data-ag*=",10,"] { --rc: #b45af2; --rt: #fff; --rn: #b45af2; --rl: "MANAGER"; }
html body .ec-me[data-ug="9"], html body .ec-me[data-ag*=",9,"], html body .ec-rk[data-ug="9"], html body .ec-rk[data-ag*=",9,"] { --rc: #ff4040; --rt: #fff; --rn: #ff4040; --rl: "CO-FONDATOR"; }
html body .ec-me[data-ug="4"], html body .ec-me[data-ag*=",4,"], html body .ec-rk[data-ug="4"], html body .ec-rk[data-ag*=",4,"] { --rc: #c00000; --rt: #fff; --rn: #c00000; --rl: "ADMINISTRATOR"; }
html body .ec-me[data-ug="8"], html body .ec-me[data-ag*=",8,"], html body .ec-rk[data-ug="8"], html body .ec-rk[data-ag*=",8,"] { --rc: #c00000; --rt: #fff; --rn: #c00000; --rl: "FONDATOR"; }
html body tr.ec-nav-groups { display: none; }
html:has(.ec-me[data-ug="4"], .ec-me[data-ug="8"], .ec-me[data-ug="9"], .ec-me[data-ug="10"], .ec-me[data-ag*=",8,"], .ec-me[data-ag*=",9,"], .ec-me[data-ag*=",10,"], .ec-me[data-ag*=",4,"]) body tr.ec-nav-groups { display: table-row; }
html body a.usercp_nav_usergroups { --ic: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203l8%203v6c0%205-3.5%208-8%209-4.5-1-8-4-8-9V6z%22%2F%3E%3Cpath%20d%3D%22M9%2012l2%202%204-4%22%2F%3E%3C%2Fsvg%3E); }
html body tr.ec-nav-groups td { background: rgba(229,141,39,.08) !important; }
/* end Ranks */
/* Profile */
html body .ec-profile { margin-bottom: 20px; }
html body .ec-card-title { color: #b4b4bf; font-size: 15px; margin-bottom: 4px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
html body .ec-card-status a, html body .ec-card-status span { font-weight: 700; }
html body .ec-profile-social { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
html body .ec-profile-social:empty { display: none; }
html body .ec-soc { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 6px; font-weight: 700; font-size: 13px; letter-spacing: .5px; color: #fff !important; }
html body .ec-soc-steam { background: #1b2838; border: 1px solid #3d6c8d; }
html body .ec-soc-discord { background: rgba(88,101,242,.25); border: 1px solid #5865f2; }
html body .ec-soc-google { background: rgba(255,255,255,.08); border: 1px solid #8f8f9b; }
html body a.ec-soc:hover { filter: brightness(1.2); }
html body .ec-profile-lastvisit { padding: 12px 26px; color: #a5a5b0; font-size: 14px; }
html body .ec-profile-lastvisit strong { color: #e8e8ee; }
html body .ec-profile-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: start; }
html body .ec-profile-col > table, html body .ec-profile-col > div, html body .ec-profile-col > br { margin-bottom: 18px; }
html body .ec-profile-col br { display: none; }
html body td.ec-recent { padding: 6px !important; }
html body a.ec-recent-item { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border-radius: 8px; color: #e8e8ee !important; }
html body a.ec-recent-item:hover { background: #17171d; }
html body a.ec-recent-item b { font-size: 15px; }
html body a.ec-recent-item span { color: #8f8f9b; font-size: 13px; }
html body .ec-recent-empty { padding: 14px; color: #8f8f9b; font-style: italic; text-align: center; }
html body table.ec-profile-warn:not(:has(td)) { display: none; }
html body .ec-profile-opts { text-align: center; }
@media (max-width: 900px) { html body .ec-profile-cols { grid-template-columns: 1fr; } }
/* end Profile */
/* Postbit */
html body .post.classic { display: grid; grid-template-columns: 240px 1fr; border-radius: 12px; }
html body .post.classic .post_author.ec-post-author { float: none !important; width: auto !important; padding: 18px 16px !important; margin: 0 !important; border: 0 !important; border-right: 1px solid #23232b !important; background: #15151a; grid-row: 1 / span 2; }
html body .post.classic .post_content { float: none !important; width: auto !important; padding: 18px 22px; }
html body .post.classic .post_controls { grid-column: 2; clear: none; }
html body .ec-pa { display: flex; flex-direction: column; align-items: stretch; gap: 10px; text-align: center; }
html body .ec-pa-av { display: block; position: relative; margin: 0 auto; width: 170px; aspect-ratio: 1; clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px); background: var(--rc); padding: 3px; box-sizing: border-box; }
html body .ec-pa-av img { width: 100%; height: 100%; object-fit: cover; display: block; clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px); background: #23232b; }
html body .ec-pa-name { font-family: 'Orbitron', sans-serif; font-size: 18px; font-weight: 900; letter-spacing: .5px; margin-top: 4px; }
html body .ec-pa-name img { vertical-align: middle; }
html body .ec-pa-title { color: #a5a5b0; font-size: 14px; margin-top: -6px; }
html body .ec-pa-plate { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 8px; background: linear-gradient(90deg, color-mix(in srgb, var(--rc) 28%, #121216), #121216); border: 1px solid color-mix(in srgb, var(--rc) 55%, #23232b); text-align: left; }
html body .ec-pa-logo { width: 34px; height: 34px; flex: 0 0 34px; background: var(--rc); -webkit-mask: url(/images/eldercs-logo.png) center / contain no-repeat; mask: url(/images/eldercs-logo.png) center / contain no-repeat; filter: drop-shadow(0 0 6px var(--rc)); }
html body .ec-pa-plate-txt { display: flex; flex-direction: column; line-height: 1.2; }
html body .ec-pa-plate-txt b { font-size: 11px; letter-spacing: 2px; color: #e8e8ee; font-weight: 700; }
html body .ec-pa-rankname::before { content: var(--rl); font-style: normal; font-family: 'Orbitron', sans-serif; font-weight: 900; font-size: 13px; letter-spacing: 1.5px; color: var(--rn); }
html body .ec-pa-stats { display: flex; flex-direction: column; gap: 0; border-top: 1px solid #23232b; border-bottom: 1px solid #23232b; }
html body .ec-pa-stats > div { display: flex; justify-content: space-between; align-items: center; padding: 6px 2px; font-size: 13px; }
html body .ec-pa-stats > div + div { border-top: 1px dashed #23232b; }
html body .ec-pa-stats span { color: #8f8f9b; }
html body .ec-pa-stats b { color: #e8e8ee; font-weight: 700; }
html body a.ec-pa-steam { display: inline-flex; align-items: center; gap: 5px; color: #9ecbff !important; }
html body .ec-pa-crank { text-align: left; }
html body .ec-pa-crank-top { display: flex; justify-content: space-between; align-items: baseline; font-size: 13px; color: #8f8f9b; }
html body .ec-pa-crank-top b { font-family: 'Orbitron', sans-serif; font-size: 18px; color: #e58d27; }
html body .ec-pa-bar { height: 6px; border-radius: 3px; background: #23232b; overflow: hidden; margin: 6px 0 4px; }
html body .ec-pa-bar i { display: block; height: 100%; background: linear-gradient(90deg, #b35f12, #e58d27, #ffc27a); border-radius: 3px; }
html body .ec-pa-crank small { color: #8f8f9b; font-size: 12px; }
@media (max-width: 760px) { html body .post.classic { grid-template-columns: 1fr; } html body .post.classic .post_author.ec-post-author { grid-row: auto; border-right: 0 !important; border-bottom: 1px solid #23232b !important; } html body .post.classic .post_controls { grid-column: 1; } html body .ec-pa-av { width: 110px; } }
/* end Postbit */