/* Mefa2 — anthracite surfaces, burgundy accents. Media keeps its original colors. */
.feature-round-badge {
    position: absolute;
    z-index: 12;
    top: -42px;
    right: 28px;
    width: 84px;
    height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    border: 2px solid #aea5a6;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 22%, #905862, #513137 75%);
    box-shadow: 0 7px 20px #0009, inset 0 0 0 4px #ffffff0c;
    color: #f8f8f8;
    font: 800 12px/1.4 var(--font-body);
    letter-spacing: .5px;
    text-align: center;
    overflow-wrap: anywhere;
    transform: rotate(9deg);
}
.feature-round-badge span { max-width: 100%; }
#yetkilicagirma .system-gif-container.flush-frame {
    flex: 0 0 auto;
    width: 245px;
    max-width: 100%;
    height: auto;
    align-self: center;
}
#yetkilicagirma .system-gif-media,
#yetkilicagirma .yetkili-wide-media,
#ticaretgecmisi .system-gif-media {
    width: 100%;
    height: auto;
    padding: 0;
    object-fit: contain;
    filter: none;
}
#yetkilicagirma .yetkili-wide-frame { max-width: 579px; height: auto; }
#ticaretgecmisi .system-gif-container.flush-frame { width: 100%; height: auto; flex: none; }
#topluiksir .system-gif-container.flush-frame { width: 336px; max-width: 100%; height: auto; flex: 0 0 auto; align-self: center; }
#topluiksir .system-gif-media { display: block; width: 100%; height: auto; padding: 0; filter: none; }
.boss-tracking-frame { width: 100%; max-width: 787px; border: 1px solid #683f47; border-radius: 4px; overflow: hidden; }
.boss-tracking-frame img { display: block; width: 100%; height: auto; }
@media (max-width: 700px) {
    .feature-round-badge { width: 68px; height: 68px; top: -34px; right: 16px; padding: 8px; font-size: 10px; }
}
:root {
    --bg-main: #0d0d0e;
    --bg-navbar: #151516;
    --text-cream: #e7e7e8;
    --text-gold: #b9b1b2;
    --text-muted-gold: #b0adb1;
    --border-light: rgba(232, 233, 234, .1);
    --premium-gold-grad: linear-gradient(135deg, #9c5f6a 0%, #72464e 55%, #4e3035 100%);
}
body { background-color: var(--bg-main); }
.community-btn, .community-btn i { color: #f8f7f7 !important; }
.community-btn i:first-child::before { color: #f8f7f7 !important; }
.community-dropdown:hover .community-btn, .community-dropdown:hover .community-btn i { color: #ffffff; }
.intro-card-frame {
    background: linear-gradient(145deg, rgba(34, 34, 35, .97), rgba(19, 19, 20, .98));
    border-color: rgba(152, 93, 104, .43);
    box-shadow: 0 22px 60px rgba(0, 0, 0,.65), inset 0 1px 0 rgba(255, 255, 255,.025);
}
.intro-title { color: #efeff0; text-shadow: none; }
.icon-mini-frame {
    background: linear-gradient(145deg, #272628, #19191a);
    border-color: #7c4c55;
    box-shadow: 0 6px 18px #0a0a0b, inset 0 0 18px rgba(113, 70, 77,.13);
}
.intro-frame-icon { color: #b9b1b2; text-shadow: none; }
.frame-corner, .inner-corner { border-color: #9f626d; }
.title-divider { background: linear-gradient(90deg, transparent, #8e5761, transparent); }
.title-divider::after { color: #b6aeaf; text-shadow: none; }
.description-text { color: #c9c9cc; }
.highlight-gold { color: #d3cecf; text-shadow: none; }
.line-section-divider .divider-icon-img { filter: grayscale(1) brightness(.85); }
.line-section-divider { background: linear-gradient(90deg, #4a2e3333, #87535caa, #4a2e3333); box-shadow: 0 0 12px #6c424a44; }
.presentation-section {
    background-image: linear-gradient(180deg, rgba(13, 13, 14,.87), rgba(13, 13, 14,.74) 48%, #0d0d0e), var(--section-art);
    background-size: cover;
    background-position: center;
    padding: 85px 24px 65px;
}
.presentation-section .hero-content { width: 100%; max-width: 1100px; margin-inline: auto; }
.presentation-section .intro-card-frame { max-width: 1000px; padding: 40px 34px 36px; margin-inline: auto; }
.presentation-section .intro-title {
    font-family: var(--font-body);
    font-size: clamp(21px, 2.1vw, 28px);
    font-weight: 800;
    letter-spacing: 2px;
    text-align: center;
    margin-top: 15px;
}
.presentation-section .title-divider { width: 150px; margin-bottom: 24px; }
.presentation-section .title-divider::after { display: none; }
.presentation-section .frame-corner { width: 20px; height: 20px; border-width: 0; }
.presentation-section .top-left { top: 8px; left: 8px; border-top-width: 2px; border-left-width: 2px; }
.presentation-section .top-right { top: 8px; right: 8px; border-top-width: 2px; border-right-width: 2px; }
.presentation-section .bottom-left { bottom: 8px; left: 8px; border-bottom-width: 2px; border-left-width: 2px; }
.presentation-section .bottom-right { bottom: 8px; right: 8px; border-bottom-width: 2px; border-right-width: 2px; }
.presentation-copy { width: 100%; margin: 0 0 25px; }
.presentation-copy .description-text { text-align: center; line-height: 1.9; margin: 0 0 13px; }
.presentation-copy .description-text:last-child { margin-bottom: 0; }
.presentation-copy strong { color: #d3cecf; font-weight: 700; }
.presentation-media { width: 100%; position: relative; border: 1px solid #683f47; border-radius: 3px; overflow: hidden; background: #111112; }
.presentation-video { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.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; }
.language-section .lang-grid-container { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 10px; margin-top: 9px; }
.language-section .lang-grid-row { display: contents; }
.language-section .lang-grid-item {
    width: auto; min-width: 0; min-height: 78px; padding: 14px 6px;
    border: 1px solid #503137; border-radius: 3px;
    background: linear-gradient(135deg, #252526, #1a1a1b);
    gap: 9px; transition: border-color .2s, background .2s;
}
.language-section .lang-grid-item:hover { transform: none; border-color: #9f626d; background: #2b292c; }
.language-section .lang-grid-item .fi {
    width: 28px !important; height: 20px !important; border-radius: 2px !important;
    border: 0; background-size: cover !important; box-shadow: 0 2px 7px #0006;
}
.language-section .lang-name { font-size: 11px; font-weight: 700; letter-spacing: 0; opacity: 1; white-space: normal; color: #ceccce; }
@media (max-width: 700px) {
    .presentation-section { padding: 65px 16px 40px; }
    .presentation-section .intro-card-frame { padding: 35px 18px 22px; }
    .presentation-section .intro-title { letter-spacing: 1px; line-height: 1.4; }
    .presentation-copy .description-text { font-size: 12px; text-align: start; }
    .language-section .lang-grid-container { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
}
@media (max-width: 420px) {
    .language-section .lang-grid-container { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .language-section .lang-grid-item { min-height: 74px; padding-inline: 3px; }
}
@media (prefers-reduced-motion: reduce) {
    .language-section .lang-grid-item { transition: none; }
}

/* Restrained charcoal palette: burgundy belongs to accents, not body text. */
:root {
    --bg-main: #101011;
    --bg-navbar: #171718;
    --text-cream: #dedbd7;
    --text-gold: #b9aaa5;
    --text-muted-gold: #a39e99;
    --border-light: rgba(220, 216, 210, .09);
    --premium-gold-grad: linear-gradient(135deg, #743a46, #4b2630);
}
.intro-card-frame {
    background: linear-gradient(145deg, rgba(28,28,29,.98), rgba(18,18,19,.98));
    border-color: #48383c;
}
.intro-title { color: #e4dfd8; }
.description-text { color: #bab6b1; }
.highlight-gold, .presentation-copy strong { color: #ded5cc; text-shadow: none; }
.icon-mini-frame { background: linear-gradient(145deg,#292425,#191819); border-color: #63464e; box-shadow: 0 5px 14px #0006; }
.intro-frame-icon { color: #b9a29e; }
.frame-corner, .inner-corner { border-color: #80535e; }
.title-divider { background: linear-gradient(90deg,transparent,#69434d,transparent); }
.title-divider::after { color: #a38b85; }
.line-section-divider { background: linear-gradient(90deg,transparent,#583c44,transparent); box-shadow: none; }
.line-section-divider .divider-icon-img { filter: grayscale(1) brightness(.65); }
.feature-round-badge { background: radial-gradient(circle at 30% 22%,#783448,#45212d 75%); border-color: #946773; color: #efe5dd; box-shadow: 0 5px 16px #0008,inset 0 0 0 4px #ffffff08; }
.attention-badge { color: #b9aaa5; text-shadow: none; animation: none; }
.sidebar-category, .sidebar-link i { color: #a38c88; }
.sidebar-link.active { background-color: #33272a; border-left-color: #80535e; box-shadow: inset 3px 0 0 #80535e; }
.system-text-frame { border-left-color: #60444c; border-right-color: #60444c; }
.community-btn { border-color: #805b63; box-shadow: none; }
.presentation-section { background-image: linear-gradient(180deg,rgba(16,16,17,.9),rgba(16,16,17,.8) 48%,#101011),var(--section-art); }
.language-section .lang-grid-item { background: linear-gradient(135deg,#242122,#191819); border-color: #44383b; }
.language-section .lang-grid-item:hover { background: #2d2628; border-color: #79535c; }

/* Cutouts sit directly on the card, without an extra screenshot rectangle. */
.intro-card-frame .clean-ui-frame {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}
.clean-ui-frame .inner-corner { display: none; }
.clean-ui-frame img { filter: none; }
#ikincikoy .mefa-boss-portrait { flex-basis: 180px; }
#ikincikoy .mefa-boss-art.village {
    width: 180px;
    height: 180px;
    background-size: auto 295px;
    background-position: -46px -67px;
    border-radius: 50%;
    box-shadow: inset 0 0 28px 8px #080808;
}
#zorlukseviyesi .effort-frame { max-width: 1000px; }
.effort-heading { max-width: 660px; text-align: center; margin: 12px auto 32px; }
.effort-eyebrow { display: block; color: #a58c83; font-size: 10px; font-weight: 700; letter-spacing: 3px; margin-bottom: 14px; }
.effort-heading .intro-title { margin: 0 0 18px; font-size: clamp(24px,3vw,34px); letter-spacing: 3px; }
.effort-intro { color: #b5b0aa; font-size: 14px; line-height: 1.9; margin: 0; }
.effort-grid { width: 100%; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.effort-card {
    display: flex; flex-direction: column; position: relative; padding: 24px 26px 28px;
    background: linear-gradient(135deg,#202020,#171718);
    border: 1px solid #3e3638; border-radius: 4px; text-decoration: none;
    transition: border-color .2s, background .2s;
}
.effort-card:hover, .effort-card:focus-visible { border-color: #8c6068; background: linear-gradient(135deg,#282324,#191819); }
.effort-card:focus-visible { outline: 2px solid #b49b92; outline-offset: 3px; }
.effort-card-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.effort-card-top > i { font-size: 22px; color: #b49b92; }
.effort-step { font-family: var(--font-heading); font-size: 27px; color: #6d5258; line-height: 1; }
.effort-card h3 { font-family: var(--font-body); color: #e0d8ce; font-size: 16px; font-weight: 700; line-height: 1.5; margin: 0 0 10px; }
.effort-card p { font-size: 13px; line-height: 1.8; color: #aaa59f; margin: 0 0 24px; }
.effort-arrow { color: #9e7b7f; font-size: 12px; align-self: flex-end; margin-top: auto; }
@media(max-width:600px) {
    #ikincikoy .mefa-boss-portrait { flex-basis: auto; }
    .effort-heading { margin-bottom: 24px; }
    .effort-heading .intro-title { font-size: 25px !important; letter-spacing: 2px !important; }
    .effort-intro { font-size: 13px; }
    .effort-grid { grid-template-columns: 1fr; gap: 12px; }
    .effort-card { padding: 20px; }
    .effort-card-top { margin-bottom: 14px; }
}

/* Pixel-preserving UI cutouts: original files, only outside scenery hidden. */
.ui-cutout-defs { position:absolute; width:0; height:0; overflow:hidden; pointer-events:none; }
[data-cutout="boss"] { clip-path:url(#ui-cutout-boss); }
[data-cutout="staff-menu"] { clip-path:url(#ui-cutout-staff-menu); }
[data-cutout="staff-request"] { clip-path:url(#ui-cutout-staff-request); }
[data-cutout="quick-use"] { clip-path:url(#ui-cutout-quick-use); }
[data-cutout="trade"] { clip-path:url(#ui-cutout-trade); }
.lightbox-frame.ui-cutout-lightbox { background:transparent; border:0; box-shadow:none; padding:0; }
.lightbox-frame.ui-cutout-lightbox .inner-corner { display:none; }

/* Mefa2 events, Windows client and player trading. */
.mefa-feature-section .intro-card-frame { max-width:1000px; }
.feature-lead { color:#b5b0aa; font-size:14px; line-height:1.9; max-width:760px; margin:0 auto 30px; text-align:center; }
.feature-eyebrow { display:block; color:#b19b94; font-size:10px; font-weight:700; letter-spacing:3px; }
.event-showcase { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:28px; }
.event-list { list-style:none; padding:0; margin:0; display:grid; gap:9px; }
.event-list li { display:flex; align-items:center; gap:16px; min-height:56px; padding:8px 17px; border:1px solid #42373a; border-radius:4px; background:linear-gradient(110deg,#272224,#19191a); color:#ded8d2; font-size:13px; font-weight:600; }
.event-symbol { display:flex; align-items:center; justify-content:center; flex:0 0 40px; height:40px; color:#b89c92; font-size:23px; }
.event-symbol img { width:40px; height:40px; object-fit:contain; }
.event-character { position:relative; min-width:0; display:flex; align-self:stretch; align-items:flex-end; justify-content:center; overflow:hidden; }
.event-character > img { position:relative; z-index:1; width:100%; max-width:330px; height:auto; object-fit:contain; filter:drop-shadow(0 14px 18px #0009); }
.event-orbit { position:absolute; width:90%; aspect-ratio:1; border-radius:50%; top:20%; border:1px solid #63464e; box-shadow:0 0 0 20px #80535e08,0 0 0 45px #80535e05; background:radial-gradient(circle,#48303988,transparent 70%); }
.feature-signature { position:absolute; z-index:2; bottom:10px; letter-spacing:9px; color:#d5c4bd; font-size:15px; text-shadow:0 2px 8px #000; }
.event-calendar-hint { display:flex; align-items:center; justify-content:center; gap:12px; margin:28px 0 0; color:#aaa39e; font-size:12px; line-height:1.6; padding-top:22px; border-top:1px solid #3a3033; }
.event-calendar-hint kbd { padding:6px 10px; border:1px solid #655056; border-bottom-width:3px; border-radius:4px; color:#ddd3cb; font:600 12px var(--font-body); }
.architecture-showcase { display:grid; grid-template-columns:1fr 1.2fr; gap:60px; align-items:center; padding:24px 26px 20px; }
.architecture-chip { width:230px; max-width:100%; position:relative; padding:17px; margin:auto; border:1px solid #71505b; border-radius:18px; background:linear-gradient(140deg,#352a2e,#191819); box-shadow:0 0 0 9px #71505b12,0 0 0 22px #71505b08,0 16px 30px #0006; }
.chip-core { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:190px; border:1px solid #78616a; border-radius:8px; background:radial-gradient(ellipse at top,#49343c,#171719 80%); }
.chip-core strong { font:700 100px/1 var(--font-body); letter-spacing:-6px; color:#e0d6cf; }
.chip-core > span { color:#b99b9e; letter-spacing:10px; font-size:20px; padding-left:10px; }
.chip-caption { display:block; margin:14px 0 0; color:#ad959b; font:600 10px var(--font-body); letter-spacing:3px; text-align:center; }
.architecture-copy .feature-lead { text-align:start; margin:18px 0 24px; font-size:16px; }
.architecture-tags { display:flex; flex-wrap:wrap; gap:8px; }
.architecture-tags > span { padding:7px 12px; border:1px solid #493b40; border-radius:4px; color:#ada39f; font-size:11px; }
.legal-steps { list-style:none; padding:0; margin:22px 0 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.legal-steps li { display:flex; align-items:center; gap:13px; border:1px solid #42363b; border-radius:4px; padding:18px 14px; background:#191819; color:#c8beb7; font-size:12px; line-height:1.6; }
.sale-step-number { color:#9b737e; font:600 23px var(--font-heading); }
.feature-site-link { display:flex; gap:12px; align-items:center; justify-content:center; width:fit-content; margin:26px auto 0; font-size:12px; color:#c0a8a5; text-decoration:none; padding:8px; }
.feature-site-link:hover { color:#eee5dd; }
.feature-site-link:focus-visible { outline:2px solid #a17a84; outline-offset:4px; }
@media(max-width:700px) {
    .event-showcase { grid-template-columns:1fr; gap:18px; }
    .event-character { display:none; }
    .event-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .event-list li { gap:8px; padding:10px; font-size:11px; }
    .event-list li:last-child { grid-column:1/-1; justify-content:center; }
    .event-symbol { flex-basis:28px; width:28px; height:32px; font-size:20px; }
    .event-symbol img { width:28px; height:32px; }
    .event-calendar-hint { text-align:start; }
    .architecture-showcase { grid-template-columns:1fr; gap:38px; padding:16px 0 0; }
    .architecture-chip { width:190px; }
    .chip-core { min-height:150px; }
    .chip-core strong { font-size:80px; }
    .architecture-copy { text-align:center; }
    .architecture-copy .feature-lead { text-align:center; font-size:14px; }
    .architecture-tags { justify-content:center; }
    .legal-steps { grid-template-columns:1fr; gap:8px; }
    .legal-steps li { padding:12px 16px; }
    .feature-lead { font-size:13px; }
}
@media(max-width:370px) {
    .event-list { grid-template-columns:1fr; }
    .event-list li:last-child { justify-content:flex-start; }
}


/* Restored original legal-sales character layout. */
.legal-showcase { display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; position:relative; overflow:hidden; max-width:760px; margin:0 auto; min-height:290px; border-bottom:1px solid #59434a; background:radial-gradient(ellipse at bottom,#48303955,transparent 70%); }
.legal-character { width:100%; height:290px; object-fit:contain; object-position:bottom; filter:drop-shadow(0 12px 14px #0008); }
.legal-platform { position:relative; z-index:1; text-align:center; display:flex; align-items:center; flex-direction:column; gap:13px; }
.legal-platform strong { color:#e2d7d0; font:800 clamp(24px,3.5vw,40px)/1.2 var(--font-body); letter-spacing:3px; }
.legal-platform-address { color:#a79a95; font-size:12px; }
.legal-platform > i { margin-top:8px; color:#ad8a8f; font-size:28px; }
@media(max-width:700px) {
    .legal-showcase { min-height:220px; grid-template-columns:1fr 1.1fr 1fr; }
    .legal-character { height:220px; width:160%; max-width:none; }
    .legal-left { transform:translateX(-15%); }
    .legal-right { transform:translateX(-25%); }
    .legal-platform strong { font-size:22px; letter-spacing:1px; }
    .legal-platform .feature-eyebrow { letter-spacing:2px; }
}

/* Original Mefa2 artwork inside the existing x64 two-column layout. */
.architecture-art { position:relative; width:100%; max-width:330px; margin:0 auto; border:1px solid #71505b; border-radius:8px; overflow:hidden; background:#191719; box-shadow:0 12px 28px #0005; }
.architecture-art > img { display:block; width:100%; height:auto; }
.architecture-art figcaption { position:absolute; inset:auto 0 0; padding:26px 12px 16px; text-align:center; background:linear-gradient(transparent,#171416e8); color:#e3d7ce; }
.architecture-art strong { font:700 38px/1 var(--font-body); letter-spacing:1px; }
.architecture-art strong span { font-size:20px; letter-spacing:3px; }
.architecture-art small { display:block; margin-top:8px; font:600 9px var(--font-body); letter-spacing:3px; color:#ba9fa2; }
@media(max-width:700px) { .architecture-art { max-width:300px; } }