/* ============================================================
   Marlen2 — Mobile / Responsive Overrides
   ============================================================ */

/* ----- Mobil Itemshop Modal (masaüstünde gizli) ----- */
#mob-shop-overlay {
  display: none;
}

/* Hamburger button — hidden on desktop */
.mob-menu-btn {
  display: none;
}

/* Discord FAB — hidden on desktop */
#mob-discord-fab {
  display: none;
}

@keyframes discord-pulse {
  0%   { box-shadow: 0 4px 20px rgba(114,137,218,0.55), 0 0 0 0 rgba(114,137,218,0.6); }
  70%  { box-shadow: 0 4px 20px rgba(114,137,218,0.25), 0 0 0 20px rgba(114,137,218,0); }
  100% { box-shadow: 0 4px 20px rgba(114,137,218,0.55), 0 0 0 0 rgba(114,137,218,0); }
}

/* Mobile Online Badge — hidden on desktop */
#mob-online-badge {
  display: none;
}

/* ============================================================
   TABLET + MOBILE  (≤ 960px)
   ============================================================ */
@media (max-width: 960px) {

  /* ----- Base ----- */
  body {
    min-width: 0 !important;
    overflow-x: hidden;
  }

  /* ----- Logo ----- */
  a.logo-header {
    display: block !important;
    text-align: center !important;
    position: relative !important;
    z-index: 10 !important;
  }

  a.logo-header .logo,
  img.logo.fire-logo {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    width: auto !important;
    max-width: 65% !important;
    max-height: 160px !important;
    margin: 10px auto !important;
    display: block !important;
    z-index: 10 !important;
  }

  body > header[role="banner"] {
    display: none !important;
  }

  body > header > h1.logo {
    height: 180px !important;
    margin-bottom: -180px !important;
  }

  body > header > .container,
  body > header > .ui.container {
    height: auto !important;
    margin-bottom: 0 !important;
    background: none !important;
    position: static !important;
  }

  body > header > .ui.container.loggedin {
    background: none !important;
  }

  body > .container,
  body > * > .container {
    width: 100% !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
  }

  /* ----- Hamburger button ----- */
  .mob-menu-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: linear-gradient(to bottom, #5c3000, #2b1600);
    border: none;
    border-bottom: 2px solid #c9a227;
    color: #f4cc6a;
    font-size: 15px;
    font-weight: bold;
    padding: 12px 16px;
    cursor: pointer;
    margin-bottom: 4px;
    box-sizing: border-box;
  }

  .mob-menu-btn i { font-size: 18px; }

  #mob-menu-chevron {
    transition: transform 0.3s ease;
  }

  /* ----- Navigation ----- */
  div[role="navigation"] {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }

  div[role="navigation"]:after {
    display: none !important;
    content: none !important;
  }

  /* Hide navs by default; JS adds .mob-open */
  div[role="navigation"] nav {
    display: none;
  }

  div[role="navigation"] nav.mob-open {
    display: block;
  }

  nav:before, nav:after {
    display: none !important;
    content: none !important;
  }

  nav {
    background: none !important;
    margin-bottom: 4px !important;
    padding: 0 !important;
  }

  nav > ul {
    width: 100% !important;
    margin: 0 !important;
  }

  nav > ul > li {
    background: none !important;
    border-bottom: 1px solid rgba(201,162,39,0.2);
  }

  nav > ul > li > a {
    height: auto !important;
    line-height: 1.5 !important;
    padding: 11px 16px !important;
    font-size: 14px !important;
    margin-bottom: 0 !important;
    display: block !important;
    background: rgba(0,0,0,0.25) !important;
  }

  nav > ul > li > a.selected,
  nav > ul > li > a:hover {
    background: rgba(123,19,0,0.65) !important;
  }

  nav a.selected:before,
  nav a:hover:before {
    display: none !important;
    content: none !important;
  }

  nav li ul {
    margin: 0 0 4px 20px !important;
  }

  nav li li a {
    padding: 8px 14px !important;
    font-size: 13px !important;
  }

  /* ----- Index page text colors ----- */
  div[role="main"] > h3 {
    color: #f4cc6a !important;
  }

  div[role="main"] h2 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center !important;
  }

  .content-bg-bottom h2 {
    color: #f4cc6a !important;
  }

  #guildHighscore .content-bg-bottom h2,
  #banlistHighscore .content-bg-bottom h2,
  #playerHighscore .content-bg-bottom h2,
  #register .content-bg-bottom h2 {
    color: #7b1300 !important;
  }

  /* ----- Bug kurtar — karakter adı rengi ----- */
  #register #profileBox .player-row span[style*="wheat"] {
    color: #5a3010 !important;
  }

  #news_compact h3 a {
    color: #f4cc6a !important;
  }

  #news_compact h4 {
    display: none !important;
  }

  #news_compact h4 {
    color: #c9a227 !important;
  }

  #news_compact p,
  #news_compact a.news_link {
    color: #fffabd !important;
  }

  /* ----- Inline fixed-width images ----- */
  div[role="main"] img[style*="width"] {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
  }

  /* ----- Main content ----- */
  div[role="main"] {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    margin-top: 8px !important;
    padding: 10px !important;
    min-height: auto !important;
    background: none !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  div[role="main"] article {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  div[role="main"] ul,
  div[role="main"] li {
    box-sizing: border-box !important;
    max-width: 100% !important;
  }

  #news_compact {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  #news_compact ul {
    padding-left: 0 !important;
    margin-left: 0 !important;
    list-style: none !important;
  }

  #news_compact li {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  div[role="main"] iframe {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  #fb, #fbContent {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  div[role="main"]:after {
    display: none !important;
    content: none !important;
  }

  div[role="main"] h2 {
    margin-left: 0 !important;
    padding-left: 10px !important;
    background: none !important;
    padding-top: 10px !important;
    margin-top: 0 !important;
  }

  body > .container > div.secondary:after {
    display: none !important;
    content: none !important;
  }

  /* ----- Tables ----- */
  table {
    display: block;
    width: 100% !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* ----- Download page ----- */
  #download table {
    display: table !important;
    width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    table-layout: auto !important;
    box-sizing: border-box !important;
  }

  #download tbody {
    height: auto !important;
    display: table-row-group !important;
  }

  #download tr {
    height: auto !important;
    display: table-row !important;
  }

  #download td {
    width: auto !important;
    height: auto !important;
    word-break: break-word !important;
    padding: 6px 4px !important;
  }

  thead, tbody, tr, th, td {
    box-sizing: border-box;
  }

  /* ----- Forms ----- */
  .inner-form-border {
    margin: 0 !important;
    width: 100% !important;
  }

  .inner-form-box {
    width: 100% !important;
    padding: 12px !important;
    box-sizing: border-box !important;
  }

  form input[type="text"],
  form input[type="email"],
  form input[type="password"],
  form input[type="number"],
  form select {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  #RegisterNotifyOGs,
  #LoginNotifyOGs2 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }

  #LoginNotifyOGs2 button[type="submit"],
  #LoginNotifyOGs2 #submitBtn,
  #LoginNotifyOGs2 #topwLost {
    width: 100% !important;
    height: auto !important;
    min-height: 44px !important;
    padding: 10px !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 1 !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
    display: block !important;
    float: none !important;
    text-align: center !important;
    line-height: normal !important;
  }

  /* ----- Player detail card ----- */
  .bg-light.item-container {
    display: flex;
    flex-direction: column !important;
    align-items: center !important;
  }

  .player-img {
    width: 160px !important;
  }

  .player-informations {
    width: 100% !important;
  }

  .player-table {
    width: 100% !important;
  }

  /* ----- Character / Ranking podium ----- */
  .ranking-podium-container {
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    padding: 16px 0 24px !important;
  }

  .ranking-highlight-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: flex-end !important;
    gap: 6px !important;
    padding: 28px 4px 8px !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .ranking-highlight-col {
    flex: 1 1 0 !important;
    width: 0 !important;
    max-width: calc(33.333% - 4px) !important;
    min-width: 80px !important;
    height: auto !important;
    min-height: 170px !important;
    padding: 6px 3px 8px !important;
    box-sizing: border-box !important;
    transform: none !important;
  }

  .gold-highlight {
    min-height: 210px !important;
    transform: translateY(-16px) !important;
  }

  .ranking-card-panel {
    overflow: visible !important;
    padding: 14px 5px 8px !important;
  }

  .highlight-avatar-wrapper {
    width: 52px !important;
    height: 52px !important;
  }

  .highlight-avatar {
    width: 46px !important;
    height: 46px !important;
  }

  .ranking-crown {
    width: 22px !important;
    height: auto !important;
  }

  .ranking-rank-coin-top {
    width: 26px !important;
  }

  .forum-highlight {
    font-size: 10px !important;
    word-break: break-all !important;
  }

  .ranks-inner-content {
    overflow-x: auto !important;
    text-align: center !important;
    margin: 0 auto !important;
  }

  .ranks-inner-content table {
    width: 100% !important;
    margin: 0 auto !important;
    display: table !important;
    box-sizing: border-box !important;
  }

  /* ----- Guild ranking table ----- */
  #guildHighscore .ranks-inner-content table {
    font-size: 11px !important;
    table-layout: auto !important;
    width: 100% !important;
  }

  /* Başkan sütununu gizle — en geniş ve en az kritik sütun */
  #guildHighscore .rank-th-3,
  #guildHighscore .rank-td-1-4 {
    display: none !important;
  }

  #guildHighscore .rank-th-1,
  #guildHighscore .rank-td-1-1 {
    width: 22px !important;
    padding: 4px 2px !important;
    text-align: center !important;
  }

  #guildHighscore .rank-th-2,
  #guildHighscore .rank-td-1-2 {
    max-width: 90px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    padding: 4px 4px !important;
    text-align: left !important;
  }

  #guildHighscore .rank-th-4,
  #guildHighscore .rank-td-1-3 {
    width: 28px !important;
    padding: 4px 2px !important;
    text-align: center !important;
  }

  #guildHighscore .rank-td-1-3 img {
    width: 22px !important;
    height: auto !important;
  }

  #guildHighscore .rank-th-5,
  #guildHighscore .rank-td-1-5 {
    padding: 4px 3px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  /* ----- Homepage video ----- */
  article.trailer {
    width: 100% !important;
    height: auto !important;
  }

  article.trailer iframe {
    width: 100% !important;
    height: 220px !important;
  }

  /* ----- Content ----- */
  .content,
  .content-last {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* ----- Content boxes ----- */
  .content-bg,
  .content-bg-bottom {
    width: 100% !important;
    max-width: 100% !important;
    padding: 8px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    text-align: center !important;
    overflow-x: hidden !important;
  }

  /* ----- Header user bar ----- */
  .header-box-nav-container {
    overflow-x: auto;
  }

  .header-box-nav-login {
    flex-wrap: wrap !important;
    gap: 6px !important;
    justify-content: center !important;
  }

  /* ----- Footer ----- */
  footer[role="contentinfo"] {
    height: auto !important;
    padding-top: 20px !important;
    background-size: cover !important;
  }

  footer[role="contentinfo"] > .container {
    width: 100% !important;
    padding: 20px 16px !important;
    position: static !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  a.pegi    { position: static !important; display: inline-block !important; }
  a.usk     { position: static !important; display: inline-block !important; }
  a.safeplay{ position: static !important; display: inline-block !important; }

  /* ----- Popup overlay & box ----- */
  #popupOverlay {
    padding: 16px !important;
    box-sizing: border-box !important;
  }

  #popupBox {
    width: min(90vw, 90vh) !important;
    height: min(90vw, 90vh) !important;
    border-radius: 14px !important;
  }

  /* ----- Patch overlay & window ----- */
  #patchOverlay {
    align-items: flex-end !important;
    padding: 0 !important;
    z-index: 9999999 !important;
  }

  #patchWindow {
    width: 100vw !important;
    height: 92vh !important;
    border-radius: 16px 16px 0 0 !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
  }

  .patchHeader {
    height: auto !important;
    padding: 12px 14px !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .patchTitle {
    font-size: 14px !important;
    letter-spacing: 0 !important;
  }

  .patchVersion {
    font-size: 11px !important;
    padding: 4px 8px !important;
    margin-top: 4px !important;
  }

  /* ----- Online Badge (mobile only) ----- */
  #mob-online-badge {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    position: fixed !important;
    bottom: 6.2em !important;
    right: 1.3em !important;
    width: 55px !important;
    height: 55px !important;
    border-radius: 50% !important;
    z-index: 99998 !important;
    cursor: url('../img/cursor.cur'), pointer !important;
    background: radial-gradient(circle at 40% 35%, #3a1a00, #1a0800) !important;
    border: 2px solid #c9a227 !important;
    box-shadow:
      0 0 0 3px rgba(201,162,39,0.18),
      0 0 14px rgba(201,162,39,0.35),
      0 4px 18px rgba(0,0,0,0.6) !important;
    animation: onlineBadgePulse 3s ease-in-out infinite !important;
  }

  .mob-online-dot {
    display: block !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: #00e676 !important;
    box-shadow: 0 0 6px #00e676 !important;
    margin-bottom: 1px !important;
    animation: onlineDotBlink 1.8s ease-in-out infinite !important;
  }

  .mob-online-count {
    display: block !important;
    font-size: 15px !important;
    font-weight: bold !important;
    color: #f4cc6a !important;
    line-height: 1 !important;
    text-shadow: 0 0 6px rgba(244,204,106,0.6) !important;
  }

  .mob-online-label {
    display: block !important;
    font-size: 9px !important;
    color: #d4af37 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    margin-top: 1px !important;
  }

  @keyframes onlineBadgePulse {
    0%, 100% { box-shadow: 0 0 0 3px rgba(201,162,39,0.18), 0 0 14px rgba(201,162,39,0.35), 0 4px 18px rgba(0,0,0,0.6); }
    50%       { box-shadow: 0 0 0 5px rgba(201,162,39,0.28), 0 0 22px rgba(201,162,39,0.5),  0 4px 18px rgba(0,0,0,0.6); }
  }

  @keyframes onlineDotBlink {
    0%, 100% { opacity: 1; box-shadow: 0 0 6px #00e676; }
    50%       { opacity: 0.4; box-shadow: 0 0 2px #00e676; }
  }

  /* ----- Discord FAB (mobile only) ----- */
  #mob-discord-fab {
    display: flex !important;
    position: fixed !important;
    bottom: 1.2em !important;
    right: 0.7em !important;
    z-index: 99999 !important;
    width: 55px !important;
    height: 55px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #7289da, #5b6eae) !important;
    border: 3px solid #c9a227 !important;
    color: white !important;
    font-size: 30px !important;
    cursor: url('../img/cursor.cur'), pointer !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 20px rgba(114,137,218,0.5) !important;
    transition: transform 0.2s ease !important;
    animation: discord-pulse 2.2s infinite !important;
  }


  /* Discord shoutout kapat butonu gizle */
  .discord-shoutout .discord-button.discord-primary:last-child {
    display: none !important;
  }

  /* Otomatik açılmayı engelle — sadece butona tıklanınca açılsın */
  .discord-shoutout.online:not(.mob-discord-open) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .discord-shoutout.mob-discord-open {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(0, 0) !important;
    pointer-events: auto !important;
    bottom: 13em !important;
    right: 0.5em !important;
  }

  /* ----- Discord shoutout popup ----- */
  .discord-shoutout img[src*="discord.png"] {
    width: 24px !important;
    height: 24px !important;
  }

  .discord-shoutout {
    width: 260px !important;
    right: 0.5em !important;
    bottom: 1em !important;
    font-size: 14px !important;
  }

  .discord-shoutout .shoutout-inner {
    padding: 0.9em 1.2em 1.2em !important;
  }

  .discord-shoutout .title {
    font-size: 1.15em !important;
    margin-bottom: 0.7em !important;
  }

  .discord-shoutout p {
    font-size: 0.95em !important;
    margin-bottom: 0.5em !important;
  }

  .discord-shoutout .discord-buttons {
    margin-top: 1em !important;
    gap: 0.4em !important;
  }

  .discord-shoutout .discord-button {
    padding: 0.5em 0.9em !important;
    font-size: 0.95em !important;
  }

  /* ----- WhatsApp label bubble — hide on mobile ----- */
  .wa-label-bubble {
    display: none !important;
  }

  #wa-fab-row {
    gap: 0 !important;
  }

  /* ----- last.php secondary + aside'lar ----- */
  body > .container > div.secondary {
    float: none !important;
    width: 100% !important;
    margin: 0 auto !important;
    position: static !important;
    display: block !important;
    text-align: center !important;
  }

  body > .container > div.secondary:after {
    display: none !important;
    content: none !important;
  }

  body > .container > .secondary > aside {
    float: none !important;
    width: 90% !important;
    max-width: 480px !important;
    margin: 0 auto 20px auto !important;
    background: none !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(201,162,39,0.3);
    border-radius: 8px;
  }

  /* Dekoratif üst/alt görsel çerçeveleri gizle */
  body > .container > .secondary > aside:before,
  body > .container > .secondary > aside:after {
    display: none !important;
    content: none !important;
  }

  /* Aside başlıkları */
  .secondary > aside > h2 {
    width: 100% !important;
    text-align: center !important;
    padding: 8px 0 !important;
    margin: 0 0 10px 0 !important;
    height: auto !important;
    background: none !important;
    font-size: 15px !important;
  }

  /* İndir / Kupon butonları */
  .secondary > aside.download > a,
  .secondary > aside.itemshop > a,
  .secondary > aside.recruiting > a {
    display: block !important;
    width: 129px !important;
    height: 60px !important;
    margin: 0 auto !important;
  }

  /* Highscore tablosu */
  .secondary > aside.highscore {
    text-align: left !important;
  }

  .secondary > aside.highscore table {
    display: table !important;
    width: 180px !important;
    margin: 0 auto !important;
    table-layout: fixed !important;
    overflow: hidden !important;
  }

  .secondary > aside.highscore td.position {
    width: 22px !important;
  }

  .secondary > aside.highscore td.faction {
    width: 42px !important;
  }

  .secondary > aside.highscore td.name {
    width: auto !important;
    max-width: 116px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .secondary > aside.highscore td.name > a {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .secondary > aside.highscore > .tab > a {
    display: block !important;
    text-align: center !important;
    margin: 8px auto !important;
  }

  .secondary > aside ul.tabcontrols {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 auto 8px auto !important;
  }

  .secondary > aside div.tab {
    display: none;
    width: 100% !important;
  }

  .secondary > aside div.tab.selected {
    display: block !important;
  }

  /* Giriş formu */
  .form-login {
    width: 100% !important;
    margin: 8px auto !important;
    padding: 0 4px !important;
    box-sizing: border-box !important;
  }

  .form-login label {
    display: block !important;
    text-align: left !important;
    margin-bottom: 2px !important;
  }

  .form-login .input {
    width: 100% !important;
    height: auto !important;
    padding: 4px 0 !important;
    background: none !important;
    border-bottom: 1px solid rgba(201,162,39,0.4) !important;
    margin-bottom: 8px !important;
    box-sizing: border-box !important;
  }

  .form-login .input input {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    color: #fffabd !important;
    font-size: 13px !important;
    padding: 4px 6px !important;
    box-sizing: border-box !important;
  }

  /* Giriş yap butonu */
  input.btn-login {
    display: block !important;
    width: 100% !important;
    max-width: 200px !important;
    margin: 10px auto !important;
    background: linear-gradient(to bottom, #7b1300, #4a0a00) !important;
    border-radius: 6px !important;
    height: 40px !important;
    font-size: 14px !important;
    color: #f4cc6a !important;
    cursor: pointer !important;
  }

  /* Şifremi unuttum linkleri */
  .agbok {
    width: 100% !important;
    text-align: center !important;
    margin: 6px auto !important;
  }

  .agbok a {
    display: inline-block !important;
    margin: 2px 4px !important;
  }

  /* ----- mmoContent ----- */
  #mmoContent,
  #mmonetbar {
    display: none !important;
  }

  /* ----- Language picker ----- */
  .languagepicker {
    position: fixed !important;
    top: 5px !important;
    right: 0 !important;
    height: 36px !important;
    overflow: hidden !important;
    z-index: 99999 !important;
    border-radius: 6px 0 0 6px !important;
    cursor: pointer !important;
  }

  .languagepicker.lp-open {
    height: auto !important;
    overflow: visible !important;
  }

  .languagepicker li {
    line-height: 36px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
  }

  .languagepicker li img {
    margin-top: 6px !important;
  }

  /* ----- Gizlenen widgetlar ----- */
  .pepsi-legal,
  .pepsi,
  .mmoBoxMiddle.welcome,
  .mmosmallbar,
  .netbarslot {
    display: none !important;
  }

  /* ----- Açılış sayacı — logonun üstünde göster ----- */
  .t2-countdown {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    margin: 6px auto 2px !important;
    padding: 8px 10px !important;
    gap: 4px !important;
    z-index: 11 !important;
    box-sizing: border-box !important;
    border-radius: 10px !important;
    border: 1px solid rgba(201, 162, 39, 0.55) !important;
    background:
      repeating-linear-gradient(
        45deg,
        rgba(120, 0, 0, 0.18) 0px,
        rgba(120, 0, 0, 0.18) 2px,
        transparent 2px,
        transparent 10px
      ),
      repeating-linear-gradient(
        -45deg,
        rgba(80, 0, 0, 0.12) 0px,
        rgba(80, 0, 0, 0.12) 2px,
        transparent 2px,
        transparent 10px
      ),
      linear-gradient(
        160deg,
        rgba(110, 10, 10, 0.92) 0%,
        rgba(70, 5, 5, 0.96) 40%,
        rgba(40, 2, 2, 0.98) 100%
      ) !important;
    box-shadow:
      0 0 14px rgba(180, 0, 0, 0.45),
      inset 0 1px 0 rgba(255, 200, 100, 0.18),
      inset 0 -1px 0 rgba(0, 0, 0, 0.5) !important;
  }

  /* ----- Recaptcha ----- */
  /* Şifremi Unuttum / E-posta recuperare h2 sarı olmasın */
  #login .content-bg-bottom h2 {
    color: #7b1300 !important;
  }

  .g-recaptcha {
    transform: scale(0.82) !important;
    transform-origin: center top !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: table !important;
  }

  /* ----- Mobil Itemshop Modal ----- */
  #mob-shop-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.75);
    z-index: 999999;
    align-items: center;
    justify-content: center;
  }

  #mob-shop-overlay.mob-shop-active {
    display: flex !important;
  }

  #mob-shop-modal {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #120d08;
    border-top: 3px solid #c9a227;
  }

  #mob-shop-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    background: linear-gradient(135deg, #5c421b, #2b1f10);
    border-bottom: 2px solid #c9a227;
    flex-shrink: 0;
  }

  #mob-shop-title {
    color: #f5d28c;
    font-size: 15px;
    font-weight: bold;
  }

  #mob-shop-close {
    background: #7b1f1f;
    border: none;
    color: #fff;
    font-size: 18px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #mob-shop-frame {
    flex: 1;
    width: 100%;
    border: none;
    background: #fff;
  }

  /* ----- Şifre değiştir / Mail aktivasyon submit butonu ----- */
  #ProfileNotifyOGs #submitBtn,
  #login form[name="loginForm"] #submitBtn {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 44px !important;
    line-height: 1.4 !important;
    padding: 10px 12px !important;
    margin: 14px auto 0 !important;
    background: linear-gradient(to bottom, #5c3000, #2b1600) !important;
    border: 1px solid #c9a227 !important;
    border-radius: 6px !important;
    color: #f4cc6a !important;
    font-size: 15px !important;
    font-weight: bold !important;
    text-align: center !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
    position: relative !important;
    z-index: 2 !important;
  }

  #ProfileNotifyOGs .g-recaptcha,
  #login form[name="loginForm"] .g-recaptcha {
    margin-bottom: 6px !important;
  }

  /* ----- Oyuncu sıralaması karakter avatarı ----- */
  #highscore .ranks-inner-content table td img[src*="karakterler"] {
    width: 26px !important;
    height: 26px !important;
  }

  /* ----- Download sayfası ----- */
  #downloadText {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 8px !important;
    font-size: 11px !important;
    text-align: center !important;
    margin: 10px auto !important;
  }

  /* ----- Player detail ----- */
  .online-status-icon {
    display: none !important;
  }

  /* ----- Profil sayfası ----- */
  .administration-inner-content > a {
    display: block !important;
    width: 100% !important;
    float: none !important;
  }

  #profileBox {
    float: none !important;
    width: calc(100% - 16px) !important;
    margin: 0 auto 12px auto !important;
    margin-left: auto !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
  }

  .administration-box {
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 8px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  .administration-box a,
  .administration-box a.btn {
    float: none !important;
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 44px !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    padding: 10px 12px !important;
    background: linear-gradient(to bottom, #5c3000, #2b1600) !important;
    border: 1px solid #c9a227 !important;
    border-radius: 6px !important;
    color: #f4cc6a !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    touch-action: manipulation !important;
  }

  .administration-box a:hover,
  .administration-box a.btn:hover {
    background: linear-gradient(to bottom, #7b1300, #4a0a00) !important;
    color: #fff !important;
    text-decoration: none !important;
  }

  .administration-inner-content ul li {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .input-data-box {
    width: 100% !important;
    box-sizing: border-box !important;
    background-image: none !important;
    background-color: transparent !important;
    border: 1px solid rgba(201, 162, 39, 0.3) !important;
    border-radius: 8px !important;
    min-height: auto !important;
    padding: 12px 10px !important;
  }
}

/* ============================================================
   PHONE  (≤ 520px)
   ============================================================ */
@media (max-width: 520px) {

  body > header[role="banner"] {
    height: 120px !important;
  }

  body > header > h1.logo {
    height: 120px !important;
    margin-bottom: -120px !important;
  }

  .player-img {
    width: 130px !important;
  }

  /* Shrink WhatsApp FAB */
  #wa-fab {
    width: 52px !important;
    height: 52px !important;
    font-size: 24px !important;
  }

  /* WhatsApp popup fills screen width */
  .wa-chat-popup {
    width: calc(100vw - 60px) !important;
    left: 0 !important;
  }

  /* Discord shoutout smaller */
  .discord-shoutout {
    width: 220px !important;
    right: 0.3em !important;
    font-size: 13px !important;
  }

  /* Tables always scroll on phone */
  table, .ranks-inner-content {
    font-size: 11px !important;
  }

  article.trailer iframe {
    height: 180px !important;
  }

  /* Patch / popup windows */
  #patchWindow {
    width: 98vw !important;
    height: 90vh !important;
  }

  #popupBox {
    width: 92vw !important;
    height: 92vw !important;
  }
}