:root {
  color-scheme: dark;
  --bg: #06090b;
  --panel: rgba(14, 19, 22, .92);
  --panel-2: #11171a;
  --line: rgba(188, 211, 212, .15);
  --muted: #8d9a9c;
  --text: #ecf2f1;
  --red: #e04739;
  --red-bright: #ff5a49;
  --cyan: #64d4cf;
  --success: #7bd6a7;
  --display: "Oswald", "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
  --body: "Inter", "Segoe UI", Arial, sans-serif;
}

* { box-sizing: border-box; }

html { min-height: 100%; background: var(--bg); }

body {
  margin: 0;
  min-height: 100vh;
  color: var(--text);
  font-family: var(--body);
  background:
    linear-gradient(90deg, transparent 49.8%, rgba(255,255,255,.025) 50%, transparent 50.2%) 0 0 / 72px 72px,
    linear-gradient(0deg, transparent 49.8%, rgba(255,255,255,.02) 50%, transparent 50.2%) 0 0 / 72px 72px,
    radial-gradient(circle at 18% 40%, rgba(40, 91, 92, .14), transparent 34%),
    #06090b;
  overflow-x: hidden;
}

/* Site-wide themed backdrop: game art, held far behind every other layer and
   heavily darkened so it reads as texture, not a competing image -- text and
   panels stay fully legible on top of it. */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(6,9,11,.94), rgba(6,9,11,.85) 40%, rgba(6,9,11,.97)),
    url("/assets/img/ambient-bg.jpg") center 30% / cover no-repeat;
  opacity: .5;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .22;
  background-image: repeating-linear-gradient(115deg, transparent 0 11px, rgba(255,255,255,.025) 12px, transparent 13px 24px);
  mask-image: linear-gradient(90deg, #000, transparent 48%, #000);
}

.ambient { position: fixed; width: 420px; height: 420px; border: 1px solid rgba(100,212,207,.08); transform: rotate(45deg); pointer-events: none; }
.ambient::before, .ambient::after { content: ""; position: absolute; inset: 42px; border: 1px solid rgba(100,212,207,.06); }
.ambient::after { inset: 100px; }
.ambient--one { top: 18%; left: -285px; }
.ambient--two { right: -330px; bottom: -120px; border-color: rgba(224,71,57,.09); }

.site-header {
  height: 92px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1380px;
  margin: auto;
  padding: 0 54px;
  border-bottom: 1px solid var(--line);
}

.brand { display: inline-flex; align-items: center; gap: 15px; color: var(--text); text-decoration: none; }
.brand__mark { width: 38px; height: 42px; position: relative; transform: skew(-8deg); border-left: 3px solid var(--red); }
.brand__mark i { position: absolute; width: 8px; background: #d7e2e1; transform: skew(-17deg); clip-path: polygon(0 0, 100% 12%, 70% 100%, 30% 100%); }
.brand__mark i:nth-child(1) { height: 35px; left: 7px; top: 2px; }
.brand__mark i:nth-child(2) { height: 28px; left: 16px; top: 8px; }
.brand__mark i:nth-child(3) { height: 21px; left: 25px; top: 14px; }
.brand strong { display: block; font: italic 800 24px/1 var(--display); letter-spacing: 2.2px; }
.brand small { display: block; margin-top: 6px; color: var(--muted); font-size: 9px; letter-spacing: 2px; }

.server-status { color: #9caaa9; font: 600 10px/1 var(--body); letter-spacing: 1.6px; text-transform: uppercase; }
.server-status i { display: inline-block; width: 7px; height: 7px; margin-right: 9px; border-radius: 50%; background: var(--success); box-shadow: 0 0 12px var(--success); }

.shell { width: min(1240px, calc(100% - 72px)); margin: 66px auto 54px; display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(420px, .82fr); gap: 9vw; align-items: center; }
.briefing { padding: 34px 0; }
.eyebrow { margin: 0 0 24px; color: var(--cyan); font: 700 10px/1 var(--body); letter-spacing: 2.6px; text-transform: uppercase; }
.eyebrow span { display: inline-grid; place-items: center; width: 29px; height: 22px; margin-right: 10px; color: #071011; background: var(--cyan); clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%); }
h1 { margin: 0; max-width: 690px; font: italic 900 clamp(48px, 6.1vw, 84px)/.91 var(--display); letter-spacing: -1.8px; text-transform: uppercase; text-wrap: balance; }
h1 em { color: var(--red-bright); font-style: inherit; text-shadow: 0 7px 30px rgba(224,71,57,.18); }
.lede { max-width: 570px; margin: 28px 0 32px; color: #aab5b5; font-size: 15px; line-height: 1.75; }

.loadout-card { max-width: 570px; background: linear-gradient(135deg, rgba(24,33,36,.9), rgba(12,17,19,.92)); border: 1px solid var(--line); border-left: 2px solid var(--cyan); box-shadow: 0 20px 50px rgba(0,0,0,.22); }
.loadout-card__top { display: flex; justify-content: space-between; padding: 13px 18px; color: #c4cecd; border-bottom: 1px solid var(--line); font: 700 9px/1 var(--body); letter-spacing: 1.8px; }
.loadout-card__code { color: var(--cyan); }
.loadout-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.loadout-grid div { padding: 17px 18px 15px; border-right: 1px solid var(--line); }
.loadout-grid div:last-child { border: 0; }
.loadout-grid strong { display: block; font: italic 800 24px/1 var(--display); letter-spacing: .5px; }
.loadout-grid span { display: block; margin-top: 7px; color: var(--muted); font-size: 9px; letter-spacing: 1px; text-transform: uppercase; }
.loadout-card > p { margin: 0; padding: 12px 18px; color: #748183; border-top: 1px solid var(--line); font-size: 10px; line-height: 1.5; }

.steps { display: flex; gap: 30px; margin: 30px 0 0; padding: 0; list-style: none; }
.steps li { display: flex; align-items: center; gap: 9px; color: #536062; }
.steps span { font: 700 9px/1 var(--body); }
.steps b { font: 600 9px/1 var(--body); letter-spacing: 1.3px; text-transform: uppercase; }
.steps__active { color: var(--cyan) !important; }

.registration-panel { position: relative; padding: 38px 38px 30px; background: var(--panel); border: 1px solid rgba(203,221,221,.16); box-shadow: 0 36px 90px rgba(0,0,0,.42); backdrop-filter: blur(16px); }
.registration-panel::before { content: ""; position: absolute; left: -1px; top: -1px; width: 92px; height: 3px; background: var(--red); }
.registration-panel::after { content: ""; position: absolute; right: -1px; bottom: -1px; width: 38px; height: 38px; border-right: 2px solid rgba(100,212,207,.6); border-bottom: 2px solid rgba(100,212,207,.6); }
.panel-heading { margin-bottom: 27px; }
.panel-heading > p { margin: 0 0 9px; color: var(--red-bright); font: 700 8px/1 var(--body); letter-spacing: 2.1px; }
.panel-heading h2 { margin: 0; font: italic 800 34px/1.1 var(--display); letter-spacing: .2px; text-transform: uppercase; }
.panel-heading > span { display: block; margin-top: 8px; color: #748082; font-size: 11px; }

.notice { display: flex; gap: 12px; margin: 0 0 21px; padding: 13px 14px; border: 1px solid; }
.notice > span { flex: 0 0 23px; height: 23px; display: grid; place-items: center; font-weight: 800; }
.notice strong { display: block; margin: 1px 0 4px; font-size: 11px; text-transform: uppercase; letter-spacing: .8px; }
.notice p { margin: 0; color: #a7b1b0; font-size: 11px; line-height: 1.45; }
.notice--success { border-color: rgba(123,214,167,.28); background: rgba(75,160,115,.08); }
.notice--success > span { color: #07120d; background: var(--success); }
.notice--error { border-color: rgba(255,90,73,.3); background: rgba(224,71,57,.08); }
.notice--error > span { color: #170704; background: var(--red-bright); }

.field { margin-bottom: 18px; }
.field__label { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 8px; }
.field__label label { color: #c8d2d1; font-size: 10px; font-weight: 700; letter-spacing: 1.25px; text-transform: uppercase; }
.field__label span { color: #5f6a6c; font-size: 8px; letter-spacing: 1px; text-transform: uppercase; }
.input-wrap { height: 52px; display: flex; align-items: center; background: #0a0e10; border: 1px solid #283034; transition: border-color .18s, box-shadow .18s; }
.input-wrap:focus-within { border-color: var(--cyan); box-shadow: 0 0 0 2px rgba(100,212,207,.09); }
.input-icon { width: 46px; color: #5d696b; font: 800 10px/1 var(--display); text-align: center; letter-spacing: .5px; }
.input-icon--key { font-size: 8px; }
input[type="text"], input[type="password"] { min-width: 0; flex: 1; height: 100%; padding: 0 8px 0 0; color: var(--text); background: transparent; border: 0; outline: 0; font: 500 14px/1 var(--body); }
input::placeholder { color: #4a5557; }
.reveal { height: 100%; padding: 0 14px; color: #708082; background: transparent; border: 0; cursor: pointer; font: 700 8px/1 var(--body); letter-spacing: 1px; }
.reveal:hover, .reveal:focus-visible { color: var(--cyan); outline: 0; }
.field__help { margin: 7px 0 0; color: #657174; font-size: 9px; }
.field__error { margin: 7px 0 0; color: #ff7b6e; font-size: 10px; }
.field--error .input-wrap { border-color: var(--red); }
.password-meter { display: grid; grid-template-columns: repeat(4, 1fr); gap: 3px; margin-top: 6px; }
.password-meter i { height: 2px; background: #273034; transition: background .18s; }
.password-meter[data-score="1"] i:nth-child(-n+1), .password-meter[data-score="2"] i:nth-child(-n+2) { background: var(--red); }
.password-meter[data-score="3"] i:nth-child(-n+3) { background: #d6b756; }
.password-meter[data-score="4"] i { background: var(--success); }

.consent { position: relative; margin: 4px 0 21px; padding-left: 27px; }
.consent input { position: absolute; opacity: 0; pointer-events: none; }
.consent label { color: #849092; font-size: 10px; line-height: 1.55; cursor: pointer; }
.consent label span { position: absolute; left: 0; top: 1px; width: 16px; height: 16px; border: 1px solid #3a4547; background: #0a0e10; }
.consent input:focus-visible + label span { border-color: var(--cyan); box-shadow: 0 0 0 2px rgba(100,212,207,.12); }
.consent input:checked + label span { border-color: var(--cyan); background: var(--cyan); }
.consent input:checked + label span::after { content: ""; position: absolute; left: 5px; top: 2px; width: 4px; height: 8px; border: solid #071011; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.consent--error label span { border-color: var(--red); }

.submit { width: 100%; height: 55px; display: flex; align-items: center; justify-content: space-between; padding: 0 19px 0 22px; color: #fff; background: linear-gradient(95deg, #b93429, var(--red)); border: 0; cursor: pointer; box-shadow: 0 14px 28px rgba(224,71,57,.16); clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px)); transition: filter .18s, transform .18s; }
.submit span { font: italic 800 13px/1 var(--display); letter-spacing: 1.7px; }
.submit i { font: 400 22px/1 var(--body); }
.submit:hover { filter: brightness(1.12); transform: translateY(-1px); }
.submit:hover i { transform: translateX(3px); }
.submit i { display: inline-block; transition: transform .18s; }
.submit:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.submit:disabled { cursor: wait; filter: grayscale(.3); opacity: .7; }
.submit--ghost { width: auto; height: 34px; padding: 0 16px; background: transparent; border: 1px solid rgba(224,71,57,.4); box-shadow: none; clip-path: none; }
.submit--ghost span { font-size: 10px; color: var(--red-bright); }
.submit--ghost:hover { filter: none; background: rgba(224,71,57,.1); }

/* Every interactive surface on the site shares this: a quick, consistent
   hover/press feel instead of static links -- buttons lift slightly, links
   brighten, and the currently open tab underlines itself. */
a, button { transition: color .15s ease, background-color .15s ease, border-color .15s ease, filter .15s ease, transform .12s ease, opacity .15s ease; }
button:active, .submit:active, a.submit:active { transform: translateY(0) scale(.98); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}
.form-footnote { margin: 14px 0 0; color: #566164; font-size: 9px; text-align: center; }
.form-footnote span { margin-right: 6px; color: var(--cyan); font-size: 7px; }

.registration-footer { max-width: 1380px; margin: 0 auto; padding: 22px 54px 28px; display: flex; justify-content: space-between; color: #414b4d; border-top: 1px solid rgba(188,211,212,.08); font: 600 8px/1 var(--body); letter-spacing: 1.6px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

@media (max-width: 980px) {
  .site-header { padding: 0 30px; }
  .shell { width: min(650px, calc(100% - 44px)); grid-template-columns: 1fr; gap: 38px; margin-top: 38px; }
  .briefing { padding-bottom: 0; }
  .registration-panel { padding: 34px; }
  h1 { font-size: clamp(48px, 11vw, 72px); }
}

@media (max-width: 560px) {
  .site-header { height: 78px; padding: 0 20px; }
  .brand strong { font-size: 20px; }
  .brand small { font-size: 7px; letter-spacing: 1.4px; }
  .brand__mark { width: 32px; transform: scale(.86) skew(-8deg); transform-origin: left center; }
  .server-status { display: none; }
  .shell { width: calc(100% - 28px); margin: 24px auto 32px; gap: 31px; }
  .briefing { padding-top: 20px; }
  h1 { font-size: clamp(43px, 14vw, 62px); }
  .lede { font-size: 14px; }
  .loadout-grid { grid-template-columns: repeat(2, 1fr); }
  .loadout-grid div:nth-child(2) { border-right: 0; }
  .loadout-grid div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .steps { gap: 15px; }
  .steps b { display: none; }
  .registration-panel { padding: 29px 20px 25px; }
  .registration-footer { padding: 20px; }
  .registration-footer span:last-child { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}

/* PRİME WOLFTEAM — 2013 döneminin klasik oyun sitesi görünümü. */
/* Verification notice sits away from the central logo and navigation. */
.classic-header + .utility-bar{position:fixed;right:22px;bottom:22px;z-index:40;width:310px;height:auto;border:1px solid #315467;border-top:3px solid #18a6db;background:linear-gradient(135deg,#19242c,#080e12);box-shadow:0 8px 28px #0009}
.classic-header + .utility-bar .utility-bar__inner{width:auto;height:auto;display:block;margin:0;padding:19px 21px}
.classic-header + .utility-bar a{display:block;color:#e5eef4;font-size:12px;line-height:1.8;text-decoration:none}
.classic-header + .utility-bar a::before{content:'DISCORD HESAP ONAYI';display:block;margin-bottom:9px;color:#4bc6f5;font-size:11px;letter-spacing:1.1px;font-weight:bold}
.classic-header + .utility-bar a::after{content:'HESABIMI ONAYLA  →';display:block;margin-top:14px;padding:9px 12px;border:1px solid #299eca;background:linear-gradient(#137da7,#08465f);text-align:center;color:#fff;font-size:11px;font-weight:bold;letter-spacing:.5px}
.classic-header + .utility-bar a:focus-visible{outline:2px solid #6cddff;outline-offset:5px}
@media(max-width:700px){.classic-header + .utility-bar{position:relative;right:auto;bottom:auto;width:calc(100% - 28px);margin:20px auto}.classic-header + .utility-bar .utility-bar__inner{padding:15px 18px}}
:root {
  --blue: #0099df;
  --blue-dark: #003d5d;
  --red: #c52a20;
  --yellow: #f2dc00;
  --text: #efefef;
  --muted: #a6a6a6;
  --line: #252525;
  --panel: rgba(9, 9, 9, .88);
  --body: Verdana, Geneva, Arial, sans-serif;
  --display: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

* { box-sizing: border-box; }
html { min-width: 320px; min-height: 100%; background: #111; }
body {
  margin: 0;
  min-height: 100vh;
  overflow-x: hidden;
  color: var(--text);
  font: 13px/1.5 var(--body);
  background: #151515 url('/assets/img/classic/background.jpg') center top / 1660px auto fixed no-repeat;
}
a { color: inherit; }
button, input, select { font: inherit; }
button { cursor: pointer; }
.ambient { display: none !important; }
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* Üst oyun ve hesap çubuğu. */
.utility-bar { height: 31px; color: #8b8b8b; background: linear-gradient(#222, #050505); border-bottom: 1px solid #343434; box-shadow: inset 0 -1px #000; }
.utility-bar__inner { width: 980px; height: 31px; margin: auto; display: flex; align-items: center; gap: 22px; }
.utility-brand { color: #f1f1f1; font-weight: 900; font-size: 12px; letter-spacing: .6px; text-decoration: none; }
.utility-brand b { color: #e32320; }
.utility-status { color: #c2c2c2; font-size: 11px; }
.utility-status i { display: inline-block; width: 7px; height: 7px; margin-right: 5px; border-radius: 50%; background: #37c000; box-shadow: 0 0 5px #5dff22; }
.utility-account { margin-left: auto; display: flex; align-items: center; gap: 13px; font-size: 11px; }
.utility-account a, .utility-account button { color: #bbb; text-decoration: none; }
.utility-account a:hover, .utility-account button:hover { color: #fff; }
.utility-account form { display: inline; margin: 0; }
.utility-account button { padding: 0; border: 0; background: transparent; }

.main-menu { position: relative; height: 68px; z-index: 10; background: #090909 url('/assets/img/classic/menu-frame.png') center top / 1598px 68px no-repeat; }
.main-menu__inner { position: relative; width: 980px; height: 68px; margin: auto; }
.main-menu__side { position: absolute; top: 0; width: 365px; height: 58px; display: flex; align-items: center; justify-content: space-around; }
.main-menu__side--left { left: 0; }
.main-menu__side--right { right: 0; }
.main-menu__side a { padding: 20px 7px 18px; white-space: nowrap; color: #fff; font-size: 13px; font-weight: bold; text-decoration: none; text-shadow: 0 1px 2px #000; }
.main-menu__side a:hover, .main-menu__side a:focus-visible { color: #19a9ec; }
.prime-logo { position: absolute; z-index: 3; left: 50%; top: -17px; width: 260px; height: 162px; transform: translateX(-50%); display: grid; place-items: center; pointer-events: auto; }
.prime-logo::before { content: ''; position: absolute; inset: 5px -15px 12px; z-index: -1; background: radial-gradient(ellipse, rgba(0,0,0,.92) 0, rgba(0,0,0,.72) 46%, transparent 72%); }
.prime-logo img { width: 250px; height: 164px; object-fit: contain; filter: drop-shadow(0 4px 4px #000); }

/* 2013 ana duyuru/slider alanı. */
.classic-slider { position: relative; max-width: 1600px; height: 482px; margin: 0 auto; border-top: 1px solid #064b6a; background: #050505; overflow: hidden; }
.classic-slider__art { height: 425px; background: linear-gradient(90deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.28) 36%, rgba(0,0,0,.02) 70%, rgba(0,0,0,.55) 100%), url('/assets/img/hero-2.jpg') center 38% / cover no-repeat; }
.classic-slider__copy { width: 980px; margin: auto; padding: 118px 0 0 25px; text-shadow: 2px 3px 3px #000; }
.classic-slider__copy p { margin: 0 0 4px; color: #30b9ee; font-size: 13px; font-weight: 900; letter-spacing: 3px; }
.classic-slider__copy h1 { margin: 0; font: 900 50px/.88 var(--display); letter-spacing: -1.5px; }
.classic-slider__copy h1 em { color: #e62a1e; font-style: normal; }
.classic-slider__copy span { display: inline-block; margin-top: 18px; padding: 7px 11px; color: #ddd; border-left: 3px solid var(--blue); background: rgba(0,0,0,.65); }
.classic-slider__rail { position: absolute; left: 0; right: 0; bottom: 0; height: 76px; display: flex; align-items: center; justify-content: center; gap: 20px; background: url('/assets/img/classic/slider-rail.png') center top / 1600px 75px no-repeat; }
.classic-slider__rail button { width: 76px; height: 52px; color: #080808; border: 0; background: linear-gradient(120deg, #aaa, #f3f3f3 50%, #777); font: 900 56px/.6 Arial; text-shadow: 0 1px #fff; }
.classic-slider__rail strong { width: 390px; text-align: right; font-size: 12px; }
.classic-slider__rail > span { color: #fff; font-size: 28px; }
.classic-slider__dots { display: flex; gap: 8px; margin-right: auto; margin-left: calc((100% - 980px)/2 + 105px); }
.classic-slider__dots i { width: 12px; height: 12px; border: 1px solid #555; border-radius: 50%; background: #181818; }
.classic-slider__dots .active { border-color: #16a8e9; background: #16a8e9; box-shadow: 0 0 6px #16a8e9; }

/* Ana sayfanın sol/orta/sağ kolonları. */
.classic-layout { width: 980px; margin: 32px auto 55px; display: grid; grid-template-columns: 230px minmax(0, 1fr) 250px; gap: 20px; align-items: start; }
.classic-left, .classic-center, .classic-right { display: grid; gap: 20px; }
.classic-box { min-width: 0; color: #e9e9e9; background: var(--panel); border: 1px solid #050505; box-shadow: 0 1px #414141, 0 5px 16px rgba(0,0,0,.45); }
.classic-title { height: 36px; margin: 0; padding: 8px 12px 7px 31px; color: #fff; border-bottom: 1px solid #101010; background: url('/assets/img/classic/panel-title.png') left top / 100% 76px no-repeat; font-size: 13px; font-weight: bold; line-height: 20px; text-shadow: 0 1px 2px #000; }
.classic-title--wide { background-image: url('/assets/img/classic/panel-title-wide.png'); }
.side-menu { display: grid; }
.side-menu a { position: relative; padding: 8px 13px 8px 27px; color: #e0e0e0; text-decoration: none; border-top: 1px solid #292929; border-bottom: 1px solid #090909; background: linear-gradient(90deg, #181818, #0c0c0c); }
.side-menu a::before { content: '›'; position: absolute; left: 13px; color: #aaa; font-weight: 900; }
.side-menu a:hover, .side-menu a.active { color: #00a7e9; background: linear-gradient(90deg, #222, #101010); }
.side-menu a.active::before { color: #00a7e9; }

.armory-mini__window { height: 145px; margin: 10px; display: grid; place-items: center; overflow: hidden; border: 1px solid #232323; background: radial-gradient(circle, #2b2b2b, #050505 65%); }
.armory-mini__window img { width: 235px; max-width: 110%; }
.armory-mini__pager { padding: 7px 9px 10px; display: flex; justify-content: space-between; align-items: center; color: #e2e2e2; font-size: 11px; }
.armory-mini__pager button { width: 25px; height: 28px; color: #07a6e8; border: 1px solid #222; background: #0b0b0b; font-size: 22px; }

.featured-news__head, .news-list li { min-height: 32px; padding: 7px 12px; display: flex; align-items: center; gap: 10px; background: linear-gradient(#292929, #0e0e0e); border-top: 1px solid #383838; border-bottom: 1px solid #050505; }
.featured-news__head strong::before, .news-list li span::before { content: '›'; margin-right: 6px; color: #e33d21; font-weight: 900; }
.featured-news time, .news-list time { margin-left: auto; color: #e7df00; font-weight: bold; font-style: italic; white-space: nowrap; }
.featured-news__body { min-height: 142px; padding: 10px; display: grid; grid-template-columns: 46% 1fr; gap: 12px; background: rgba(0,0,0,.65); }
.featured-news__body img { width: 100%; height: 112px; object-fit: cover; object-position: center; }
.featured-news__body p { margin: 0 0 8px; color: #f3f3f3; font-size: 13px; line-height: 1.55; }
.featured-news__body a { display: block; padding: 4px; color: #159edb; text-align: center; text-decoration: none; background: #151515; border-top: 1px solid #333; }
.news-list { margin: 0; padding: 0; list-style: none; }
.news-list li { min-height: 33px; color: #f0f0f0; font-size: 12px; }
.welcome-box__content { min-height: 160px; padding: 20px; display: flex; align-items: center; gap: 20px; background: linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,.35)), url('/assets/img/hero-3.jpg') center / cover; }
.welcome-box__content img { width: 135px; height: 90px; object-fit: contain; }
.welcome-box__content p { margin: 0; text-align: center; text-shadow: 0 1px 2px #000; }

.login-panel { padding-bottom: 10px; }
.login-panel form { width: 100%; position: relative; display: grid; grid-template-columns: minmax(0,1fr) 76px; gap: 6px; padding: 10px; overflow: hidden; }
.login-panel form > input:not([type=hidden]) { width: 100%; min-width: 0; grid-column: 1; height: 31px; padding: 6px 9px; color: #222; background: #f4f4f4; border: 1px solid #777; outline: none; }
.login-panel form > input:focus { border-color: #00a4e6; box-shadow: 0 0 4px #00a4e6; }
.classic-login { width: 100%; min-width: 0; padding: 4px 7px; grid-column: 2; grid-row: 1 / span 2; color: #fff; border: 1px solid #5b5b5b; background: linear-gradient(#777, #444); font-weight: bold; }
.classic-login:hover { background: linear-gradient(#159edb, #056790); }
.remember-login { grid-column: 1 / -1; display: flex; align-items: center; gap: 7px; color: #e8e8e8; font-size: 12px; padding: 5px 0; cursor: pointer; }
.remember-login input[type=checkbox] { width: 16px; height: 16px; padding: 0; margin: 0; accent-color: #08a8e4; flex: 0 0 16px; }
.remember { grid-column: 1 / -1; color: #e0e0e0; font-size: 12px; }
.forgot-link { display: block; margin: 0 10px 10px; color: #fff; font-size: 12px; text-decoration: none; }
.forgot-link::before { content: '› '; color: #aaa; }
.forgot-link:hover { color: #00a7e9; }
.signup-banner { margin: 7px 10px 2px; padding: 9px 12px; display: block; color: #051900; text-align: center; text-decoration: none; border: 1px solid #56f900; background: linear-gradient(#52f000, #09a700); text-shadow: 0 1px rgba(255,255,255,.4); }
.signup-banner small, .signup-banner strong { display: block; }
.signup-banner strong { font: 900 18px/1.1 var(--display); }
.member-welcome { padding: 18px; display: grid; gap: 10px; text-align: center; }
.member-welcome strong { color: #00a7e9; font-size: 15px; }

.mini-ranking { overflow: hidden; }
.mini-ranking__head { position: relative; width: 100%; height: auto; aspect-ratio: 235 / 92; display: block; color: #fff; text-decoration: none; background-color: #101010; background-image: url('/assets/img/classic/ranking-tabs.png'); background-size: 200% 200%; background-repeat: no-repeat; }
.mini-ranking__head span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.mini-ranking__head--individual { background-position: left top; }
.mini-ranking__head--clan { background-position: right top; }
.mini-ranking__head--individual:hover { background-position: left bottom; }
.mini-ranking__head--clan:hover { background-position: right bottom; }
.mini-ranking ol { margin: 0; padding: 7px 10px 10px; list-style: none; background: rgba(0,0,0,.82); }
.mini-ranking li { min-height: 32px; padding: 3px 5px; display: grid; grid-template-columns: 19px 27px minmax(0,1fr) auto; align-items: center; gap: 5px; background: #151515; border-bottom: 1px solid #040404; font-size: 11px; }
.mini-ranking li:nth-child(even) { background: #232323; }
.mini-ranking li b { color: #ddd; font-weight: normal; }
.mini-ranking li a { overflow: hidden; color: #fff; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.mini-ranking li em { color: #f0f0f0; font-style: normal; font-size: 10px; }
.mini-rank-icon { width: 25px; height: 25px; display: block; object-fit: cover; border: 1px solid #777; background: #222; }
.rank-star { width: 18px; height: 18px; display: grid; place-items: center; color: #ccc; border: 1px solid #646464; background: #292929; font-size: 9px; }
.rank-star--clan { color: #e5d28b; }
.board-empty { margin: 0; padding: 18px; color: #d0d0d0; text-align: center; }

/* Ortak iç sayfa çerçevesi. */
.shell, .site-wrap { width: 980px; margin: 32px auto 55px; padding: 18px; color: #eee; background: rgba(8,8,8,.9); border: 1px solid #333; box-shadow: 0 7px 25px #000; }
.shell--wide { display: block; }
.shell--page { min-height: 500px; }
.classic-button, .submit { min-height: 38px; padding: 10px 20px; display: inline-flex; align-items: center; justify-content: center; color: #fff; text-decoration: none; border: 1px solid #126d94; background: linear-gradient(#079be0, #005b87); box-shadow: inset 0 1px rgba(255,255,255,.25), 0 2px 4px #000; font-weight: bold; }
.classic-button:hover, .submit:hover { background: linear-gradient(#12b5ff, #0075ac); }
.submit--ghost { border-color: #555; background: linear-gradient(#555, #222); }
.notice { margin: 0 0 15px; padding: 11px 13px; color: #eee; background: #171717; border: 1px solid #555; }
.notice--error { border-color: #a62822; background: #38110f; }
.notice--success { border-color: #287a20; background: #13320f; }

/* Sıralama ekranı: arşivdeki sprite ve satır ölçüleri. */
.board-tabs { width: 471px; height: 92px; margin: 0 0 16px; display: grid; grid-template-columns: 235px 236px; }
.board-tabs .board-banner { height: 92px; padding: 0; display: block; opacity: 1; border: 0; background-image: url('/assets/img/classic/ranking-tabs.png'); background-size: 471px 184px; background-repeat: no-repeat; }
.board-tabs .board-banner span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.board-tabs .board-banner--individual { background-position: 0 0; }
.board-tabs .board-banner--clan { background-position: -235px 0; }
.board-tabs .board-banner--individual.board-banner--active { background-position: 0 -92px; }
.board-tabs .board-banner--clan.board-banner--active { background-position: -235px -92px; }
.period-tabs { width: 530px; margin: 0 0 12px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.period-tab { padding: 10px; color: #d2d2d2; text-align: center; text-decoration: none; background: linear-gradient(#191919, #050505); border: 1px solid #333; font-weight: bold; }
.period-tab::before { content: '› '; color: #333; }
.period-tab:hover, .period-tab--active { color: #fff; background: linear-gradient(#083a50, #07131a); border-color: #005a84; }
.period-tab--active::before { color: #00aaf0; }
.board-table { width: 100%; border-spacing: 0 2px; border-collapse: separate; background: #080808; border: 2px solid #101010; }
.board-table th { padding: 11px 10px; color: #ededed; text-align: left; background: linear-gradient(#292929, #0b0b0b); border-bottom: 2px solid #343434; font-size: 12px; }
.board-table td { padding: 8px 10px; color: #f5f5f5; background: #141414; border-bottom: 1px solid #020202; font-size: 12px; }
.board-table tbody tr:nth-child(even) td { background: #252525; }
.board-table tbody tr:hover td { background: #093248; }
.board-table td a { color: #fff; text-decoration: none; }
.board-table td a::before { content: '— '; color: #00a7e9; }
.board-table td .board-player::before { content: none; }
.board-player { display: inline-flex; align-items: center; gap: 9px; font-weight: bold; }
.rank-icon { width: 34px; height: 34px; display: block; flex: 0 0 34px; object-fit: cover; border: 1px solid #8a8a8a; background: #222; box-shadow: 0 1px 3px #000; }
.board-table__rank { color: #fff !important; }
.pagination { margin-top: 14px; display: flex; flex-wrap: wrap; gap: 7px; }
.pagination a { min-width: 29px; height: 29px; padding: 6px; display: grid; place-items: center; color: #333; text-decoration: none; border: 0; border-radius: 5px; background: #eee; box-shadow: 0 1px 2px #000; }
.pagination a:hover, .pagination__current { color: #fff !important; background: #008ed0 !important; }

/* Üyelik ve şifre kurtarma, eski mavi modal görünümünde. */
.site-wrap { min-height: 610px; padding: 58px 0; background: rgba(0,0,0,.78); }
.classic-panel.account-form { width: 650px; max-width: calc(100% - 30px); margin: 0 auto; padding: 0 48px 30px; color: #fff; border: 1px solid #008ed0; background: linear-gradient(180deg, rgba(0,73,111,.97), rgba(0,10,16,.98) 72%); box-shadow: 0 0 0 1px #001620, 0 12px 45px #000; }
.classic-panel.account-form h1 { margin: 0 -48px 23px; padding: 15px 18px; color: #fff; border-bottom: 1px solid #00699c; background: linear-gradient(#0789cc, #003653); font: 700 20px/1.2 var(--display); font-style: normal; letter-spacing: 0; text-transform: none; }
.account-form > p { color: #c2d8e2; }
.account-form form { display: grid; gap: 2px; }
.account-form label { position: relative; margin-top: 8px; display: grid; grid-template-columns: 175px 1fr; align-items: center; font-weight: bold; }
.account-form label > span { grid-column: 1; }
.account-form label > input:not([type=checkbox]), .account-form label > select { grid-column: 2; }
.account-form label:not(.account-consent)::before { content: '*'; position: absolute; left: -13px; color: #ffd700; }
.account-form input:not([type=checkbox]), .account-form select { width: 100%; height: 31px; padding: 5px 8px; color: #222; border: 1px solid #929292; background: #fafafa; }
.account-form input:focus, .account-form select:focus { outline: 2px solid #ffcf00; outline-offset: 1px; }
.field__help { margin: 1px 0 4px 175px; color: #a7e0f7; font-size: 11px; }
.account-consent { display: block !important; margin: 13px 0 !important; color: #edf2f4; font-size: 11px; font-weight: normal !important; }
.account-consent::before { display: none; }
.account-form .submit { width: 325px; min-height: 58px; margin: 15px 0 0; color: #151000; border-color: #fff300; background: linear-gradient(#fff400, #ff9b00); font: 900 21px/1 var(--display); text-shadow: 0 1px #fff; }
.account-form .submit:hover { background: linear-gradient(#fff94a, #ffb000); }
.account-form > p:last-child a { color: #ffce00; }

/* Profil, klan ve hesap ekranları. */
.profile-card { padding: 0 0 20px; background: #101010; border: 1px solid #333; }
.profile-card__head { min-height: 66px; padding: 16px 20px; display: flex; align-items: center; gap: 18px; flex-wrap: wrap; border-bottom: 2px solid #0076ad; background: linear-gradient(#222, #090909); }
.profile-card__head h1 { margin: 0; font: 900 25px/1 var(--display); letter-spacing: 0; }
.profile-card__head a { color: #00a8eb; }
.profile-card__head .logout-form { margin-left: auto; }
.profile-grid, .profile-currency { margin: 18px; display: grid; grid-template-columns: repeat(auto-fit, minmax(110px,1fr)); gap: 1px; background: #333; }
.profile-grid div, .profile-currency div { padding: 15px; background: #171717; }
.profile-grid strong, .profile-currency strong { display: block; color: #eee; font-size: 18px; }
.profile-grid span, .profile-currency span { color: #00a8eb; font-size: 10px; }
.clan-intro { margin: 18px; color: #bbb; }

/* Oyuncu profili. */
.profile-shell { padding: 18px; }
.player-profile { overflow: hidden; border: 1px solid #363636; background: #090909; box-shadow: 0 10px 35px rgba(0,0,0,.5); }
.player-profile__hero { position: relative; min-height: 220px; padding: 35px 34px; display: grid; grid-template-columns: 120px minmax(0,1fr) 190px; align-items: center; gap: 25px; border-bottom: 2px solid #008fce; background: linear-gradient(90deg, rgba(2,9,13,.98) 0%, rgba(2,15,22,.87) 48%, rgba(3,7,10,.7) 100%), url('/assets/img/hero-3.jpg') right 42% / cover no-repeat; }
.player-profile__hero::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; opacity: .65; background: repeating-linear-gradient(135deg, #008fd0 0 7px, #003d59 7px 14px); }
.player-profile__rank { width: 118px; height: 118px; padding: 8px; display: grid; place-items: center; border: 1px solid #777; background: linear-gradient(145deg, #333, #080808); box-shadow: inset 0 0 0 3px #151515, 0 7px 18px #000; transform: rotate(-2deg); }
.player-profile__rank img { width: 100px; height: 100px; display: block; object-fit: cover; }
.player-profile__identity { min-width: 0; position: relative; z-index: 1; }
.player-profile__eyebrow { margin: 0 0 5px; color: #00a9ec; font-size: 11px; font-weight: bold; letter-spacing: 2px; }
.player-profile__identity h1 { margin: 0 0 9px; overflow-wrap: anywhere; color: #fff; font: 900 39px/1 var(--display); letter-spacing: -.8px; text-shadow: 0 3px 3px #000; }
.player-profile__tags { margin-bottom: 16px; display: flex; flex-wrap: wrap; gap: 7px; }
.rank-tag, .staff-tag { padding: 5px 9px; color: #eaf8ff; border: 1px solid #057ba9; background: rgba(0,74,106,.75); font-size: 10px; font-weight: bold; letter-spacing: .5px; }
.staff-tag { color: #171100; border-color: #ffe562; background: linear-gradient(#ffe96a, #b98300); }
.player-profile__clan { width: fit-content; min-width: 210px; padding: 7px 12px; display: grid; grid-template-columns: auto 1fr; gap: 0 9px; color: #fff; text-decoration: none; border-left: 3px solid #c72820; background: rgba(0,0,0,.68); }
.player-profile__clan small { grid-row: 1 / span 2; align-self: center; color: #e23b2d; font-size: 9px; font-weight: bold; letter-spacing: 1px; }
.player-profile__clan strong { color: #fff; font-size: 13px; }
.player-profile__clan span { color: #b9b9b9; font-size: 10px; }
.player-profile__clan:hover strong { color: #1eb8f4; }
.player-profile__no-clan { margin: 0; color: #aaa; }
.player-profile__standing { min-height: 125px; padding: 17px 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; border: 1px solid #333; background: rgba(0,0,0,.78); box-shadow: inset 0 0 22px rgba(0,132,190,.12), 0 5px 15px #000; text-align: center; }
.player-profile__standing strong { color: #ffe600; font: 900 39px/1 var(--display); text-shadow: 0 2px #000; }
.player-profile__standing span { margin-top: 5px; color: #f2f2f2; font-size: 10px; font-weight: bold; letter-spacing: 1px; }
.player-profile__standing small { margin-top: 4px; color: #00a7e9; font-size: 10px; }
.player-profile__toolbar { min-height: 42px; padding: 8px 14px; display: flex; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid #2b2b2b; background: linear-gradient(#1c1c1c, #0b0b0b); }
.player-profile__toolbar > a, .player-profile__owner-actions a, .player-profile__owner-actions button { color: #dcdcdc; font-size: 10px; font-weight: bold; text-decoration: none; }
.player-profile__toolbar a:hover, .player-profile__owner-actions button:hover { color: #00aaf0; }
.player-profile__owner-actions { display: flex; align-items: center; gap: 14px; }
.player-profile__owner-actions form { margin: 0; }
.player-profile__owner-actions button { padding: 0; border: 0; background: transparent; }
.player-profile__body { padding: 18px; display: grid; gap: 18px; background: radial-gradient(circle at 70% 0, rgba(0,103,148,.09), transparent 40%), #090909; }
.career-panel, .combat-panel, .wallet-panel { border: 1px solid #292929; background: #101010; }
.profile-section-title { min-height: 44px; padding: 10px 14px; display: flex; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid #050505; background: linear-gradient(90deg, #0b3347, #121212 55%, #080808); }
.profile-section-title span { color: #fff; font-weight: bold; letter-spacing: .7px; }
.profile-section-title span::before { content: '›'; margin-right: 8px; color: #00aaf0; font-size: 17px; }
.profile-section-title small { color: #aaa; font-size: 10px; }
.career-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1px; background: #303030; }
.career-stat { min-height: 100px; padding: 16px; display: flex; flex-direction: column; justify-content: center; background: linear-gradient(145deg, #202020, #111); }
.career-stat > span { color: #a9a9a9; font-size: 9px; font-weight: bold; letter-spacing: 1px; }
.career-stat strong { margin: 4px 0 2px; color: #fff; font-size: 24px; line-height: 1; }
.career-stat small { color: #999; font-size: 9px; }
.career-stat--primary { grid-column: span 2; padding-left: 24px; background: linear-gradient(120deg, #07324a, #111 76%); }
.career-stat--primary strong { color: #ffe600; font-size: 34px; }
.career-stat--win strong { color: #5dd65a; }
.career-stat--loss strong, .career-stat--deaths strong { color: #e7574e; }
.career-stat--kills strong { color: #22aee9; }
.combat-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1px; background: #303030; }
.combat-grid > div { min-height: 82px; padding: 13px; display: grid; grid-template-columns: 34px 1fr; align-items: center; background: #161616; }
.combat-icon { grid-row: 1 / span 2; width: 28px; height: 28px; display: grid; place-items: center; color: #00abea; border: 1px solid #075a7a; border-radius: 50%; background: #07202b; font-style: normal; }
.combat-grid span { color: #aaa; font-size: 9px; text-transform: uppercase; }
.combat-grid strong { color: #f5f5f5; font-size: 17px; }
.wallet-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: #303030; }
.wallet-grid > div { min-height: 82px; padding: 15px 18px; display: grid; grid-template-columns: 1fr auto; align-items: center; background: linear-gradient(145deg, #202020, #111); }
.wallet-grid span { grid-column: 1; color: #aaa; font-size: 9px; font-weight: bold; letter-spacing: 1px; }
.wallet-grid strong { grid-column: 1; color: #ffe600; font-size: 20px; }
.wallet-grid b { grid-column: 2; grid-row: 1 / span 2; color: #111; padding: 6px; border-radius: 50%; background: #e2c900; font-size: 9px; }
.registration-panel { margin-top: 20px; padding: 20px; background: #111; border: 1px solid #333; }
.registration-panel .panel-heading p { margin: 0; color: #00a8eb; font-weight: bold; }
.registration-panel .panel-heading h2 { margin: 4px 0; }
.registration-panel form { max-width: 520px; display: grid; gap: 12px; }
.registration-panel .field__label { display: flex; justify-content: space-between; color: #aaa; }
.registration-panel .input-wrap { display: flex; align-items: center; background: #050505; border: 1px solid #444; }
.registration-panel .input-icon { width: 35px; color: #00a8eb; text-align: center; }
.registration-panel input { width: 100%; padding: 9px; color: #fff; border: 0; background: transparent; }
.registration-panel .submit { width: 220px; }

/* 2013 profil kartları ve Kurt Habercisi arkadaş sıralaması. */
.legacy-profile__summary { padding: 18px; display: grid; grid-template-columns: minmax(240px,.82fr) minmax(0,1.35fr); gap: 18px; background: #080808; }
.profile-facts { margin: 0; align-self: start; }
.profile-facts div { min-height: 33px; display: grid; grid-template-columns: 130px minmax(0,1fr); align-items: center; border-bottom: 1px solid #888; }
.profile-facts dt { color: #00a8e9; font-weight: bold; }
.profile-facts dd { margin: 0; color: #fff; font-weight: bold; text-align: right; overflow-wrap: anywhere; }
.profile-facts a { color: #fff; text-decoration: none; }
.profile-facts a:hover { color: #1bb8f4; }
.profile-charts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.ratio-chart { min-width: 0; padding: 12px; border: 1px solid #343434; background: linear-gradient(145deg,#141414,#050505); }
.ratio-chart__graphic { position: relative; width: min(180px,100%); margin: auto; aspect-ratio: 1; display: grid; place-items: center; }
.ratio-chart__graphic svg { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); filter: drop-shadow(0 2px 3px #000); }
.ratio-chart__graphic circle { fill: transparent; stroke-width: 8; }
.ratio-chart__base--loss { stroke: #ef2030; }
.ratio-chart__base--death { stroke: #43d9ef; }
.ratio-chart__value { stroke-linecap: butt; }
.ratio-chart__value--win { stroke: #79ef00; }
.ratio-chart__value--kill { stroke: #fff128; }
.ratio-chart__graphic > strong { position: relative; z-index: 1; color: #fff; font-size: 20px; text-shadow: 0 2px 2px #000; }
.ratio-chart__legend { margin-top: 10px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; font-size: 10px; }
.ratio-chart__legend span { min-width: 0; }
.ratio-chart__legend span::before { content: ''; width: 9px; height: 9px; margin-right: 5px; display: inline-block; border-radius: 50%; }
.ratio-chart__legend b { display: block; margin-left: 14px; color: #fff; font-size: 11px; }
.legend-win { color: #79ef00; }.legend-win::before { background: #79ef00; }
.legend-loss { color: #ef4050; }.legend-loss::before { background: #ef2030; }
.legend-kill { color: #fff128; }.legend-kill::before { background: #fff128; }
.legend-death { color: #43d9ef; }.legend-death::before { background: #43d9ef; }
.profile-highlights { padding: 0 18px 18px; display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 12px; background: #080808; }
.total-match { min-height: 150px; padding: 18px 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #343434; background: radial-gradient(circle,#102e3d,#070707 70%); text-align: center; }
.total-match span { color: #fff; font-size: 16px; font-weight: bold; }
.total-match strong { color: #00b5f1; font-size: 39px; line-height: 1.1; }
.total-match small { color: #aaa; }
.combat-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
.combat-list > div { min-height: 71px; padding: 9px 12px; display: grid; grid-template-columns: 37px minmax(0,1fr) auto; align-items: center; border: 1px solid #2d2d2d; background: #0d0d0d; }
.combat-list i { width: 29px; height: 29px; display: grid; place-items: center; color: #00b5f1; border: 1px solid #116483; border-radius: 50%; font-style: normal; }
.combat-list span { color: #fff; font-size: 11px; }
.combat-list strong { color: #00b5f1; font-size: 17px; }
.friends-ranking, .clan-members { margin-top: 20px; overflow: hidden; border: 1px solid #313131; background: #080808; }
.friends-table-wrap { width: 100%; overflow-x: auto; }
.friends-table { width: 100%; border-collapse: collapse; min-width: 700px; }
.friends-table th { padding: 9px 11px; color: #cfcfcf; background: linear-gradient(#272727,#0c0c0c); border-bottom: 2px solid #313131; text-align: left; font-size: 10px; }
.friends-table td { padding: 6px 11px; color: #f0f0f0; background: #141414; border-bottom: 1px solid #050505; font-size: 11px; }
.friends-table tr:nth-child(even) td { background: #202020; }
.friends-table tr:hover td { background: #0a3548; }
.friend-player { min-width: 165px; display: flex; align-items: center; gap: 9px; color: #fff; text-decoration: none; }
.friend-player img { width: 33px; height: 33px; flex: 0 0 33px; object-fit: cover; border: 1px solid #777; background: #222; }
.friend-player span { display: grid; }
.friend-player small { color: #00a8e9; font-size: 9px; }
.friend-win { color: #7be85a !important; }.friend-loss { color: #f25d54 !important; }

/* Klan profili. */
.clan-profile { overflow: hidden; border: 1px solid #363636; background: #090909; }
.clan-profile__hero { min-height: 190px; padding: 30px; display: grid; grid-template-columns: 105px minmax(0,1fr) 190px; align-items: center; gap: 25px; border-bottom: 2px solid #9b1615; background: linear-gradient(90deg,rgba(5,5,5,.97),rgba(12,4,4,.82),rgba(4,4,4,.72)),url('/assets/img/hero-3.jpg') center / cover; }
.clan-profile__mark { width: 100px; height: 100px; display: grid; place-items: center; border: 1px solid #8c5854; background: radial-gradient(circle,#5e1714,#130504 70%); box-shadow: inset 0 0 0 4px #190706,0 5px 15px #000; }
.clan-profile__mark span { grid-area: 1/1; color: #f0c746; font-size: 48px; text-shadow: 0 2px 3px #000; }.clan-profile__mark small { grid-area: 1/1; color: #111; font-weight: bold; }
.clan-profile__identity p { margin: 0; color: #e53c30; font-size: 10px; font-weight: bold; letter-spacing: 2px; }
.clan-profile__identity h1 { margin: 2px 0 10px; color: #fff; font: 900 37px/1 var(--display); overflow-wrap: anywhere; }
.clan-profile__identity > span { color: #aaa; }.clan-profile__identity a { color: #fff; font-weight: bold; text-decoration: none; }
.clan-profile__score { min-height: 105px; padding: 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #3b2929; background: rgba(0,0,0,.75); text-align: center; }
.clan-profile__score strong { color: #ffe400; font-size: 29px; }.clan-profile__score span { color: #eee; font-size: 10px; font-weight: bold; letter-spacing: 1px; }
.clan-profile__intro { margin: 0; padding: 12px 18px; color: #ccc; border-bottom: 1px solid #282828; background: #111; }
.clan-profile__stats { padding: 16px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)) 150px; gap: 1px; background: #303030; }
.clan-profile__stats > div { padding: 14px; display: flex; flex-direction: column; justify-content: center; background: #141414; }
.clan-profile__stats > div span { color: #999; font-size: 9px; }.clan-profile__stats > div strong { color: #fff; font-size: 21px; }
.stat-win { color: #78e756 !important; }.stat-loss { color: #f25b52 !important; }
.clan-ratio { padding: 8px; display: grid; justify-items: center; background: #0b0b0b; }
.clan-ratio .ratio-chart__graphic { width: 90px; }.clan-ratio .ratio-chart__graphic > strong { font-size: 12px; }.clan-ratio > span { color: #aaa; font-size: 8px; font-weight: bold; }

.stub-panel { padding: 35px; min-height: 410px; color: #ccc; background: #101010; border: 1px solid #333; }
.stub-panel .eyebrow { margin: 0; color: #00a8eb; font-weight: bold; }
.stub-panel h1 { margin: 10px 0 20px; padding-bottom: 12px; border-bottom: 2px solid #0077ae; font: 900 27px/1 var(--display); }
.stub-panel a { color: #00a8eb; }

/* İletişim sayfası. */
.contact-panel { min-height: 430px; overflow: hidden; border: 1px solid #333; background: #090909; }
.contact-panel > header { min-height: 160px; padding: 36px 38px; border-bottom: 2px solid #008ecb; background: linear-gradient(90deg,rgba(0,9,14,.97),rgba(0,35,52,.72),rgba(0,0,0,.78)),url('/assets/img/hero-3.jpg') center 38% / cover; }
.contact-panel > header p { margin: 0; color: #00afe9; font-size: 10px; font-weight: bold; letter-spacing: 2px; }
.contact-panel > header h1 { margin: 3px 0 9px; color: #fff; font: 900 36px/1 var(--display); }
.contact-panel > header span { color: #d1d1d1; }
.contact-grid { padding: 24px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.contact-card { min-height: 88px; padding: 15px; display: grid; grid-template-columns: 50px minmax(0,1fr); align-items: center; gap: 13px; color: #fff; text-decoration: none; border: 1px solid #333; background: linear-gradient(135deg,#1e1e1e,#090909); transition: border-color .15s,transform .15s,background .15s; }
.contact-card:hover { border-color: #00a9e8; background: linear-gradient(135deg,#07354a,#090909); transform: translateY(-2px); }
.contact-card i { width: 46px; height: 46px; display: grid; place-items: center; color: #fff; border-radius: 50%; background: #087dab; font: 900 21px/1 Arial; font-style: normal; box-shadow: inset 0 0 0 2px rgba(255,255,255,.17); }
.contact-card span { min-width: 0; display: grid; }.contact-card small { color: #00a9e8; font-size: 9px; font-weight: bold; letter-spacing: 1px; }.contact-card strong { overflow-wrap: anywhere; font-size: 13px; }
.contact-card--instagram i { background: linear-gradient(135deg,#6a35ca,#e12e72,#ef902a); }.contact-card--tiktok i { color: #52f6ee; background: #080808; text-shadow: 2px 1px #ed2457; }.contact-card--youtube i { background: #d91616; }

.classic-footer { color: #b8b8b8; border-top: 1px solid #4e1212; background: rgba(5,5,5,.94); }
.classic-footer__inner { width: 980px; min-height: 100px; margin: auto; padding: 25px 0; position: relative; }
.classic-footer__wolf { color: #a7a7a7; font: 900 15px/1 var(--display); }
.classic-footer p { max-width: 650px; color: #aaa; font-size: 11px; }
.classic-footer nav { position: absolute; right: 0; top: 27px; display: flex; gap: 15px; }
.classic-footer a { color: #c0c0c0; text-decoration: none; }
.classic-footer a:hover { color: #00a8eb; }

@media (max-width: 1020px) {
  .utility-bar__inner, .main-menu__inner, .classic-slider__copy, .classic-layout, .shell, .site-wrap, .classic-footer__inner { width: calc(100% - 28px); }
  .main-menu__side { width: calc(50% - 130px); }
  .main-menu__side a { padding-inline: 5px; font-size: 10px; }
  .classic-slider__dots { margin-left: 7%; }
  .classic-layout { grid-template-columns: 190px minmax(0,1fr) 230px; gap: 12px; }
}

@media (max-width: 790px) {
  .utility-status { display: none; }
  .main-menu { height: auto; min-height: 158px; border-bottom: 1px solid #05668f; background-color: #090909; background-image: none; }
  .main-menu__inner { height: 158px; padding-top: 100px; display: flex; justify-content: center; }
  .prime-logo { top: -14px; width: 190px; height: 120px; }
  .prime-logo img { width: 185px; height: 120px; }
  .main-menu__side { position: static; width: auto; height: 48px; display: flex; }
  .main-menu__side a { padding: 15px 7px; font-size: 9px; }
  .classic-slider { height: 360px; }
  .classic-slider__art { height: 315px; background-position: 60% center; }
  .classic-slider__copy { padding: 90px 12px 0; }
  .classic-slider__copy h1 { font-size: 42px; }
  .classic-slider__rail { height: 58px; gap: 8px; }
  .classic-slider__rail button { width: 45px; height: 38px; font-size: 40px; }
  .classic-slider__rail strong { width: auto; font-size: 9px; }
  .classic-slider__rail > span { font-size: 18px; }
  .classic-slider__dots { display: none; }
  .classic-layout { grid-template-columns: 1fr; }
  .classic-center { grid-row: 1; }
  .classic-right { grid-row: 2; }
  .classic-left { grid-row: 3; }
  .classic-left, .classic-right { grid-template-columns: repeat(auto-fit,minmax(230px,1fr)); }
  .login-panel form { grid-template-columns: 1fr; }
  .classic-login { min-height: 38px; grid-column: 1; grid-row: auto; }
  .board-table { display: block; overflow-x: auto; }
  .board-tabs, .period-tabs { max-width: 100%; }
  .classic-panel.account-form { padding-inline: 22px; }
  .classic-panel.account-form h1 { margin-inline: -22px; }
  .account-form label { grid-template-columns: 1fr; gap: 5px; }
  .account-form label > span, .account-form label > input:not([type=checkbox]), .account-form label > select { grid-column: 1; }
  .field__help { margin-left: 0; }
  .account-form .submit { width: 100%; }
  .classic-footer__inner { min-height: 130px; }
  .classic-footer nav { position: static; margin-top: 14px; }
  .player-profile__hero { padding: 27px 20px; grid-template-columns: 92px minmax(0,1fr); gap: 17px; }
  .player-profile__rank { width: 90px; height: 90px; padding: 6px; }
  .player-profile__rank img { width: 76px; height: 76px; }
  .player-profile__identity h1 { font-size: 32px; }
  .player-profile__standing { grid-column: 1 / -1; min-height: 90px; }
  .career-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .combat-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .legacy-profile__summary { grid-template-columns: 1fr; }
  .profile-highlights { grid-template-columns: 150px minmax(0,1fr); }
  .combat-list { grid-template-columns: 1fr; }
  .clan-profile__hero { padding: 24px 20px; grid-template-columns: 92px minmax(0,1fr); }
  .clan-profile__mark { width: 88px; height: 88px; }
  .clan-profile__score { grid-column: 1 / -1; min-height: 82px; }
  .clan-profile__stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .clan-ratio { grid-column: 1 / -1; }
  .contact-grid { grid-template-columns: 1fr; }
}

@media (max-width: 500px) {
  .utility-account { gap: 7px; }
  .main-menu { min-height: 190px; }
  .main-menu__inner { height: 190px; padding-top: 108px; display: grid; grid-template-columns: 1fr; grid-template-rows: 36px 36px; align-content: start; }
  .main-menu__side { width: 100%; height: 36px; justify-content: stretch; }
  .main-menu__side a { flex: 1; padding: 9px 3px; font-size: 8px; text-align: center; white-space: nowrap; }
  .classic-slider__copy h1 { font-size: 34px; }
  .featured-news__body { grid-template-columns: 1fr; }
  .board-tabs { height: auto; grid-template-columns: 1fr; }
  .board-tabs .board-banner { width: 235px; }
  .period-tabs { width: 100%; }
  .profile-shell { width: calc(100% - 16px); padding: 7px; }
  .player-profile__hero { padding: 24px 14px; grid-template-columns: 74px minmax(0,1fr); }
  .player-profile__rank { width: 72px; height: 72px; padding: 5px; }
  .player-profile__rank img { width: 60px; height: 60px; }
  .player-profile__identity h1 { font-size: 27px; }
  .player-profile__clan { min-width: 0; width: 100%; }
  .player-profile__body { padding: 8px; gap: 10px; }
  .profile-section-title { align-items: flex-start; flex-direction: column; gap: 2px; }
  .career-stat--primary { grid-column: span 2; }
  .combat-grid, .wallet-grid { grid-template-columns: 1fr; }
  .player-profile__toolbar { align-items: flex-start; flex-direction: column; }
  .legacy-profile__summary { padding: 10px; }
  .profile-facts div { grid-template-columns: 112px minmax(0,1fr); }
  .profile-charts { grid-template-columns: 1fr; }
  .ratio-chart__graphic { width: 155px; }
  .profile-highlights { padding: 0 10px 10px; grid-template-columns: 1fr; }
  .total-match { min-height: 110px; }
  .clan-profile__hero { padding: 20px 13px; grid-template-columns: 72px minmax(0,1fr); gap: 14px; }
  .clan-profile__mark { width: 70px; height: 70px; }.clan-profile__mark span { font-size: 34px; }
  .clan-profile__identity h1 { font-size: 27px; }
  .clan-profile__stats { grid-template-columns: 1fr 1fr; }
  .contact-panel > header { padding: 27px 20px; }.contact-grid { padding: 12px; }
}
/* Shared membership window. */
.membership-open { overflow: hidden; }
.membership-page { max-width: 960px; padding: 32px 16px; margin: auto; }
.membership-dialog { color: #eaf5fc; padding: 0; border: 2px solid #1774a0; border-radius: 4px; width: min(940px, calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 48px); overflow: auto; background: #081823; box-shadow: 0 20px 90px #000b; }
.membership-dialog::backdrop { background: #000b; }
.membership-content { min-height: 80px; }
.membership-content > a { color: #ffdb6e; }
.membership-close { position: absolute; z-index: 2; top: 8px; right: 8px; width: 38px; height: 38px; padding: 0; border: 1px solid #54bfe3; border-radius: 50%; background: linear-gradient(#14739d, #063c56); color: white; font-size: 30px; line-height: 1; cursor: pointer; }
.membership-panel { background: linear-gradient(145deg, #153e53, #08141e 65%, #030608); color: #eaf5fc; text-align: left; font-family: Arial, sans-serif; }
.membership-heading { padding: 22px 54px 20px 24px; border-bottom: 3px solid #03151e; background: linear-gradient(#0e95d2, #07608b 45%, #032c45); display: flex; align-items: center; gap: 20px; }
.membership-heading h1 { margin: 0; color: white; font-size: 23px; line-height: 1.2; white-space: nowrap; }
.membership-heading p { color: #ffd263; margin: 0; font-size: 13px; line-height: 1.5; }
.membership-rewards { text-align: center; padding: 15px 20px; border-bottom: 1px solid #306176; background: #072637; }
.membership-rewards > strong { color: #e4eef4; font-size: 12px; letter-spacing: 1px; }
.membership-rewards p { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 24px; margin: 8px 0; color: #ffda67; font-size: 20px; }
.membership-rewards span { color: #b7d4e2; font-size: 12px; line-height: 1.5; }
.membership-columns { display: grid; grid-template-columns: 1.15fr 1fr; gap: 30px; padding: 26px; align-items: start; }
.membership-register h2 { font-size: 17px; color: #fff; margin: 0 0 18px; }
.membership-panel form { margin: 0; }
.membership-panel label { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 10px; align-items: center; margin: 0 0 12px; font-size: 13px; font-weight: 600; }
.membership-panel input:not([type=checkbox]), .membership-panel select { width: 100%; min-width: 0; height: 35px; margin: 0; padding: 6px 9px; border: 1px solid #81939b; border-radius: 0; box-sizing: border-box; background: #fff; color: #182b36; font: 14px Arial, sans-serif; color-scheme: light; }
.membership-panel input:focus, .membership-panel select:focus { outline: 2px solid #22b7f4; outline-offset: 2px; }
.membership-help { margin: -3px 0 13px; font-size: 12px; line-height: 1.6; color: #abc3d1; }
.membership-panel .membership-consent { display: flex; align-items: flex-start; gap: 9px; font-size: 12px; line-height: 1.5; font-weight: normal; margin: 15px 0; }
.membership-consent input { width: 17px; height: 17px; margin: 1px 0 0; flex: 0 0 17px; accent-color: #ffbf00; }
.membership-signup, .membership-signin { display: block; width: 100%; border-radius: 3px; cursor: pointer; font-weight: bold; font-family: Arial, sans-serif; }
.membership-signup { padding: 20px 10px; font-size: 24px; color: #513900; border: 1px solid #df9500; background: linear-gradient(#fff653, #ffce17 50%, #f89400); box-shadow: inset 0 1px #fff6b0, 0 3px 7px #0007; }
.membership-signup:hover { filter: brightness(1.1); }
.membership-login { padding: 24px; border: 8px solid #fff; border-radius: 12px; color: #17232b; background: linear-gradient(#eee, #fff 45%, #e1e1e1); box-shadow: inset 0 0 10px #0002, 0 4px 12px #0007; }
.membership-login h2 { font-size: 28px; color: #18232b; margin: 0 0 22px; }
.membership-login label { display: block; margin-bottom: 14px; }
.membership-login label > span { display: block; font-size: 12px; margin-bottom: 6px; }
.membership-login input:not([type=checkbox]) { height: 40px; }
.membership-recovery { display: block; text-align: right; color: #205579; font-size: 13px; margin: 4px 0 20px; text-decoration: underline; }
.membership-signin { padding: 12px; font-size: 22px; color: white; border: 2px solid #117700; background: linear-gradient(#4af523, #0bb100 52%, #087700); text-shadow: 0 1px 2px #265800; box-shadow: 0 2px 4px #0005; }
.membership-signin:hover { filter: brightness(1.08); }
.membership-login > p { font-size: 12px; line-height: 1.6; color: #53636c; margin: 20px 0 0; }
.membership-panel > .notice { margin: 14px 24px 0; }
@media (max-width: 700px) {
  .membership-dialog { width: calc(100vw - 16px); max-height: calc(100dvh - 20px); }
  .membership-heading { display: block; padding: 18px 48px 16px 16px; }
  .membership-heading h1 { font-size: 20px; margin-bottom: 8px; }
  .membership-columns { grid-template-columns: 1fr; padding: 20px 16px; gap: 24px; }
  .membership-panel label { grid-template-columns: 110px minmax(0, 1fr); gap: 8px; font-size: 12px; }
  .membership-login { padding: 20px; }
  .membership-rewards p { font-size: 17px; gap: 8px 16px; }
}

/* Explicit contrast for download links overrides generic content links. */
.stub-panel a.download-cta, .stub-panel a.download-cta:visited { color: #fff; background: #07527b; font: 800 17px/1.4 Arial, sans-serif; text-decoration: none; text-shadow: 0 1px 2px #001826; letter-spacing: .3px; min-height: 56px; padding: 14px 20px; }
.stub-panel a.download-cta:hover, .stub-panel a.download-cta:focus-visible { color: #fff; background: #063c5a; outline: 2px solid #7de8ff; outline-offset: 3px; }
.contact-card img { width: 34px; height: 34px; object-fit: contain; }
.contact-card--discord i { background: #202225; }
.main-menu__side--right a { font-size: 11px; }
@media(max-width:790px) { .main-menu__side--right a { font-size: 9px; } }

.discord-widget__content{padding:16px}
.discord-widget__content p{margin:0 0 16px;color:#d9d9d9;line-height:1.6;font-size:14px}
.discord-widget__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}
.discord-widget__actions a{flex:1;text-align:center;white-space:nowrap;font-size:12px;padding:12px 10px}
.discord-widget__verify{border:1px solid #8f793f;color:#f2d998;text-decoration:none;background:#252016}
.discord-widget__verify:hover,.discord-widget__verify:focus-visible{background:#3a3020;color:#fff}
.discord-widget iframe{display:block;width:100%;height:500px;border:0;border-radius:4px;background:#202225}

/* Separate membership windows retain the classic site colors. */
.membership-dialog { width: min(620px, calc(100vw - 24px)); }
.membership-dialog[data-membership-dialog="login"] { width: min(480px, calc(100vw - 24px)); }
.membership-page { max-width: 650px; }
.membership-columns--single { grid-template-columns: minmax(0, 1fr); }
.membership-switch { color: #abc3d1; text-align: center; line-height: 1.6; }
.membership-switch a { color: #ffdb6e; }

.news-entry{padding:17px 18px;border-bottom:1px solid #393b3d}.news-entry h3{margin:0 0 5px;font-size:15px}.news-entry h3 a,.news-read{color:#e5ca85}.news-entry time{color:#999;font-size:11px}.news-entry p{font-size:13px;line-height:1.6;color:#ccc}.news-read{font-size:12px}.announcement-page{max-width:980px;width:calc(100% - 28px);margin:30px auto}.announcement-body{white-space:pre-wrap;overflow-wrap:anywhere;padding:24px;font:14px/1.85 Arial,sans-serif;color:#ddd}.announcement-nav{display:flex;flex-wrap:wrap;gap:16px;padding:16px}.announcement-page h1{font-size:25px;padding:20px 24px 0;margin:0}.announcement-page time{display:block;padding:12px 24px 0;color:#999}.discord-widget__content{min-height:0}.news-box{overflow:visible}@media(max-width:600px){.announcement-body{padding:16px}.announcement-page h1{font-size:21px;padding:18px 16px 0}}

.welcome-box__content p{min-width:0;overflow-wrap:anywhere}.classic-slider__rail>a{min-width:0;text-align:center}.classic-slider__rail strong{max-width:100%}.news-entry h3{overflow-wrap:anywhere}

/* Restore the original compact title/date news rows. */
.news-list--compact li{padding:0;min-height:33px}
.news-list--compact li>a{display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:33px;padding:8px 12px;color:#f0f0f0;text-decoration:none;font-size:12px;line-height:17px}
.news-list--compact li>a>span{min-width:0;overflow-wrap:anywhere}
.news-list--compact time{flex-shrink:0;font-size:11px}
.news-list--compact li>a:hover{color:#e7df00;background:#ffffff09}
.news-list--compact li>a:focus-visible{outline:2px solid #18a6db;outline-offset:-2px}
/* Classic announcement detail, matching the original olive and metal news page. */
.retro-announcement{max-width:800px;margin:24px auto 44px;background:#111504;border:1px solid #393b30;box-shadow:0 5px 24px #0009;color:#bdb889;font-family:Verdana,Arial,sans-serif;border-radius:7px 7px 0 0;overflow:hidden}
.retro-news-header{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 15px;border-top:1px solid #9b9b8e;border-bottom:2px solid #292b23;background:linear-gradient(180deg,#ffffff29,#0004 45%,#0008),url('/assets/img/classic/background.jpg') center 30%;background-size:auto,820px auto}
.retro-news-brand{white-space:nowrap;color:#f3d443!important;font:bold italic 26px/1.2 Arial,sans-serif;letter-spacing:-1px;text-shadow:1px 1px #000,2px 2px #000,-1px -1px #fff6;text-decoration:none!important}
.retro-news-brand span{display:inline-block;color:#c8c7b8;font-style:normal;font-size:33px;margin-right:9px;text-shadow:2px 1px #a66324}
.retro-news-header nav{font-size:10px;font-weight:bold;color:#b8b79b;text-align:right;line-height:1.6}
.retro-news-header nav a{color:inherit}
.retro-news-inner{padding:0 16px 22px}
.retro-news-intro{font-size:12px;line-height:1.4;letter-spacing:.35px;margin:15px 0 10px;padding-bottom:12px;border-bottom:1px solid #676853;color:#bbb88d}
.retro-news-intro strong{color:#e58417;font-weight:normal}
.retro-announcement h1.retro-article-title{font:normal 16px/1.4 Arial,sans-serif;color:#fa321f;background:#35160b;border:1px solid #923023;padding:3px 7px;margin:10px 0 5px;overflow-wrap:anywhere}
.retro-news-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;border:3px double #67532b;background:#30210b;padding:5px 8px;font-size:11px;letter-spacing:.3px;color:#bdb889}
.retro-news-meta span+span{border-left:1px solid #151704;padding-left:24px}
.retro-announcement .retro-news-meta time{display:inline;padding:0;color:inherit;font-size:inherit}
.retro-publisher{font:bold italic 11px Georgia,serif;color:#e0c376}
.retro-announcement .announcement-body{padding:0;white-space:normal;font:12px/1.65 Verdana,Arial,sans-serif;color:#bdb889;overflow-wrap:anywhere}
.retro-summary{color:#f13221;font-weight:bold;margin:18px 0}
.retro-news-section{margin:24px 0 45px}
.retro-news-section h2{font:bold 12px/1.6 Verdana,Arial,sans-serif;color:#c9c391;margin:0 0 12px}
.retro-news-section p{margin:7px 0;color:#bdb889}
.retro-news-figure{margin:24px auto 32px;max-width:600px;text-align:center;padding:18px 12px 12px;background:linear-gradient(#24251c,#0c0f07);border:1px solid #3a3c27}
.retro-news-figure img{display:block;max-width:100%;width:auto;max-height:210px;height:auto;object-fit:contain;margin:auto}
.retro-news-figure figcaption{margin:14px 0 0;font-size:11px;color:#a8a37e}
.retro-news-bottom{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #55563c;padding-top:16px;font-size:11px}
.retro-news-bottom a,.retro-news-index a{color:#d7c66b}
.retro-news-index article{padding:18px 0 25px;border-bottom:1px solid #3b3c27;font-size:12px;line-height:1.65}
.retro-news-index h2{font-size:14px;margin:0 0 10px}.retro-news-index h2 a{color:#ec5134}
@media(max-width:600px){.retro-announcement{width:calc(100% - 16px);margin-top:12px}.retro-news-header{flex-wrap:wrap;gap:3px;padding:7px 10px}.retro-news-header nav{width:100%;text-align:left;padding-left:2px}.retro-news-inner{padding:0 11px 18px}.retro-news-brand{font-size:25px}.retro-news-meta{flex-wrap:wrap;gap:7px}.retro-news-meta span+span{padding-left:8px}.retro-news-section{margin-bottom:32px}.retro-news-figure{margin:22px 0}}

.retro-announcement h1.retro-article-title{letter-spacing:normal;text-transform:none;max-width:none;width:auto;text-shadow:none;transform:none}
@media(min-width:901px){.retro-announcement{margin-top:82px}}

/* High-resolution editorial artwork; preserve original proportions. */
.retro-news-figure{max-width:600px;padding:0;background:none;border:0;margin:24px auto 32px}
.retro-news-figure img{width:100%;height:auto;max-height:none;display:block;border:1px solid #45462d}
.retro-news-figure figcaption{margin-top:8px;font-size:10px;color:#96916d}

.retro-news-figure{max-width:520px}
.retro-news-figure img{width:100%;height:auto;border:0;max-height:none;object-fit:contain}

.article-weapon{margin:14px 0 20px;display:flex;justify-content:center}
.article-weapon img{width:auto;max-width:100%;height:auto;object-fit:contain}
.article-weapon img[src*="elwrci"]{width:420px}

.classic-footer__inner{padding-bottom:22px}.classic-footer__wolf{line-height:1.4}.classic-footer nav{position:static;margin-top:14px;flex-wrap:wrap}.classic-footer p{max-width:850px;line-height:1.6}

/* 2013 reference layout: metal navigation, hazard rail, cyan headers. */
body{background:#141414 url('/assets/img/retro-20261013/bg.jpg') center top repeat-y;background-size:1920px auto;font-family:Arial,Helvetica,sans-serif;color:#ddd}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #24c3ff;outline-offset:3px}
.utility-bar{height:38px;background:#090b0dd9;border-bottom:1px solid #323b3f}
.utility-bar__inner{width:min(1220px,calc(100% - 32px));height:38px}
.utility-status{color:#a3adb2;font-size:11px}
.main-menu{height:74px;background:#101214 url('/assets/img/retro-20261013/headermenu_bg.png') center top/1920px 74px no-repeat;border-top:1px solid #284c60;z-index:10}
.main-menu__inner{width:min(1220px,calc(100% - 32px));height:74px}
.main-menu__side{height:66px;width:calc(50% - 165px);top:0;gap:4px}
.main-menu__side a{font-size:13px;padding:22px 7px;letter-spacing:.25px}
.main-menu__side a[aria-current=page]{color:#00bafa}
.prime-logo{width:310px;height:180px;top:-1px;left:50%;transform:translateX(-50%);background:linear-gradient(165deg,#6a6b6b,#17191b 42%,#070809 80%);clip-path:polygon(0 0,100% 0,86% 100%,14% 100%);border-top:1px solid #aaa;display:grid;place-items:center}
.prime-logo::before{display:none}
.prime-logo img{width:255px;height:160px;object-fit:contain;filter:drop-shadow(0 4px 3px #000)}
.retro-hero{position:relative;max-width:1800px;margin:auto;background:#04090a;border-bottom:1px solid #333}
.retro-slide{position:relative;height:490px}
.retro-slide__image{display:block;position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}
.retro-slide__copy{position:relative;width:min(1220px,calc(100% - 48px));height:100%;margin:auto;padding-top:135px;text-shadow:0 2px 6px #000}
.retro-slide__copy>p{color:#69cae4;font-weight:bold;font-size:12px;letter-spacing:2px;margin:0 0 16px}
.retro-slide__copy h1,.retro-slide__copy h2{font:900 clamp(28px,3vw,48px)/1.1 'Arial Narrow',Arial,sans-serif;color:#fff;max-width:530px;letter-spacing:-1px;margin:0 0 15px;text-transform:uppercase}
.retro-slide__copy>span{display:block;max-width:420px;font-size:16px;color:#d1d8d8;line-height:1.6}
.retro-slide__copy>a{display:inline-block;color:#fff;font-size:12px;font-weight:bold;margin-top:22px;border-bottom:2px solid #07ace7;padding:8px 0}
.retro-slide__copy>a b{margin-left:18px;color:#0cb5ed}
.retro-rail{position:relative;height:65px;background:repeating-linear-gradient(45deg,#101010 0 15px,#51431a 15px 30px);border-block:1px solid #786833;display:flex;gap:18px;align-items:center;justify-content:center;padding:0 max(20px,calc((100% - 1220px)/2))}
.retro-rail::before{content:'';position:absolute;inset:10px 0;background:linear-gradient(#313131,#080909);border-block:1px solid #444}
.retro-rail>*{position:relative;z-index:1}
.retro-rail>button{border:1px solid #444;background:linear-gradient(135deg,#9b9b9b,#e6e6e6,#6e6e6e);color:#101111;width:65px;height:44px;font-size:25px;cursor:pointer}
.retro-dots{display:flex;gap:8px;margin-right:auto}
.retro-dots button{width:10px;height:10px;padding:0;border:1px solid #abb0b1;background:#363a3d;cursor:pointer;transform:rotate(45deg)}
.retro-dots button[aria-pressed=true]{background:#00b8f4;border-color:#5ee6ff;box-shadow:0 0 8px #00bafa}
.retro-play{width:274px;height:88px;position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:url('/assets/img/retro-20261013/btn_oyun_indir.png') center/contain no-repeat}
.retro-play:hover{background-image:url('/assets/img/retro-20261013/btn_oyun_indir_hover.png')}
.retro-rail>[data-slide-count]{font:700 19px Arial;color:white;margin-left:auto;min-width:50px}
.retro-layout{width:min(1220px,calc(100% - 32px));margin:40px auto 64px;display:grid;grid-template-columns:240px minmax(0,1fr) 270px;gap:24px;align-items:start}
.retro-layout>*,.classic-center,.classic-left,.classic-right{min-width:0}
.classic-box{border:0;border-radius:0;box-shadow:none;background:#080a0bb8;margin-bottom:22px;overflow:visible}
.classic-title{height:auto;min-height:35px;padding:8px 14px 8px 23px;margin:0;border-top:1px solid #147091;border-bottom:1px solid #064865;clip-path:polygon(12px 0,100% 0,calc(100% - 10px) 100%,0 100%);background:linear-gradient(112deg,#065473 0,#061721 10%,#03090d 65%,#083344);color:#edf4f7;font:bold 13px/18px Arial;text-transform:uppercase;letter-spacing:.35px;display:flex;justify-content:space-between;gap:8px}
.classic-title::before{content:none}
.classic-title a{font:normal 11px/18px Arial;color:#64b4d5;text-transform:none;letter-spacing:0}
.side-menu{padding:9px 0 12px}
.side-menu>a{display:block;border-bottom:1px solid #252729;background:linear-gradient(90deg,#121416,#090a0b);padding:10px 15px;font-size:12px;color:#d6d9db}
.side-menu>a::before{content:'›';position:static;color:#9ca0a3;margin-right:10px;font-size:17px}
.side-menu>a:hover,.side-menu>a.active{color:#02baff;background:#101f27}
.retro-news details{border-bottom:1px solid #343638}
.retro-news summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;background:linear-gradient(#2f3031,#171819);cursor:pointer;list-style:none;font-size:12px;line-height:1.4}
.retro-news summary::-webkit-details-marker{display:none}
.retro-news summary>span::before{content:'›';color:#dd7e2e;font-weight:bold;margin-right:8px}
.retro-news details[open] summary>span::before{content:'⌄';color:#17b3e7}
.retro-news time{flex-shrink:0;color:#d7ce18;font-size:10px;font-weight:bold}
.retro-news__body{padding:15px;font-size:13px;line-height:1.65;display:flow-root;background:#090b0cd9}
.retro-news__body img{width:45%;height:110px;object-fit:cover;float:left;margin:0 14px 9px 0}
.retro-news__body p{margin:0 0 12px;color:#d1d3d5}
.retro-news__body>a{float:right;min-width:130px;text-align:center;color:#72b4d2;background:#082230;padding:4px 14px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);font-size:11px}
.retro-armory__stage{position:relative;height:170px;background:#161819 url('/assets/img/retro-20261013/cephanelik_bg.png') center/100% 100% no-repeat;display:grid;place-items:center}
.retro-armory__stage>a{width:78%;text-align:center;color:#c5cdd1;font-size:11px}
.retro-armory__stage img{width:100%;height:95px;object-fit:contain;display:block}
.retro-armory__stage button{position:absolute;top:55px;border:1px solid #156184;background:linear-gradient(#1b3543,#11181c);color:#51c3f5;width:32px;height:48px;cursor:pointer}
.retro-armory__stage button[data-slide-step='-1']{left:7px}.retro-armory__stage button[data-slide-step='1']{right:7px}
.retro-community>div{padding:12px}.retro-community img{width:100%;aspect-ratio:3/1;object-fit:cover}.retro-community h3{color:#e1cd94;font-size:16px;margin:12px 0 6px}.retro-community p{font-size:12px;line-height:1.6}.retro-community a{display:inline-block;font-size:11px;padding:9px 10px;color:#fff;background:linear-gradient(#25404f,#0b1820);border:1px solid #2c5e76;margin:4px 7px 0 0}
.retro-welcome p{padding:12px 14px 0;font-size:12px;line-height:1.8;margin:0}.retro-welcome strong{color:#e9cf80}.retro-welcome a{color:#55bbe7}.retro-welcome small{display:block;padding:5px 14px 12px;font-size:10px;color:#8c9ba2}
.retro-layout .login-panel form{display:grid;grid-template-columns:minmax(0,1fr) 70px;gap:6px;padding:12px 10px 0}
.retro-layout .login-panel input:not([type=checkbox]):not([type=hidden]){width:100%;height:32px;border:1px solid #8c969b;border-radius:0;background:#f2f3f3;color:#151515;font:12px Arial;padding:7px 8px;min-width:0}
.retro-layout #login-username{grid-column:1;grid-row:1}.retro-layout #login-password{grid-column:1;grid-row:2}
.retro-layout .classic-login{grid-column:2;grid-row:1/3;width:100%;height:auto;background:linear-gradient(#777,#303030);border:1px solid #7a7a7a;font:bold 13px Arial;color:#fff;padding:4px;cursor:pointer;border-radius:0}
.retro-layout .remember-login{grid-column:1/-1;font-size:11px;margin:4px 0}.retro-layout .forgot-link{display:block;padding:7px 10px;font-size:11px}
.signup-banner{margin:5px 10px 12px;padding:13px 9px;background:linear-gradient(#a0f320,#4d9c03);border:1px solid #83ca29;border-radius:0;color:#102000;box-shadow:inset 0 0 12px #315900;text-shadow:0 1px #c3ff6b}.signup-banner small{font-size:11px;color:#173100}.signup-banner strong{font:bold 20px/1.4 Arial;color:#0d2300}
.mini-ranking{border:1px solid #25292c}.mini-ranking__head{min-height:64px;background-size:200% 200%}.mini-ranking ol{padding:8px 8px 12px}.mini-ranking li{min-width:0;font-size:11px;gap:5px}.mini-ranking li>a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-ranking em{font-size:10px}
.retro-social{display:block;position:relative;margin:45px 0 25px;height:122px;border:1px solid #4a5964;box-shadow:0 3px 8px #0009;background:linear-gradient(120deg,#263b81,#142333);overflow:visible}
.retro-social span{display:block;position:relative;z-index:2;padding:22px 10px;width:68%;text-shadow:1px 1px 3px #000}
.retro-social small{color:#c2dcf0;font-size:9px;letter-spacing:.3px}.retro-social strong{display:block;color:white;font:bold 18px/1.3 Arial;margin-top:6px}.retro-social img{position:absolute;right:-5px;bottom:0;height:158px;width:130px;object-fit:contain;object-position:bottom;pointer-events:none}
.retro-social--youtube{background:linear-gradient(120deg,#762827,#20282c)}.retro-social--guide{background:linear-gradient(120deg,#155566,#101b22)}
.retro-help>a{display:block;padding:12px;font-size:12px;border-bottom:1px solid #292e32;color:#bbcdd7}
.classic-footer{border-top:1px solid #41464a;background:#080a0bdd}.classic-footer__inner{width:min(1220px,calc(100% - 32px));padding:28px 0;color:#838c91;font-size:11px}.classic-footer__wolf{color:#b7c0c4;font-size:13px}.classic-footer p{max-width:960px;line-height:1.8}.classic-footer a{color:#a0b7c4}
.retro-content{width:min(1180px,calc(100% - 32px));margin:116px auto 55px;background:#090d10dd;border:1px solid #2b3f48;padding:22px}
.retro-breadcrumb{display:flex;gap:13px;font-size:11px;color:#8a9eaa;margin-bottom:18px}.retro-breadcrumb a{color:#38b4e6}
.retro-content>h1{font-size:19px;min-height:44px;align-items:center}.content-intro{font-size:14px;line-height:1.8;padding:15px;color:#c2cdd2}
.guide-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;padding-top:25px}.guide-index a{display:block;padding:13px 12px;border-bottom:1px solid #29414c;color:#75b3cc;font-size:12px}.guide-body{font-size:14px;line-height:1.9}.guide-body h2{font-size:20px;color:#e1c67c;margin-top:0}.guide-body h3{font-size:16px;color:#a9d7e8}.guide-body section{margin-bottom:35px;scroll-margin-top:25px}.guide-body a{color:#39bfe9}.guide-body ol{padding-left:22px}.guide-body li{margin:10px 0}.controls-table{display:grid;grid-template-columns:140px 1fr}.controls-table dt,.controls-table dd{padding:9px;margin:0;border-bottom:1px solid #263137}.controls-table dt{color:#e0d7b3;background:#172027}
.armory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:12px}.armory-grid article{background:#13191c;border:1px solid #39444b;text-align:center;padding:18px}.armory-grid img{width:100%;height:110px;object-fit:contain}.armory-grid h2{font-size:17px;color:#d8c27d}.armory-grid p{font-size:12px;color:#96a9b2}
.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:12px}.media-grid a{display:block;background:#121d24;border:1px solid #385465}.media-grid img{display:block;width:100%;height:auto}.media-grid span{display:block;padding:12px;font-size:13px;color:#c2dfe9}.retro-video-link{display:block;padding:18px;margin:18px 12px;background:#382127;color:#f0bfc6;font-size:14px;text-align:center}
.gallery-dialog{max-width:95vw;width:1500px;padding:8px;background:#080e12;border:1px solid #527084;color:white}.gallery-dialog::backdrop{background:#000d}.gallery-dialog img{display:block;width:100%;height:auto}.gallery-dialog button{position:absolute;right:12px;top:12px;width:38px;height:38px;background:#000c;color:white;border:1px solid #777;font-size:26px;cursor:pointer}
@media(max-width:1100px){.main-menu__side{width:calc(50% - 125px)}.main-menu__side a{font-size:11px;padding-inline:3px}.prime-logo{width:240px;height:148px}.prime-logo img{width:210px;height:138px}.retro-layout{grid-template-columns:195px minmax(0,1fr) 235px;gap:15px}.retro-social strong{font-size:16px}.retro-slide{height:430px}.retro-slide__copy{padding-top:125px}.retro-slide__copy h1,.retro-slide__copy h2{max-width:400px;font-size:35px}}
@media(max-width:800px){.utility-status{display:none}.utility-bar__inner{width:calc(100% - 22px)}.utility-account{gap:10px}.utility-account>a:first-child{display:none}.main-menu{height:174px;min-height:0;background:#0d1114}.main-menu__inner{height:174px;width:100%}.prime-logo{top:0;left:50%;width:210px;height:116px}.prime-logo img{width:175px;height:110px}.main-menu__side{position:absolute;display:flex;justify-content:center;width:100%;height:28px;top:117px;left:0;gap:24px}.main-menu__side--right{top:145px}.main-menu__side a{font-size:11px;padding:6px 1px}.retro-slide{height:355px}.retro-slide__image{object-position:63% center}.retro-slide__copy{padding-top:100px;width:calc(100% - 32px);background:linear-gradient(90deg,#0009,transparent 75%)}.retro-slide__copy>p{font-size:9px;letter-spacing:1px}.retro-slide__copy h1,.retro-slide__copy h2{font-size:29px;max-width:260px}.retro-slide__copy>span{max-width:235px;font-size:13px}.retro-slide__copy>a{margin-top:12px}.retro-play{width:205px;height:66px;bottom:12px}.retro-rail{gap:10px;padding:0 12px;height:55px}.retro-rail>button{width:40px;height:35px;font-size:18px}.retro-dots{display:none}.retro-rail>[data-slide-count]{font-size:12px;min-width:30px}.retro-rail>button:last-child{margin-left:auto}.retro-rail>[data-slide-count]{position:absolute;right:62px}.retro-layout{grid-template-columns:minmax(0,1fr) 235px;margin-top:25px}.classic-left{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:15px}.classic-left>.classic-box:first-child{grid-column:1/-1}.classic-left>.classic-box{margin-bottom:0}.classic-left .side-menu{display:flex;flex-wrap:wrap;padding:0}.classic-left .side-menu>a{flex:1 0 30%;font-size:10px;padding:8px}.classic-center{grid-column:1;grid-row:2}.classic-right{grid-column:2;grid-row:2}.retro-content{margin-top:26px;padding:14px}.guide-layout{grid-template-columns:1fr}.guide-index{display:flex;flex-wrap:wrap}.guide-index a{flex:1 0 40%}.armory-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.utility-brand{font-size:12px}.utility-account{font-size:10px;gap:8px}.retro-slide{height:315px}.retro-slide__copy{padding-top:65px}.retro-slide__copy h1,.retro-slide__copy h2{font-size:26px;max-width:225px}.retro-slide__copy>span{max-width:190px}.retro-layout{display:flex;flex-direction:column;width:calc(100% - 20px);gap:20px}.classic-left,.classic-center,.classic-right{width:100%}.classic-right{order:-1}.classic-right .retro-social,.classic-right .retro-help{display:none}.classic-right .login-panel{margin:0}.classic-left{order:2}.classic-left .mini-ranking{max-width:100%}.retro-news__body img{height:90px}.retro-social{margin-top:30px}.retro-rail>[data-slide-count]{display:none}.media-grid,.armory-grid{grid-template-columns:1fr}.controls-table{grid-template-columns:100px 1fr}.retro-content{width:calc(100% - 20px);padding:10px}.classic-footer__inner{width:calc(100% - 28px)}.classic-footer__wolf{font-size:11px}}

/* Balanced top navigation and left community rail (2026-10-14). */
.utility-bar,.utility-bar__inner{height:32px;min-height:32px}
.main-menu,.main-menu__inner{height:64px;min-height:64px}
.main-menu{background-size:1920px 64px}
.main-menu__side{height:62px;width:calc(50% - 78px);gap:6px}
.main-menu__side a{padding:21px 8px;font-size:12px;white-space:nowrap}
.prime-logo{width:142px;height:64px;top:0;z-index:12}
.prime-logo img{width:126px;height:60px;object-fit:contain}
.retro-slide__logo{position:absolute;right:24px;bottom:20px;width:180px;height:auto;z-index:2;filter:drop-shadow(0 3px 5px #000);pointer-events:none}
.retro-layout>.classic-left,.retro-layout>.classic-center,.retro-layout>.classic-right{display:flex;flex-direction:column;gap:16px}
.retro-layout .classic-box{width:100%;margin:0}
.retro-layout>.classic-left{align-items:stretch}
.retro-social{width:100%;margin:0;height:122px;flex-shrink:0;overflow:hidden;text-decoration:none}
.retro-social span{width:72%;padding:20px 10px}
.retro-social strong{font-size:16px}
.retro-social img{height:118px;width:112px;right:2px}
.retro-help>a{min-height:42px}
.retro-content{margin-top:65px}
@media(max-width:1100px) and (min-width:801px){
 .main-menu__side{width:calc(50% - 76px)}
 .main-menu__side a{font-size:11px;padding-inline:5px}
 .prime-logo{width:136px;height:64px}
 .prime-logo img{width:120px;height:60px}
 .retro-layout{grid-template-columns:220px minmax(0,1fr) 235px;gap:15px}
 .retro-social strong{font-size:15px}
}
@media(max-width:800px){
 .utility-status{display:none}
 .utility-bar,.utility-bar__inner{height:30px;min-height:30px}
 .utility-bar__inner{width:calc(100% - 22px)}
 .utility-account{gap:10px}
 .utility-account>a:first-child{display:none}
 .main-menu,.main-menu__inner{height:116px;min-height:116px}
 .main-menu{background:#0d1114}
 .main-menu__inner{width:100%}
 .prime-logo{top:0;left:50%;width:120px;height:66px}
 .prime-logo img{width:106px;height:62px}
 .main-menu__side{position:absolute;display:flex;justify-content:center;width:100%;height:24px;top:68px;left:0;gap:clamp(8px,3vw,24px)}
 .main-menu__side--right{top:91px;left:0;right:auto}
 .main-menu__side a{font-size:10px;padding:4px 2px}
 .retro-slide{height:355px}
 .retro-slide__image{object-position:63% center}
 .retro-slide__copy{padding-top:100px;width:calc(100% - 32px);background:linear-gradient(90deg,#0009,transparent 75%)}
 .retro-slide__copy>p{font-size:9px;letter-spacing:1px}
 .retro-slide__copy h1,.retro-slide__copy h2{font-size:29px;max-width:260px}
 .retro-slide__copy>span{max-width:235px;font-size:13px}
 .retro-slide__copy>a{margin-top:12px}
 .retro-play{width:205px;height:66px;bottom:12px}
 .retro-rail{gap:10px;padding:0 12px;height:55px}
 .retro-rail>button{width:40px;height:35px;font-size:18px}
 .retro-dots{display:none}
 .retro-rail>[data-slide-count]{font-size:12px;min-width:30px;position:absolute;right:62px}
 .retro-rail>button:last-child{margin-left:auto}
 .retro-layout{grid-template-columns:minmax(0,1fr) 235px;margin-top:25px}
 .retro-layout>.classic-left{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .retro-layout>.classic-left>.classic-box:first-child{grid-column:1/-1}
 .retro-layout>.classic-left>.retro-help{grid-column:1/-1}
 .classic-left .side-menu{display:flex;flex-wrap:wrap;padding:0}
 .classic-left .side-menu>a{flex:1 0 30%;font-size:10px;padding:8px}
 .retro-layout>.classic-center{grid-column:1;grid-row:2}
 .retro-layout>.classic-right{grid-column:2;grid-row:2}
 .retro-slide__logo{right:12px;bottom:12px;width:120px}
 .retro-content{margin-top:24px;padding:14px}
 .guide-layout{grid-template-columns:1fr}
 .guide-index{display:flex;flex-wrap:wrap}
 .guide-index a{flex:1 0 40%}
 .armory-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
 .utility-brand{font-size:12px}
 .utility-account{font-size:10px;gap:8px}
 .retro-slide{height:315px}
 .retro-slide__copy{padding-top:65px}
 .retro-slide__copy h1,.retro-slide__copy h2{font-size:26px;max-width:225px}
 .retro-slide__copy>span{max-width:190px}
 .retro-layout{display:flex;flex-direction:column;width:calc(100% - 20px);gap:20px}
 .retro-layout>.classic-right{order:0;width:100%}
 .retro-layout>.classic-left{order:1;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .retro-layout>.classic-center{order:2;width:100%}
 .retro-layout>.classic-left>.classic-box:first-child,.retro-layout>.classic-left>.retro-help{grid-column:1/-1}
 .classic-right .login-panel{margin:0}
 .classic-left .mini-ranking{max-width:100%}
 .retro-news__body img{height:90px}
 .retro-rail>[data-slide-count]{display:none}
 .media-grid,.armory-grid{grid-template-columns:1fr}
 .controls-table{grid-template-columns:100px 1fr}
 .retro-content{width:calc(100% - 20px);padding:10px}
 .classic-footer__inner{width:calc(100% - 28px)}
 .classic-footer__wolf{font-size:11px}
 .retro-slide__logo{width:95px}
}


/* Faithful 2013 Wolfteam shell, reconstructed from the supplied site archive. */
body{margin:0;background:#050505 url('/assets/img/retro-20261014/bg.jpg') top center repeat-y;background-size:auto;font-family:Verdana,Geneva,sans-serif;color:#ddd}
.utility-bar,.utility-bar__inner{height:82px;min-height:82px}
.utility-bar{background:#111 url('/assets/img/retro-20261014/bg.jpg') center top/auto 901px repeat-y;border:0;box-shadow:none}
.utility-bar__inner{display:none}
.main-menu,.main-menu__inner{height:74px;min-height:74px}
.main-menu{background:#050608 url('/assets/img/retro-20261014/headermenu_bg.png') center top/1598px 68px no-repeat;border:0;z-index:20}
.main-menu__inner{width:min(980px,100%);height:74px}
.main-menu__side{width:calc(50% - 215px);height:68px;top:0;gap:0;justify-content:space-around}
.main-menu__side--left{left:0}.main-menu__side--right{right:0}
.main-menu__side a{padding:26px 5px 18px;font:13px/18px Arial,Helvetica,sans-serif;color:#f5f5f5;white-space:nowrap;text-shadow:0 1px 2px #000}
.main-menu__side a:hover,.main-menu__side a[aria-current=page]{color:#00bafa}
.prime-logo{top:0;left:50%;width:430px;height:171px;transform:translateX(-50%);background:none;clip-path:none;border:0;display:block;z-index:22;overflow:hidden}
.prime-logo::before{display:none}
.prime-logo img{display:block;width:430px;height:171px;object-fit:fill;filter:drop-shadow(0 3px 5px #000)}
.prime-logo::after{display:none}
.retro-hero{height:443px;max-width:1600px;margin:0 auto 0;overflow:visible;border:0;background:transparent}
.retro-slide{height:425px}
.retro-slide__image{object-fit:cover;object-position:center center}
.retro-slide__logo{display:none}
.retro-slide__copy{width:min(980px,calc(100% - 36px));padding-top:125px;text-shadow:1px 2px 3px #000}
.retro-slide__copy>p{font-size:11px;margin-bottom:10px;letter-spacing:1.4px}
.retro-slide__copy h1,.retro-slide__copy h2{font:bold 34px/1.1 Georgia,'Times New Roman',serif;max-width:560px;letter-spacing:0;text-transform:none;margin-bottom:10px;text-shadow:2px 2px 3px #000}
.retro-slide__copy>span{max-width:460px;font:14px/1.5 Arial,sans-serif}
.retro-slide__copy>a{font:12px Arial,sans-serif;margin-top:12px;padding:7px 0;border-bottom:2px solid #00a8df}
.retro-rail{position:absolute;z-index:8;left:0;top:310px;width:100%;height:75px;margin:0;padding:0 max(10px,calc((100% - 980px)/2));display:flex;align-items:flex-start;justify-content:space-between;gap:0;border:0;background:transparent url('/assets/img/retro-20261014/slider_sub_bg.png') center top/1600px 75px no-repeat}
.retro-rail::before{display:none}
.retro-rail>*{position:relative;z-index:1}
.retro-rail>button{flex:0 0 223px;width:223px;height:47px;margin:0;padding:0;border:0;border-radius:0;background-image:url('/assets/img/retro-20261014/slider_btn_bg.png');background-repeat:no-repeat;cursor:pointer;font-size:0;color:transparent}
.retro-rail>button[data-slide-step='-1']{background-position:-223px -94px}
.retro-rail>button[data-slide-step='-1']:hover{background-position:-223px 0}
.retro-rail>button[data-slide-step='1']{background-position:0 -94px}
.retro-rail>button[data-slide-step='1']:hover{background-position:0 0}
.retro-dots{display:flex;gap:7px;margin:15px auto 0 8px}
.retro-dots button{width:10px;height:10px;transform:rotate(45deg);background:#34383a}
.retro-play{position:absolute;left:50%;top:-32px;bottom:auto;width:294px;height:100px;transform:translateX(-50%);background:url('/assets/img/retro-20261014/btn_oyun_indir.png') center/contain no-repeat}
.retro-play:hover{background-image:url('/assets/img/retro-20261014/btn_oyun_indir_hover.png')}
.retro-rail>[data-slide-count]{margin:12px 14px 0 auto;min-width:50px;font:700 18px Arial,sans-serif;text-align:right}
.retro-layout{width:min(980px,calc(100% - 32px));margin:48px auto 64px;grid-template-columns:235px minmax(0,470px) 235px;gap:20px;align-items:start}
.retro-layout>.classic-left,.retro-layout>.classic-center,.retro-layout>.classic-right{display:flex;flex-direction:column;gap:14px;min-width:0}
.classic-box{margin:0;width:100%;background:#080808d9}
.classic-title{width:100%;height:27px;min-height:27px;padding:5px 8px 3px 22px;clip-path:none;border:0;background:#000 url('/assets/img/retro-20261014/menu_baslik_bg.png') left top/235px 56px no-repeat;color:#fff;font:12px/18px Verdana,Geneva,sans-serif;letter-spacing:0}
.classic-title::before{content:none}
.classic-title a{font:11px/18px Verdana,Geneva,sans-serif}
.side-menu{padding:0}
.side-menu>a{min-height:27px;padding:5px 8px;background:#101010;border:0;border-bottom:1px solid #1b1b1b;font:12px/17px Verdana,Geneva,sans-serif;color:#ddd}
.side-menu>a:nth-child(even){background:#050505}
.side-menu>a::before{content:'?';margin-right:5px;color:#999;font:bold 16px/12px Arial}
.side-menu>a.active,.side-menu>a:hover{background:#070d10;color:#00bafa}
.retro-news .classic-title,.classic-center>.classic-box>.classic-title{background-image:url('/assets/img/retro-20261014/mid_baslik2_bg.png');background-size:470px 25px}
.retro-news details{border-bottom:1px solid #303030}
.retro-news summary{padding:8px 12px;background:linear-gradient(#292929,#111);font:12px/18px Verdana,Geneva,sans-serif}
.retro-news__body{background:#080808;padding:12px;font:12px/1.55 Verdana,Geneva,sans-serif}
.retro-welcome p{padding:10px 12px 0;font-size:12px;line-height:1.7}
.retro-community>div{padding:10px}
.retro-social{height:100px;margin:0;overflow:hidden;border:1px solid #59616a;box-shadow:0 2px 5px #000;background:#1b345e}
.retro-social span{width:72%;padding:15px 9px;text-shadow:1px 1px 2px #000}
.retro-social small{font-size:8px}
.retro-social strong{font-size:15px;line-height:1.18;margin-top:4px}
.retro-social img{right:0;height:96px;width:88px;object-position:bottom}
.retro-social--youtube{background:#582627}.retro-social--guide{background:#134451}
.retro-help{margin:0}
.retro-help>a{padding:9px 10px;font-size:11px;background:#090909;border-bottom:1px solid #262626;color:#ddd}
.retro-layout .login-panel form{grid-template-columns:minmax(0,1fr) 70px;gap:5px;padding:8px 8px 0}
.retro-layout .login-panel input:not([type=checkbox]):not([type=hidden]){height:27px;text-align:center;font-size:12px}
.retro-layout .classic-login{font-size:12px}
.retro-layout .remember-login{font-size:11px}
.signup-banner{padding:9px;margin:5px 8px 9px;background:linear-gradient(#a0f320,#4d9c03);border:1px solid #83ca29}
.mini-ranking{border:0;background:#080808d9}
.mini-ranking__head{min-height:52px}
.mini-ranking ol{padding:5px 7px 8px}
.classic-footer__inner{width:min(980px,calc(100% - 32px))}
@media(max-width:1050px){.retro-layout{grid-template-columns:215px minmax(0,1fr) 220px;gap:14px}.main-menu__inner{width:min(980px,100%)}.main-menu__side{width:calc(50% - 190px)}.prime-logo{width:380px;height:151px}.prime-logo img{width:380px;height:151px}.prime-logo::after{top:81px}.retro-rail{padding-inline:10px}.retro-rail>button{flex-basis:120px;width:120px;background-size:auto 94px}.retro-rail>button[data-slide-step='-1']{background-position:right -47px}.retro-rail>button[data-slide-step='-1']:hover{background-position:right 0}.retro-rail>button[data-slide-step='1']{background-position:left -47px}.retro-rail>button[data-slide-step='1']:hover{background-position:left 0}}
@media(max-width:800px){.utility-bar,.utility-bar__inner{height:36px;min-height:36px}.main-menu,.main-menu__inner{height:120px;min-height:120px}.main-menu{background-size:auto 58px}.main-menu__inner{width:100%}.prime-logo{top:0;width:170px;height:68px}.prime-logo img{width:170px;height:68px}.prime-logo::after{top:38px;font-size:8px;min-width:100px;padding:1px}.main-menu__side{position:absolute;top:66px;left:0;right:0;width:100%;height:25px;display:flex;justify-content:center;gap:20px}.main-menu__side--right{top:91px}.main-menu__side a{padding:7px 2px;font-size:10px}.retro-hero{height:330px}.retro-slide{height:315px}.retro-slide__copy{padding-top:93px;width:calc(100% - 28px)}.retro-slide__copy h1,.retro-slide__copy h2{font-size:27px;max-width:330px}.retro-slide__copy>span{max-width:290px;font-size:12px}.retro-rail{top:246px;height:65px;background-size:auto 65px;padding:0 8px}.retro-rail>button{flex-basis:54px;width:54px;height:38px;background-size:auto 76px}.retro-rail>button[data-slide-step='-1']{background-position:right -38px}.retro-rail>button[data-slide-step='-1']:hover{background-position:right 0}.retro-rail>button[data-slide-step='1']{background-position:left -38px}.retro-rail>button[data-slide-step='1']:hover{background-position:left 0}.retro-dots{display:none}.retro-play{width:175px;height:60px;top:-10px}.retro-rail>[data-slide-count]{font-size:12px;min-width:34px;margin-right:3px}.retro-layout{width:min(720px,calc(100% - 24px));margin-top:34px;grid-template-columns:minmax(0,1fr) 235px;gap:15px}.retro-layout>.classic-left{grid-column:1;grid-row:1}.retro-layout>.classic-center{grid-column:1;grid-row:2}.retro-layout>.classic-right{grid-column:2;grid-row:1/3}.retro-layout>.classic-left>.retro-social,.retro-layout>.classic-left>.retro-help{max-width:100%}.retro-social{height:90px}.retro-social img{height:86px}}
@media(max-width:560px){.main-menu,.main-menu__inner{height:120px;min-height:120px}.main-menu{background-position:center top}.main-menu__side{top:66px;gap:clamp(7px,3vw,14px)}.main-menu__side--right{top:91px}.main-menu__side a{font-size:9px;padding-inline:0}.retro-hero{height:285px}.retro-slide{height:270px}.retro-slide__image{object-position:60% center}.retro-slide__copy{padding-top:67px}.retro-slide__copy>p{font-size:8px}.retro-slide__copy h1,.retro-slide__copy h2{font-size:22px;max-width:240px}.retro-slide__copy>span{max-width:205px;font-size:11px}.retro-slide__copy>a{margin-top:6px;font-size:10px}.retro-rail{top:207px;height:58px;background-size:auto 58px}.retro-rail>button{flex-basis:39px;width:39px;height:32px;background-size:auto 64px}.retro-rail>button[data-slide-step='-1']{background-position:right -32px}.retro-rail>button[data-slide-step='-1']:hover{background-position:right 0}.retro-rail>button[data-slide-step='1']{background-position:left -32px}.retro-rail>button[data-slide-step='1']:hover{background-position:left 0}.retro-play{width:145px;height:50px;top:-7px}.retro-rail>[data-slide-count]{display:none}.retro-layout{display:flex;flex-direction:column;width:calc(100% - 20px);gap:16px;margin-top:26px}.retro-layout>.classic-right{order:0;width:100%}.retro-layout>.classic-left{order:1;width:100%}.retro-layout>.classic-center{order:2;width:100%}.retro-layout>.classic-left{display:flex}.retro-layout>.classic-right .mini-ranking{display:block}.retro-social{height:100px}.retro-social img{height:96px}}

/* retroref2: fixed hero viewport prevents banner art escaping its frame. */
.utility-bar,.utility-bar__inner{height:0;min-height:0;overflow:hidden}
.main-menu,.main-menu__inner{height:64px;min-height:64px}
.main-menu__inner{width:min(1220px,100%)}
.main-menu__side{width:calc(50% - 95px);height:62px;gap:0;justify-content:space-evenly}
.main-menu__side--left{left:0}.main-menu__side--right{right:0}
.main-menu__side a{padding:21px 8px;font-size:12px}
.prime-logo{width:178px;height:80px;top:0;overflow:visible}
.prime-logo img{width:168px;height:76px;object-fit:contain}
.retro-hero{position:relative;height:443px;overflow:hidden;isolation:isolate}
.retro-slide{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.retro-slide__image{inset:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;object-position:center 42%}
.retro-slide__copy{position:relative;z-index:2}
.retro-slide--enter-right .retro-slide__image,.retro-slide--enter-right .retro-slide__copy{animation:retro-slide-in-right .55s ease-out both}
.retro-slide--enter-left .retro-slide__image,.retro-slide--enter-left .retro-slide__copy{animation:retro-slide-in-left .55s ease-out both}
@keyframes retro-slide-in-right{from{transform:translateX(8%);opacity:.55}to{transform:translateX(0);opacity:1}}
@keyframes retro-slide-in-left{from{transform:translateX(-8%);opacity:.55}to{transform:translateX(0);opacity:1}}
.mini-ranking ol{margin:0;padding:5px 7px 8px}
.mini-ranking ol>li[hidden]{display:none!important}
.mini-ranking__pages{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;background:#050505;border-top:1px solid #292929;color:#ddd;font-size:10px}
.mini-ranking__pages button{width:28px;height:23px;border:1px solid #444;background:linear-gradient(#444,#171717);color:#fff;font-size:17px;line-height:16px;cursor:pointer}
.mini-ranking__pages button:disabled{opacity:.35;cursor:default}
@media(max-width:800px){.retro-hero{height:330px}.retro-slide__image{object-position:62% center}.prime-logo{width:150px;height:70px}.prime-logo img{width:142px;height:66px}}
@media(max-width:560px){.retro-hero{height:285px}.retro-slide__image{object-position:60% center}.prime-logo{width:126px;height:62px}.prime-logo img{width:120px;height:58px}}
@media(prefers-reduced-motion:reduce){.retro-slide--enter-right .retro-slide__image,.retro-slide--enter-right .retro-slide__copy,.retro-slide--enter-left .retro-slide__image,.retro-slide--enter-left .retro-slide__copy{animation:none}}

@media(max-width:560px){
 .main-menu,.main-menu__inner{height:96px;min-height:96px}
 .main-menu__inner{width:100%}
 .prime-logo{top:0;left:50%;width:130px;height:54px;transform:translateX(-50%)}
 .prime-logo img{width:120px;height:50px}
 .main-menu__side,.main-menu__side--left{position:absolute;top:58px;left:0;right:auto;width:60%;height:34px;display:flex;justify-content:space-evenly;gap:0}
 .main-menu__side--right{top:58px;left:auto;right:0;width:40%;justify-content:space-evenly}
 .main-menu__side a{padding:8px 2px;font-size:9px}
 .retro-hero{height:285px}
}

/* retroref3: anchor the slider controls to the image frame bottom. */
.retro-rail{top:auto;bottom:0}
.retro-play{top:-30px;width:294px;height:100px}
.main-menu__side{width:calc(50% - 120px)}
.prime-logo{width:240px;height:108px;top:0;overflow:visible}
.prime-logo img{width:228px;height:104px;object-fit:contain}
.main-menu__side--right .nav-account-link{display:inline-flex;align-items:center;justify-content:center;height:34px;min-height:34px;margin:12px 3px;padding:0 9px;border:1px solid #53616a;background:linear-gradient(#3c4449,#15191c 55%,#080a0b);color:#fff;font-size:10px;font-weight:bold;letter-spacing:.15px;text-shadow:0 1px 2px #000}
.main-menu__side--right .nav-account-link:hover{border-color:#00aee6;color:#72d8ff;background:linear-gradient(#273c46,#0a171d)}
@media(max-width:1050px){.main-menu__side{width:calc(50% - 120px)}.prime-logo{width:220px;height:100px}.prime-logo img{width:210px;height:96px}}
@media(max-width:800px){.prime-logo{width:160px;height:72px}.prime-logo img{width:152px;height:68px}.retro-play{top:-15px;width:175px;height:60px}}
@media(max-width:560px){
 .main-menu__side--left{width:45%}
 .main-menu__side--right{width:55%}
 .main-menu__side--right .nav-account-link{height:24px;min-height:24px;margin:4px 1px;padding:0 4px;font-size:8px}
 .prime-logo{width:145px;height:62px}
 .prime-logo img{width:138px;height:60px}
 .retro-play{top:-7px;width:145px;height:50px}
}

/* retroref4: compact account links and a lower, fully visible carousel rail. */
.main-menu__side--right{justify-content:flex-end;gap:14px;padding-right:18px}
.main-menu__side--right .nav-account-link{display:inline-flex;align-items:center;justify-content:center;height:auto;min-height:0;margin:0;padding:26px 0 18px;border:0;border-radius:0;background:transparent;color:#f5f5f5;font:13px/18px Arial,Helvetica,sans-serif;letter-spacing:0;text-shadow:0 1px 2px #000}
.main-menu__side--right .nav-account-link:hover{border:0;background:transparent;color:#00bafa}
.retro-hero{height:453px}
.retro-play{top:-17px;width:286px;height:90px}
.retro-slide__copy>a{position:relative;z-index:9;min-height:36px;margin-top:16px;padding:9px 13px;border:1px solid #2fb6df;background:linear-gradient(#12313cdd,#071216eF);box-shadow:0 3px 9px #000b;color:#fff;font-weight:bold;text-decoration:none;text-shadow:0 1px 3px #000}
.retro-slide__copy>a:hover,.retro-slide__copy>a:focus-visible{background:linear-gradient(#18536a,#092533);border-color:#8be6ff;color:#fff;outline:2px solid #81e2ff;outline-offset:2px}
@media(max-width:1050px){.main-menu__side--right{gap:10px;padding-right:10px}.main-menu__side--right .nav-account-link{padding:23px 0 16px;font-size:11px}}
@media(max-width:800px){
 .main-menu__side--right{width:56%;justify-content:center;gap:clamp(7px,2vw,13px);padding:0 5px}
 .main-menu__side--right .nav-account-link{height:24px;min-height:24px;margin:0;padding:4px 0;font-size:9px}
 .retro-hero{height:365px}
 .retro-play{top:-5px;width:190px;height:56px}
 .retro-slide__copy>a{min-height:32px;margin-top:12px;padding:7px 10px;font-size:11px}
}
@media(max-width:560px){
 .main-menu__side--right{width:58%;gap:6px;padding:0 3px}
 .main-menu__side--right .nav-account-link{font-size:8px}
 .retro-hero{height:325px}
 .retro-play{top:-2px;width:160px;height:50px}
}

/* retroref5: center the right-hand navigation group so account links don't drift to the edge. */
@media(min-width:801px){.main-menu__side--right{justify-content:center;gap:16px;padding-right:0}}


/* retroref6: mirror the left navigation spacing across the logo. */
@media(min-width:801px){.main-menu__side--right{justify-content:space-evenly;gap:0;padding-right:0}}


/* retroref7: fixed-width menu cells keep every label centered on a common rhythm. */
@media(min-width:801px){.main-menu__side{display:grid;grid-auto-flow:column;grid-auto-columns:100px;justify-content:center;align-items:center;gap:0}.main-menu__side a{display:flex;align-items:center;justify-content:center;width:100px;height:62px;box-sizing:border-box;padding:0;text-align:center;white-space:nowrap}}


/* navigation-20261015: one shared baseline and spacing for every menu link. */
.classic-header .main-menu__inner { width:min(1100px,100%); padding:0; display:block; }
.classic-header .main-menu__side {
  position:absolute; top:0; height:56px; width:calc(50% - 130px);
  display:flex; align-items:center; justify-content:center;
  gap:14px; padding:0; margin:0;
}
.classic-header .main-menu__side--left { left:0; right:auto; }
.classic-header .main-menu__side--right { right:0; left:auto; }
.classic-header .main-menu__side > a {
  display:flex; align-items:center; justify-content:center; flex:0 0 auto;
  box-sizing:border-box; width:auto; height:56px; min-height:0;
  margin:0; padding:0 4px; border:0; border-radius:0; background:none;
  font:400 12px/18px Arial,Helvetica,sans-serif; letter-spacing:0;
  white-space:nowrap; text-align:center; text-decoration:none;
}
.classic-header .main-menu__side > a:hover,
.classic-header .main-menu__side > a:focus-visible { color:#19c9ff; background:none; }
.classic-header .main-menu__side > a:focus-visible { outline:1px solid #19c9ff; outline-offset:-5px; }
@media (min-width:801px) and (max-width:1000px) {
  .classic-header .main-menu__side { width:calc(50% - 114px); gap:8px; }
  .classic-header .main-menu__side > a { font-size:11px; padding:0 2px; }
}
@media (max-width:800px) {
  .classic-header .main-menu,.classic-header .main-menu__inner { height:144px; min-height:144px; }
  .classic-header .prime-logo { width:180px; height:84px; top:0; }
  .classic-header .prime-logo img { width:174px; height:80px; }
  .classic-header .main-menu__side { left:0; right:0; width:100%; height:28px; top:86px; gap:20px; }
  .classic-header .main-menu__side--right { top:114px; }
  .classic-header .main-menu__side > a { height:28px; padding:0 4px; font-size:11px; line-height:18px; }
}