/* Character profile, clan ranking and clan detail share one Moradon community canvas. */
body.wok-3d-shell.route-character,
body.wok-3d-shell.route-clan-ranking,
body.wok-3d-shell.route-clan {
    --cm-gold:#d7b96f; --cm-gold-deep:#8d6934; --cm-title:#f2ead9; --cm-text:#d8d1c4; --cm-muted:#979083; --cm-line:rgba(205,168,96,.23);
    background:linear-gradient(180deg,rgba(5,5,4,.4),rgba(6,5,4,.7) 52%,rgba(7,6,5,.92)),linear-gradient(90deg,rgba(4,4,3,.4),transparent 24%,transparent 76%,rgba(4,4,3,.4)),url("/assets/images/gmr-hero-farm-v3.jpg") center top / cover fixed no-repeat !important;
    color:var(--cm-text); font-family:"Segoe UI",Tahoma,Arial,sans-serif !important;
}
body.route-character::before,body.route-character::after,body.route-clan-ranking::before,body.route-clan-ranking::after,body.route-clan::before,body.route-clan::after,
body.route-character .cont-items::before,body.route-clan-ranking .cont-items::before,body.route-clan .cont-items::before { display:none !important; }
body.route-character .main,body.route-character .cont-items,body.route-clan-ranking .main,body.route-clan-ranking .cont-items,body.route-clan .main,body.route-clan .cont-items { width:100% !important; max-width:none !important; background:transparent !important; }
body.route-character .cont-items,body.route-clan-ranking .cont-items,body.route-clan .cont-items { min-height:calc(100vh - 86px); padding:clamp(34px,4vw,58px) clamp(16px,3.2vw,46px) 76px !important; }
body.route-character .cont-items *,body.route-clan-ranking .cont-items *,body.route-clan .cont-items * { box-sizing:border-box; }

/* Character profile */
body.route-character .cont-items > .col-xs-12 { float:none !important; width:100% !important; max-width:1240px; margin:0 auto; padding:0 !important; }
body.route-character .cont-items > .col-xs-12 > .row { width:100%; margin:0 !important; }
body.route-character .character-name-display { position:relative; display:flex !important; flex-direction:column; justify-content:center; min-height:92px; margin:0 0 16px !important; padding:20px 26px 18px 28px !important; overflow:hidden; color:#f1e8d6 !important; font-family:"Segoe UI",Tahoma,Arial,sans-serif !important; font-size:clamp(26px,2.8vw,34px) !important; font-weight:800 !important; line-height:1.12; letter-spacing:.025em; text-align:left !important; text-shadow:0 4px 18px rgba(0,0,0,.7) !important; background:linear-gradient(105deg,rgba(25,21,15,.96),rgba(10,9,7,.9) 68%,rgba(10,9,7,.54)) !important; border:1px solid var(--cm-line) !important; border-left:3px solid var(--cm-gold-deep) !important; border-radius:8px !important; box-shadow:0 16px 36px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,244,213,.03) !important; animation:cmEnter .45s ease both; }
body.route-character .character-name-display::before { content:"KARAKTER PROFİLİ"; display:block; margin:0 0 7px; color:var(--cm-gold); font-family:"Segoe UI",Tahoma,Arial,sans-serif; font-size:10px; font-weight:800; line-height:1; letter-spacing:.16em; text-shadow:none; }
body.route-character .character-name-display::after { content:""; position:absolute; top:0; right:15%; left:15%; height:1px; background:linear-gradient(90deg,transparent,rgba(227,194,112,.5),transparent); }
body.route-character .userprofile-block { width:100% !important; margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; }
body.route-character .userprofile-block > .row { display:grid !important; grid-template-columns:280px minmax(0,1fr); align-items:start; gap:16px; width:100%; margin:0 !important; }
body.route-character .userprofile-block > .row > .col-md-4,body.route-character .userprofile-block > .row > .col-md-8 { float:none !important; width:auto !important; min-width:0; padding:0 !important; }
body.route-character .userprofile-block > .row > .col-md-4 { grid-column:1; }
body.route-character .userprofile-block > .row > .col-md-8 { grid-column:2; }
body.route-character .modern-char-info { width:100%; max-width:none !important; min-height:0; margin:0 !important; padding:18px !important; color:var(--cm-text); background:linear-gradient(150deg,rgba(22,19,14,.96),rgba(7,7,6,.97)) !important; border:1px solid var(--cm-line) !important; border-radius:9px !important; box-shadow:0 16px 36px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,245,214,.025) !important; animation:cmEnter .5s .05s ease both; }
body.route-character .modern-char-info::before { content:"KARAKTER ÖZETİ"; display:block; margin:0 0 15px; padding:0 0 11px; color:#e7d8b6; font-size:11px; font-weight:800; letter-spacing:.12em; border-bottom:1px solid var(--cm-line); }
body.route-character .modern-char-info .char-name { display:none !important; }
body.route-character .char-level-box { display:inline-flex !important; align-items:center; justify-content:center; min-width:96px; min-height:36px; margin:0 0 14px !important; padding:7px 13px !important; color:#f3e6c6 !important; font-family:inherit !important; font-size:13px !important; font-weight:750 !important; background:rgba(108,77,31,.24) !important; border:1px solid rgba(215,185,111,.3) !important; border-radius:5px !important; box-shadow:none !important; }
body.route-character .char-additional-info-top { display:grid !important; gap:0; margin:0 0 14px !important; padding:0 !important; background:transparent !important; border:0 !important; }
body.route-character .char-info-item-top { display:flex !important; justify-content:space-between; gap:12px; padding:8px 0 !important; color:var(--cm-text) !important; font-size:12px !important; border-bottom:1px solid rgba(205,168,96,.1); }
body.route-character .char-info-label-top { color:var(--cm-muted) !important; font-weight:600 !important; }
body.route-character .clan-link { color:var(--cm-gold) !important; font-weight:700 !important; text-decoration:none !important; }
body.route-character .char-np { margin:0 0 15px !important; padding:10px 11px !important; color:#eadfc7 !important; font-size:12px !important; text-align:center; background:rgba(101,69,25,.18) !important; border:1px solid rgba(205,168,96,.17) !important; border-radius:5px !important; }
body.route-character .stat-bar,body.route-character .stat-bar-item { margin-bottom:11px !important; }
body.route-character .stat-bar-label,body.route-character .stat-label { color:#cfc7b8 !important; font-family:inherit !important; font-size:11px !important; font-weight:700 !important; }
body.route-character .bar-container,body.route-character .stat-bar-container { height:8px !important; overflow:hidden; background:rgba(4,4,4,.76) !important; border:1px solid rgba(205,168,96,.12) !important; border-radius:20px !important; box-shadow:none !important; }
body.route-character .bar-fill,body.route-character .stat-bar-fill { height:100% !important; border-radius:20px !important; box-shadow:none !important; }

body.route-character .userprofile-block > .row > .col-md-8 > .row { display:grid !important; grid-template-columns:minmax(640px,1fr) 200px; align-items:start; gap:16px; margin:0 !important; }
body.route-character .userprofile-block .col-md-9,body.route-character .userprofile-block .col-md-3 { float:none !important; width:auto !important; min-width:0; padding:0 !important; }
body.route-character .userprofile-block > .row > .col-md-8 > .row > .col-md-9 { grid-column:1; }
body.route-character .userprofile-block > .row > .col-md-8 > .row > .col-md-3 { grid-column:2; }
body.route-character .info_bubble { width:100%; max-width:100%; margin:0 !important; padding:12px !important; overflow-x:auto; scrollbar-color:#85622f #090908; scrollbar-width:thin; background:linear-gradient(150deg,rgba(21,18,13,.95),rgba(7,7,6,.97)) !important; border:1px solid var(--cm-line) !important; border-radius:9px !important; box-shadow:0 16px 36px rgba(0,0,0,.38) !important; animation:cmEnter .5s .1s ease both; }
body.route-character .info_bubble::-webkit-scrollbar { height:8px; }
body.route-character .info_bubble::-webkit-scrollbar-track { background:#090908; border-radius:8px; }
body.route-character .info_bubble::-webkit-scrollbar-thumb { background:#85622f; border:2px solid #090908; border-radius:8px; }
body.route-character .info_section { width:600px; min-width:600px; margin:0 auto; background:transparent !important; border:0 !important; }
body.route-character .userInventory { margin:0 auto !important; }
body.route-character .search-sidebar { margin:0 !important; padding:15px !important; background:linear-gradient(150deg,rgba(22,19,14,.96),rgba(7,7,6,.97)) !important; border:1px solid var(--cm-line) !important; border-radius:9px !important; box-shadow:0 16px 36px rgba(0,0,0,.38) !important; }
body.route-character .search-sidebar-item-bottom { margin:0 0 14px !important; padding:0 !important; color:var(--cm-title) !important; background:transparent !important; border:0 !important; }
body.route-character .search-sidebar-item-bottom > i { color:var(--cm-gold) !important; }
body.route-character .search-sidebar-item-bottom > span { display:block; margin:0 0 8px !important; color:#d8cfbd !important; font-family:inherit !important; font-size:11px !important; font-weight:750 !important; letter-spacing:.04em; text-transform:uppercase; }
body.route-character .server-select-sidebar,body.route-character .search-input-sidebar { width:100% !important; height:40px !important; color:#ded6c7 !important; font-family:inherit !important; font-size:12px !important; background:rgba(6,6,5,.72) !important; border:1px solid rgba(205,168,96,.22) !important; border-radius:5px !important; box-shadow:none !important; }
body.route-character .search-input-sidebar-wrapper { display:grid !important; grid-template-columns:minmax(0,1fr) 40px; gap:7px; }
body.route-character .search-btn-sidebar { position:static !important; width:40px !important; height:40px !important; color:#fff0c5 !important; background:linear-gradient(180deg,#76501f,#3d260d) !important; border:1px solid #9c7338 !important; border-radius:5px !important; }

/* Clan ranking */
body.route-clan-ranking .clan-ranking-container,body.route-clan .clan-detail-container { width:100% !important; max-width:1320px !important; margin:0 auto !important; padding:0 !important; color:var(--cm-text); font-family:"Segoe UI",Tahoma,Arial,sans-serif !important; }
body.route-clan-ranking .title-header { position:relative; margin:0 0 24px !important; padding:0 0 22px !important; text-align:center !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; }
body.route-clan-ranking .title-header::after { content:""; position:absolute; right:18%; bottom:0; left:18%; height:1px; background:linear-gradient(90deg,transparent,rgba(219,181,102,.56),transparent); }
body.wok-3d-shell.route-clan-ranking:not(.route-landing):not(.route-home) h1.page-title { margin:0 !important; color:var(--cm-title) !important; -webkit-text-fill-color:currentColor !important; font-family:Georgia,"Times New Roman",serif !important; font-size:clamp(32px,3.4vw,46px) !important; font-weight:700 !important; line-height:1.18; letter-spacing:.035em !important; text-align:center !important; text-shadow:0 4px 18px rgba(0,0,0,.72) !important; filter:none !important; }
body.route-clan-ranking .clan-ranking-container > .row { display:grid !important; grid-template-columns:minmax(0,1fr) 280px; align-items:start; gap:18px; margin:0 !important; }
body.route-clan-ranking .clan-ranking-container > .row > .col-md-9,body.route-clan-ranking .clan-ranking-container > .row > .col-md-3 { float:none !important; width:auto !important; min-width:0; padding:0 !important; }
body.route-clan-ranking .clan-ranking-container > .row > .col-md-9 { grid-column:1; }
body.route-clan-ranking .clan-ranking-container > .row > .col-md-3 { grid-column:2; }
body.route-clan-ranking .page-menu { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0 0 12px !important; padding:0 !important; overflow:hidden; list-style:none; background:rgba(9,9,8,.9) !important; border:1px solid var(--cm-line) !important; border-radius:7px !important; }
body.route-clan-ranking .page-menu li { float:none !important; width:auto !important; padding:0 !important; }
body.route-clan-ranking .page-menu li a { min-height:48px; display:flex !important; align-items:center; justify-content:center; padding:10px 8px !important; color:#aaa294 !important; font-family:inherit !important; font-size:11px !important; font-weight:750 !important; letter-spacing:.03em; text-decoration:none !important; background:transparent !important; border:0 !important; border-right:1px solid rgba(205,168,96,.1) !important; border-radius:0 !important; }
body.route-clan-ranking .page-menu li:last-child a { border-right:0 !important; }
body.route-clan-ranking .page-menu li.active a,body.route-clan-ranking .page-menu li a:hover { color:#f1e4c6 !important; background:linear-gradient(180deg,rgba(120,83,31,.3),rgba(17,14,10,.75)) !important; }
body.route-clan-ranking .tab-content { overflow-x:auto; background:linear-gradient(145deg,rgba(19,17,13,.93),rgba(7,7,6,.96)) !important; border:1px solid var(--cm-line) !important; border-radius:7px !important; box-shadow:0 18px 42px rgba(0,0,0,.4) !important; }
body.route-clan-ranking .tab-content .table { min-width:760px; margin:0 !important; color:var(--cm-text); font-family:inherit !important; background:transparent !important; }
body.route-clan-ranking .table thead { background:rgba(109,76,31,.26) !important; }
body.route-clan-ranking .table thead th { padding:13px 11px !important; color:#e6d9bc !important; font-size:11px !important; font-weight:800 !important; text-align:center; text-transform:uppercase; letter-spacing:.035em; border:0 !important; border-bottom:1px solid var(--cm-line) !important; }
body.route-clan-ranking .table tbody tr { border-bottom:1px solid rgba(205,168,96,.08); transition:background .18s ease; }
body.route-clan-ranking .table tbody tr:hover { background:rgba(145,101,38,.12) !important; }
body.route-clan-ranking .table tbody td { padding:11px !important; color:#cfc8bb !important; font-size:12px !important; background:transparent !important; border:0 !important; }
body.route-clan-ranking .clan-link,body.route-clan-ranking .character-link { color:#e1c77f !important; font-weight:700; text-decoration:none !important; }
body.route-clan-ranking .clan-sidebar { margin:0 0 14px !important; padding:15px !important; background:linear-gradient(145deg,rgba(21,18,14,.94),rgba(8,8,7,.96)) !important; border:1px solid var(--cm-line) !important; border-radius:7px !important; box-shadow:0 14px 32px rgba(0,0,0,.36) !important; }
body.route-clan-ranking .sidebar-title { display:flex !important; align-items:center; gap:8px; margin:0 0 11px !important; padding:0 0 10px !important; color:var(--cm-title) !important; font-family:inherit !important; font-size:13px !important; font-weight:750 !important; border-bottom:1px solid var(--cm-line) !important; }
body.route-clan-ranking .sidebar-title i { color:var(--cm-gold) !important; }
body.route-clan-ranking .sidebar-search-input,body.route-clan-ranking .sidebar-search-button { width:100% !important; height:40px !important; margin:0 0 8px !important; color:#ded6c7 !important; font-family:inherit !important; font-size:12px !important; background:rgba(6,6,5,.72) !important; border:1px solid rgba(205,168,96,.22) !important; border-radius:5px !important; box-shadow:none !important; }
body.route-clan-ranking .sidebar-search-button { color:#fff0c5 !important; font-weight:800 !important; background:linear-gradient(180deg,#76501f,#3d260d) !important; border-color:#9c7338 !important; }
body.route-clan-ranking .filter-menu { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:0 !important; padding:0 !important; list-style:none; }
body.route-clan-ranking .filter-menu li { float:none !important; width:auto !important; margin:0 !important; padding:0 !important; }
body.route-clan-ranking .filter-menu li a { display:flex !important; align-items:center; justify-content:center; gap:9px; width:100% !important; min-height:44px; padding:9px 10px !important; color:#bdb5a6 !important; font-size:11px !important; font-weight:650 !important; text-align:center !important; text-decoration:none !important; background:rgba(7,7,6,.5) !important; border:1px solid rgba(205,168,96,.11) !important; border-radius:5px !important; }
body.route-clan-ranking .filter-menu li.active a,body.route-clan-ranking .filter-menu li a:hover { color:#f3e6c8 !important; background:rgba(112,77,29,.25) !important; border-color:rgba(215,185,111,.32) !important; }
body.route-clan-ranking .filter-menu i { color:var(--cm-gold); }

/* Clan detail */
body.route-clan .clan-header,body.route-clan .members-section { margin:0 0 20px !important; padding:clamp(19px,2.6vw,28px) !important; background:linear-gradient(135deg,rgba(21,18,14,.94),rgba(8,8,7,.96)) !important; border:1px solid var(--cm-line) !important; border-radius:8px !important; box-shadow:0 18px 42px rgba(0,0,0,.42) !important; }
body.wok-3d-shell.route-clan:not(.route-landing):not(.route-home) h1.clan-title { position:relative; display:flex !important; align-items:center !important; justify-content:center !important; flex-direction:row !important; gap:12px; margin:0 0 24px !important; padding:0 8px 22px !important; color:var(--cm-title) !important; -webkit-text-fill-color:currentColor !important; font-family:Georgia,"Times New Roman",serif !important; font-size:clamp(32px,3.4vw,46px) !important; font-weight:700 !important; line-height:1.18; letter-spacing:.035em !important; text-align:center !important; text-shadow:0 4px 18px rgba(0,0,0,.72) !important; filter:none !important; border:0 !important; }
body.route-clan .clan-title::after { content:""; position:absolute; right:18%; bottom:0; left:18%; height:1px; background:linear-gradient(90deg,transparent,rgba(219,181,102,.56),transparent); }
body.route-clan .clan-title img { width:28px !important; height:28px !important; object-fit:contain; }
body.route-clan .clan-info { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px !important; }
body.route-clan .clan-info-item { min-width:0; padding:12px !important; background:rgba(7,7,6,.5) !important; border:1px solid rgba(205,168,96,.12) !important; border-radius:5px !important; }
body.route-clan .clan-info-label { margin:0 0 5px !important; color:var(--cm-muted) !important; font-family:inherit !important; font-size:10px !important; font-weight:700 !important; letter-spacing:.055em; text-transform:uppercase; }
body.route-clan .clan-info-value,body.route-clan .clan-info-value a { color:#e8dfce !important; font-family:inherit !important; font-size:15px !important; font-weight:750 !important; text-decoration:none !important; overflow-wrap:anywhere; }
body.wok-3d-shell.route-clan:not(.route-landing):not(.route-home) h2.section-title { margin:0 0 16px !important; padding:0 0 12px !important; color:var(--cm-title) !important; font-family:"Segoe UI",Tahoma,Arial,sans-serif !important; font-size:clamp(20px,2vw,26px) !important; font-weight:750 !important; text-align:left !important; text-shadow:none !important; border-bottom:1px solid var(--cm-line) !important; }
body.route-clan .members-section { overflow-x:auto; }
body.route-clan .members-section .table { min-width:680px; margin:0 !important; color:var(--cm-text); font-family:inherit !important; background:rgba(6,6,5,.55) !important; border:1px solid rgba(205,168,96,.12); border-radius:6px; }
body.route-clan .table thead { background:rgba(109,76,31,.26) !important; }
body.route-clan .table thead th { padding:13px 11px !important; color:#e6d9bc !important; font-size:11px !important; font-weight:800 !important; text-align:center; text-transform:uppercase; letter-spacing:.035em; border:0 !important; border-bottom:1px solid var(--cm-line) !important; }
body.route-clan .table tbody tr { border-bottom:1px solid rgba(205,168,96,.08); }
body.route-clan .table tbody tr:hover { background:rgba(145,101,38,.12) !important; }
body.route-clan .table tbody td { padding:11px !important; color:#cfc8bb !important; font-size:12px !important; background:transparent !important; border:0 !important; }
body.route-clan .character-link { color:#e1c77f !important; font-weight:700; text-decoration:none !important; }
body.route-clan .fame-badge { display:inline-flex !important; align-items:center; justify-content:center; min-width:62px; padding:5px 8px !important; font-family:inherit !important; font-size:10px !important; font-weight:750 !important; border-width:1px !important; border-radius:4px !important; box-shadow:none !important; }

@keyframes cmEnter { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:1260px) {
    body.route-character .userprofile-block > .row { grid-template-columns:270px minmax(0,1fr); }
    body.route-character .userprofile-block > .row > .col-md-8 > .row { grid-template-columns:1fr; }
    body.route-character .userprofile-block > .row > .col-md-8 > .row > .col-md-9,body.route-character .userprofile-block > .row > .col-md-8 > .row > .col-md-3 { grid-column:1; }
    body.route-character .search-sidebar { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
}
@media (max-width:992px) {
    body.route-clan-ranking .clan-ranking-container > .row { grid-template-columns:1fr; }
    body.route-clan-ranking .clan-ranking-container > .row > .col-md-9,body.route-clan-ranking .clan-ranking-container > .row > .col-md-3 { grid-column:1; }
    body.route-clan-ranking .clan-ranking-container > .row > .col-md-3 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
    body.route-clan-ranking .clan-sidebar { margin:0 !important; }
    body.route-clan .clan-info { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:980px) {
    body.route-character .userprofile-block > .row { grid-template-columns:1fr; }
    body.route-character .userprofile-block > .row > .col-md-4,body.route-character .userprofile-block > .row > .col-md-8 { grid-column:1; }
    body.route-character .modern-char-info { max-width:none !important; }
}
@media (max-width:760px) {
    body.route-character .cont-items,body.route-clan-ranking .cont-items,body.route-clan .cont-items { padding:22px 12px 52px !important; }
    body.route-character .character-name-display { min-height:82px; padding:17px 18px 15px 20px !important; }
    body.route-character .character-name-display,body.wok-3d-shell.route-clan:not(.route-landing):not(.route-home) h1.clan-title { font-size:clamp(24px,6.7vw,30px) !important; }
    body.route-clan-ranking .title-header { padding:0 8px 17px !important; }
    body.route-character .userprofile-block > .row { grid-template-columns:1fr; }
    body.route-character .userprofile-block > .row > .col-md-4,body.route-character .userprofile-block > .row > .col-md-8 { grid-column:1; }
    body.route-character .userprofile-block > .row > .col-md-8 > .row > .col-md-9,body.route-character .userprofile-block > .row > .col-md-8 > .row > .col-md-3 { grid-column:1; }
    body.route-character .modern-char-info { padding:17px !important; }
    body.route-character .search-sidebar { grid-template-columns:1fr; }
    body.route-clan-ranking .clan-ranking-container > .row > .col-md-3 { grid-template-columns:1fr; }
    body.route-clan-ranking .clan-ranking-container > .row > .col-md-9,body.route-clan-ranking .clan-ranking-container > .row > .col-md-3 { grid-column:1; }
    body.route-clan-ranking .filter-menu { grid-template-columns:1fr; }
    body.route-clan-ranking .page-menu { overflow-x:auto; grid-template-columns:repeat(3,minmax(135px,1fr)); }
    body.route-clan .clan-info { grid-template-columns:1fr 1fr; }
}
@media (max-width:480px) {
    body.wok-3d-shell.route-clan-ranking:not(.route-landing):not(.route-home) h1.page-title { font-size:23px !important; line-height:1.28 !important; }
    body.route-character .character-name-display,body.wok-3d-shell.route-clan:not(.route-landing):not(.route-home) h1.clan-title { font-size:23px !important; line-height:1.28 !important; }
    body.route-clan .clan-info { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) { body.route-character .character-name-display,body.route-character .modern-char-info,body.route-character .info_bubble { animation:none !important; } }
