:root{
  --m2-sidebar:286px;
  --m2-header:76px;
  --m2-bg:#080706;
  --m2-bg-2:#100c09;
  --m2-panel:rgba(18,15,12,.93);
  --m2-panel-2:rgba(27,21,16,.96);
  --m2-red:#a92e25;
  --m2-red-bright:#d44c35;
  --m2-gold:#c69a55;
  --m2-gold-light:#f1d39a;
  --m2-text:#f4eee3;
  --m2-muted:#a89e8e;
  --m2-line:rgba(198,154,85,.18);
  --m2-line-red:rgba(212,76,53,.28);
  --m2-shadow:0 26px 80px rgba(0,0,0,.55);
  --m2-radius:8px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;color-scheme:dark}
body.m2-oriental-theme{
  margin:0;
  min-height:100vh;
  color:var(--m2-text);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  background:var(--m2-bg)!important;
  overflow-x:hidden;
}
body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
img{max-width:100%;display:block}
::selection{background:rgba(180,48,36,.72);color:#fff}
.m2-sprite{position:absolute;width:0;height:0;overflow:hidden}
.m2-page-bg{
  position:fixed;inset:0;z-index:-4;
  background:
    linear-gradient(90deg,rgba(6,5,4,.99) 0,var(--m2-sidebar),rgba(6,5,4,.78) 54%,rgba(6,5,4,.94) 100%),
    linear-gradient(180deg,rgba(5,4,3,.72),rgba(8,6,5,.96)),
    url('../assets/metin2-village.webp') center/cover no-repeat;
  filter:saturate(.58) contrast(1.08);
}
.m2-noise{
  position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.12;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E");
  mix-blend-mode:soft-light;
}

/* SIDEBAR */
.sidebar{
  position:fixed!important;inset:0 auto 0 0!important;width:var(--m2-sidebar)!important;height:100vh!important;z-index:80;
  display:flex!important;flex-direction:column!important;padding:0!important;
  background:
    linear-gradient(180deg,rgba(13,11,9,.98),rgba(8,7,6,.995))!important;
  border-right:1px solid rgba(198,154,85,.24)!important;
  box-shadow:18px 0 55px rgba(0,0,0,.58)!important;
}
.sidebar::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 96%,rgba(174,48,37,.16)),
    repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 1px,transparent 1px 9px);
}
.m2-sidebar-head{position:relative;display:flex;align-items:center;min-height:112px;padding:20px 18px;border-bottom:1px solid var(--m2-line)}
.brand{display:flex!important;align-items:center!important;gap:12px!important;width:100%;min-width:0;border:0!important;padding:0!important}
.brand img{width:122px;height:auto;filter:drop-shadow(0 3px 12px rgba(0,0,0,.8))}
.brand>span{display:flex;flex-direction:column;gap:4px;padding-left:11px;border-left:1px solid rgba(198,154,85,.34)}
.brand b{font-family:"Noto Serif SC",serif;font-size:12px;letter-spacing:4px;color:var(--m2-gold-light)}
.brand small{font-size:6.5px;line-height:1.4;letter-spacing:1.2px;color:#887c6b;white-space:nowrap}
.m2-sidebar-close{display:none;width:38px;height:38px;border:1px solid var(--m2-line);background:rgba(255,255,255,.03);border-radius:4px;place-items:center}
.m2-sidebar-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
.m2-realm-seal{position:relative;margin:18px 15px 8px;padding:12px;display:grid;grid-template-columns:42px 1fr 10px;align-items:center;gap:10px;background:linear-gradient(120deg,rgba(136,37,29,.2),rgba(198,154,85,.04));border:1px solid rgba(176,60,43,.28);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.m2-seal-kanji{width:42px;height:42px;display:grid;place-items:center;font-family:"Noto Serif SC",serif;font-size:25px;color:#f0c77f;background:#8c2b24;border:1px solid rgba(241,211,154,.34);box-shadow:inset 0 0 0 3px rgba(0,0,0,.18),0 0 22px rgba(169,46,37,.16)}
.m2-realm-seal div{display:flex;flex-direction:column;gap:3px}.m2-realm-seal strong{font-family:Georgia,serif;font-size:13px;letter-spacing:.6px}.m2-realm-seal small{font-size:9px;color:#8f8475}.m2-realm-seal>i{width:5px;height:5px;border-radius:50%;background:#c9a05d;box-shadow:0 0 10px #c9a05d}
.nav-groups{position:relative;flex:1;overflow:auto;padding:4px 12px 24px!important;scrollbar-width:thin;scrollbar-color:#67342a transparent}
.nav-groups::-webkit-scrollbar{width:4px}.nav-groups::-webkit-scrollbar-thumb{background:#633127}
.nav-group{margin:14px 0 22px!important}
.nav-group h2{display:flex;align-items:center;gap:8px;margin:0 8px 10px!important;color:#776d60!important;font-size:9px!important;letter-spacing:1.8px!important;font-weight:800!important;text-transform:uppercase}
.nav-group h2 span{display:grid;place-items:center;width:20px;height:20px;color:#c99c59;font-family:"Noto Serif SC",serif;font-size:12px;background:rgba(198,154,85,.06);border:1px solid rgba(198,154,85,.12)}
.nav-link{position:relative;display:grid!important;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;min-height:43px;padding:7px 10px!important;margin:2px 0;color:#aaa093!important;border:1px solid transparent!important;border-radius:3px!important;background:transparent!important;transition:.22s ease!important;overflow:hidden}
.nav-link::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(165,44,35,.32),rgba(165,44,35,.05),transparent);opacity:0;transform:translateX(-18px);transition:.22s ease}
.nav-link::after{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;background:linear-gradient(#efb462,#9f2922);opacity:0;box-shadow:0 0 12px rgba(212,76,53,.65)}
.nav-link svg{position:relative;z-index:1;width:17px!important;height:17px!important;justify-self:center;fill:none;stroke:#897d6e!important;stroke-width:1.55!important;stroke-linecap:round;stroke-linejoin:round;transition:.22s ease}
.nav-link span{position:relative;z-index:1;font-size:12.5px;font-weight:600;letter-spacing:.15px}.nav-link>i{position:relative;z-index:1;font-style:normal;font-size:8px;color:#5d574f}
.nav-link:hover,.nav-link.active{color:#fff0d7!important;border-color:rgba(198,154,85,.13)!important;background:rgba(255,255,255,.018)!important;transform:translateX(2px)}
.nav-link:hover::before,.nav-link.active::before,.nav-link:hover::after,.nav-link.active::after{opacity:1}.nav-link:hover::before,.nav-link.active::before{transform:none}
.nav-link:hover svg,.nav-link.active svg{stroke:#efbd72!important;filter:drop-shadow(0 0 6px rgba(213,76,53,.38))}
.m2-sidebar-foot{position:relative;padding:14px 16px 18px;border-top:1px solid var(--m2-line);background:rgba(255,255,255,.015)}
.m2-online{display:flex;align-items:center;gap:10px}.m2-online>i{width:8px;height:8px;border-radius:50%;background:#74b988;box-shadow:0 0 0 4px rgba(116,185,136,.08),0 0 12px rgba(116,185,136,.55)}
.m2-online span{display:flex;flex-direction:column;gap:2px}.m2-online b{font-size:9px;letter-spacing:1.4px;color:#cfc2ad}.m2-online small{font-size:8px;color:#665f56}.m2-asian-mark{position:absolute;right:14px;bottom:12px;font-family:"Noto Serif SC",serif;font-size:8px;letter-spacing:2px;color:rgba(198,154,85,.28);writing-mode:vertical-rl}
.m2-mobile-menu{display:none;position:fixed;left:14px;top:14px;z-index:96;width:44px;height:44px;border:1px solid rgba(198,154,85,.35);background:rgba(12,10,8,.92);border-radius:4px;place-items:center;box-shadow:0 8px 25px rgba(0,0,0,.35)}
.m2-mobile-menu svg{width:21px;height:21px;fill:none;stroke:var(--m2-gold-light);stroke-width:1.7}
.m2-sidebar-overlay{position:fixed;inset:0;z-index:76;background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}

/* HEADER */
.top-header{position:fixed!important;left:var(--m2-sidebar)!important;right:0!important;top:0!important;height:var(--m2-header)!important;z-index:70;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px;padding:0 28px!important;background:linear-gradient(180deg,rgba(14,12,10,.94),rgba(10,8,7,.91))!important;border:0!important;border-bottom:1px solid rgba(198,154,85,.2)!important;backdrop-filter:blur(18px);box-shadow:0 12px 35px rgba(0,0,0,.26)!important}
.top-header::before{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:linear-gradient(90deg,rgba(165,44,35,.8),rgba(198,154,85,.36),transparent 70%)}
.announcement-bar{min-width:0;display:flex;align-items:center;gap:14px;white-space:nowrap;overflow:hidden}
.announcement-label{display:flex;align-items:center;gap:8px;flex:0 0 auto;color:#d6b476;font-size:9px;font-weight:800;letter-spacing:1.6px}.announcement-label>i{width:7px;height:7px;transform:rotate(45deg);background:#a72d25;border:1px solid #d99d5c;box-shadow:0 0 10px rgba(212,76,53,.6)}
.announcement-visible-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;color:#aaa092;font-size:11.5px;font-style:normal;transition:.2s ease}.announcement-visible-text b{color:#f0c47c}.announcement-visible-text.switching{opacity:0;transform:translateY(5px)}
.header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.header-action{height:39px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;border:1px solid rgba(198,154,85,.16);background:rgba(255,255,255,.025);border-radius:3px;color:#c9c0b2;font-size:11px;font-weight:700;letter-spacing:.4px;cursor:pointer;transition:.2s ease}
.header-action svg{width:15px;height:15px;fill:none;stroke:#c69a55;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.header-action .small{width:10px;height:10px;opacity:.55}.header-action:hover{color:#fff4df;border-color:rgba(212,76,53,.38);background:rgba(169,46,37,.12);transform:translateY(-1px)}
.register-btn{background:linear-gradient(135deg,#a52c24,#6d1d19)!important;border-color:rgba(232,114,73,.4)!important;color:#fff2dc!important;box-shadow:inset 0 0 0 1px rgba(255,220,160,.05),0 9px 22px rgba(100,24,20,.25)}

/* LAYOUT */
.content-scroll{position:relative!important;margin-left:var(--m2-sidebar)!important;padding:calc(var(--m2-header) + 26px) 30px 42px!important;min-height:calc(100vh - 88px)!important;overflow:visible!important;background:transparent!important}
.content-scroll::before{content:"";position:absolute;inset:var(--m2-header) 0 auto;height:450px;pointer-events:none;background:radial-gradient(circle at 72% 0,rgba(143,37,29,.1),transparent 53%)}
.inner-content-scroll{padding-top:calc(var(--m2-header) + 22px)!important}
.m2-inner-top{position:relative;max-width:1260px;margin:0 auto 18px;display:flex;align-items:center;gap:12px;padding:12px 15px;border:1px solid var(--m2-line);background:rgba(12,10,8,.72)}
.m2-inner-top>span{width:42px;height:42px;display:grid;place-items:center;font-family:"Noto Serif SC",serif;font-size:23px;color:#dfb86d;background:#84271f;border:1px solid rgba(236,188,113,.27)}.m2-inner-top div{display:flex;flex-direction:column;gap:3px}.m2-inner-top small{font-size:8px;letter-spacing:1.8px;color:#9e7d4d}.m2-inner-top b{font-family:Georgia,serif;font-size:14px;color:#d8cdbd}

/* HERO */
.m2-hero{position:relative;max-width:1450px;min-height:530px;margin:0 auto 28px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.72fr);overflow:hidden;border:1px solid rgba(198,154,85,.25);background:#0b0908;box-shadow:var(--m2-shadow);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}
.m2-hero::before{content:"";position:absolute;inset:8px;z-index:4;pointer-events:none;border:1px solid rgba(198,154,85,.08);clip-path:inherit}
.m2-hero::after{content:"";position:absolute;inset:auto 0 0;height:3px;z-index:5;background:linear-gradient(90deg,#6e1d18,#c3944f,#6e1d18)}
.m2-hero-art{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(8,7,6,.97) 0 30%,rgba(8,7,6,.74) 51%,rgba(8,7,6,.32) 76%,rgba(8,7,6,.7)),
  linear-gradient(180deg,rgba(8,7,6,.25),rgba(8,7,6,.86)),
  url('../assets/metin2-village.webp') center/cover no-repeat;filter:saturate(.74) contrast(1.08);transform:scale(1.02)}
.m2-hero-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 67% 40%,rgba(190,89,44,.08),transparent 27%),repeating-linear-gradient(90deg,transparent 0 79px,rgba(198,154,85,.02) 80px)}
.m2-hero-copy{position:relative;z-index:6;align-self:center;padding:58px 35px 52px 56px;max-width:790px}
.m2-hero-kicker{display:flex;align-items:center;gap:12px;margin-bottom:18px}.m2-hero-kicker>span{font-family:"Noto Serif SC",serif;font-size:11px;letter-spacing:3px;color:#d5ab64}.m2-hero-kicker>i{width:44px;height:1px;background:linear-gradient(90deg,#a52d24,transparent)}.m2-hero-kicker>b{font-size:8px;letter-spacing:2px;color:#7d7569}
.m2-hero-logo{width:186px;margin:0 0 18px;filter:drop-shadow(0 6px 16px rgba(0,0,0,.7))}
.m2-hero h1{margin:0 0 18px!important;font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(38px,4.1vw,68px)!important;line-height:1.02!important;font-weight:500!important;letter-spacing:-1.8px!important;text-transform:none!important;color:#f2e7d6!important;text-shadow:0 10px 30px rgba(0,0,0,.7)!important}.m2-hero h1 strong{font-weight:500;color:#d79e54;background:linear-gradient(90deg,#e8c27f,#ae4b31);-webkit-background-clip:text;background-clip:text;color:transparent}
.m2-hero-copy>p{max-width:650px;margin:0 0 26px;color:#afa493;font-size:14px;line-height:1.85}
.m2-hero-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.m2-primary-btn,.ghost-btn{position:relative;min-height:47px;display:inline-flex!important;align-items:center;gap:22px;padding:0 21px!important;border-radius:2px!important;font-size:11px!important;font-weight:800!important;letter-spacing:.7px!important;text-transform:uppercase;transition:.2s ease!important}
.m2-primary-btn{color:#fff0d5;background:linear-gradient(135deg,#aa3026,#761f1a);border:1px solid rgba(231,143,83,.42);box-shadow:0 12px 28px rgba(100,24,20,.33)}.m2-primary-btn::before{content:"";position:absolute;inset:3px;border:1px solid rgba(255,220,164,.08)}.m2-primary-btn b{font-size:17px;color:#eac77f}.m2-primary-btn:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgba(115,29,22,.42)}
.ghost-btn{color:#d6c5ad!important;background:rgba(12,10,8,.72)!important;border:1px solid rgba(198,154,85,.23)!important}.ghost-btn:hover{color:#fff0d4!important;border-color:rgba(198,154,85,.5)!important;background:rgba(50,31,20,.82)!important}
.m2-hero-stats{display:flex;gap:0;margin-top:32px;border-top:1px solid rgba(198,154,85,.15);width:max-content;max-width:100%}.m2-hero-stats article{min-width:110px;padding:15px 22px 0 0;margin-right:22px;border-right:1px solid rgba(198,154,85,.12);display:flex;align-items:baseline;gap:8px}.m2-hero-stats article:last-child{border-right:0}.m2-hero-stats strong{font-family:Georgia,serif;font-size:21px;color:#e2bd78}.m2-hero-stats span{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#766f65}
.m2-hero-side{position:relative;z-index:5;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:45px 44px 45px 16px}.m2-vertical-copy{position:absolute;right:14px;top:45px;bottom:45px;writing-mode:vertical-rl;font-family:"Noto Serif SC",serif;font-size:8px;letter-spacing:3px;color:rgba(220,186,123,.45)}
.m2-hero-banner{position:relative;padding:8px;background:rgba(8,7,6,.72);border:1px solid rgba(198,154,85,.26);box-shadow:0 22px 50px rgba(0,0,0,.45);transform:rotate(-1.2deg)}.m2-hero-banner::before,.m2-hero-banner::after{content:"";position:absolute;width:24px;height:24px;border-color:#b88d4f}.m2-hero-banner::before{left:-5px;top:-5px;border-left:1px solid;border-top:1px solid}.m2-hero-banner::after{right:-5px;bottom:-5px;border-right:1px solid;border-bottom:1px solid}.m2-hero-banner img{width:100%;aspect-ratio:2.7/1;object-fit:cover;filter:saturate(.78) contrast(1.08)}
.m2-hero-note{display:flex;align-items:center;gap:12px;margin:21px 8px 0;padding:13px 14px;background:rgba(10,8,7,.74);border-left:2px solid #a62d24}.m2-hero-note>i{width:7px;height:7px;border-radius:50%;background:#70ac7d;box-shadow:0 0 0 4px rgba(112,172,125,.09),0 0 11px rgba(112,172,125,.5)}.m2-hero-note div{display:flex;flex-direction:column;gap:3px}.m2-hero-note b{font-size:9px;letter-spacing:1.4px;color:#d7c7b0}.m2-hero-note small{font-size:9px;color:#766e63}

/* SECTIONS */
.m2-featured,.m2-topic-stream{position:relative;max-width:1450px;margin:0 auto 28px;padding:28px;background:linear-gradient(180deg,rgba(13,11,9,.92),rgba(9,8,7,.96));border:1px solid rgba(198,154,85,.17);box-shadow:0 20px 60px rgba(0,0,0,.28)}
.m2-featured::before,.m2-topic-stream::before{content:"";position:absolute;left:0;top:0;width:110px;height:1px;background:linear-gradient(90deg,#b53a2c,#c79a56,transparent)}
.m2-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.m2-section-heading>div{position:relative;padding-left:54px}.m2-heading-mark{position:absolute;left:0;top:0;width:40px;height:40px;display:grid;place-items:center;font-family:"Noto Serif SC",serif;font-size:22px;color:#e0b66b;background:#80251f;border:1px solid rgba(225,180,105,.3);box-shadow:inset 0 0 0 3px rgba(0,0,0,.18)}.m2-section-heading small{display:block;margin-bottom:5px;font-size:8px;font-weight:800;letter-spacing:2px;color:#9e7b4a}.m2-section-heading h2{margin:0;font-family:Georgia,serif;font-size:28px;font-weight:500;color:#eee2d1}.m2-section-heading>p{max-width:500px;margin:0;color:#7f776d;font-size:11.5px;line-height:1.7;text-align:right}
.m2-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.m2-feature-card{position:relative;min-height:340px;display:flex;align-items:flex-end;overflow:hidden;border:1px solid rgba(198,154,85,.18);background:#0b0908;transition:.28s ease;isolation:isolate}.m2-feature-card::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--feature-image) center/cover no-repeat;filter:saturate(.55) contrast(1.08);transition:.45s ease}.m2-feature-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,7,6,.05) 12%,rgba(8,7,6,.64) 58%,rgba(8,7,6,.98) 100%),linear-gradient(90deg,rgba(134,37,30,.18),transparent)}.m2-feature-card:hover{transform:translateY(-5px);border-color:rgba(220,161,84,.47);box-shadow:0 20px 38px rgba(0,0,0,.42)}.m2-feature-card:hover::before{transform:scale(1.055);filter:saturate(.82) contrast(1.05)}
.m2-card-index{position:absolute;top:14px;right:14px;font-family:Georgia,serif;font-size:11px;color:#e5bc70;padding:6px 8px;background:rgba(8,7,6,.68);border:1px solid rgba(198,154,85,.2)}.m2-feature-card>div{padding:24px 21px}.m2-feature-card small{font-size:8px;letter-spacing:1.7px;color:#b57946}.m2-feature-card h3{margin:7px 0 9px;font-family:Georgia,serif;font-size:24px;font-weight:500;color:#f0e4d2}.m2-feature-card p{margin:0 0 16px;color:#92897d;font-size:11px;line-height:1.65}.m2-feature-card b{font-size:9px;letter-spacing:1.2px;color:#dfb46d}
.m2-stream-heading{align-items:center}.m2-stream-heading>a{padding:10px 13px;border:1px solid rgba(198,154,85,.17);color:#a99a84;font-size:10px;font-weight:700;letter-spacing:.6px}.m2-stream-heading>a span{color:#d7ab62;margin-left:8px}.m2-stream-heading>a:hover{color:#f2e4cf;border-color:rgba(198,154,85,.38);background:rgba(198,154,85,.05)}
.mt-post-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important;margin:0!important}
.mt-post-card{position:relative;display:grid!important;grid-template-columns:215px minmax(0,1fr)!important;min-height:215px;overflow:hidden;border:1px solid rgba(198,154,85,.15)!important;border-radius:0!important;background:linear-gradient(130deg,rgba(22,18,14,.96),rgba(12,10,8,.98))!important;box-shadow:none!important;transition:.25s ease!important}.mt-post-card::before{content:"";position:absolute;left:0;top:0;width:44px;height:1px;background:#a83227;z-index:4}.mt-post-card:hover{transform:translateY(-3px)!important;border-color:rgba(204,145,71,.4)!important;box-shadow:0 18px 38px rgba(0,0,0,.36)!important}
.mt-post-media{position:relative;display:block;min-height:100%;overflow:hidden;background:#090807}.mt-post-media>img,.mt-post-media>picture,.mt-post-media picture img{width:100%!important;height:100%!important;min-height:215px;object-fit:cover!important;filter:saturate(.62) contrast(1.08);transition:.42s ease}.mt-post-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 35%,rgba(13,10,8,.28)),linear-gradient(180deg,transparent 40%,rgba(8,7,6,.74))}.mt-post-card:hover .mt-post-media>img,.mt-post-card:hover .mt-post-media picture img{transform:scale(1.045);filter:saturate(.86) contrast(1.04)}
.mt-media-frame{position:absolute;inset:8px;z-index:2;border:1px solid rgba(235,198,129,.1);pointer-events:none}.mt-media-action{position:absolute;left:13px;bottom:13px;z-index:3;display:flex;align-items:center;gap:7px;padding:7px 9px;background:rgba(112,28,23,.8);border:1px solid rgba(231,166,91,.26);font-size:8px;font-weight:800;letter-spacing:1px;color:#f4d9a9;opacity:0;transform:translateY(7px);transition:.24s ease}.mt-post-card:hover .mt-media-action{opacity:1;transform:none}.mt-pinned-badge{position:absolute;z-index:6;left:9px;top:9px;padding:6px 8px;background:#80241e;border:1px solid rgba(235,181,104,.32);font-size:7px;font-weight:800;letter-spacing:1px;color:#f2cf94}
.mt-post-body{display:flex!important;flex-direction:column!important;padding:20px 20px 16px!important;min-width:0}.mt-post-topline{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px;margin:0 0 11px!important}.mt-post-category{display:inline-flex!important;padding:5px 8px!important;border:1px solid rgba(181,64,46,.28)!important;background:rgba(138,36,29,.14)!important;color:#d9a45d!important;font-size:7.5px!important;font-weight:800!important;letter-spacing:1px!important;text-transform:uppercase!important;border-radius:0!important}.mt-post-date{display:flex;align-items:center;gap:5px;color:#70695f;font-size:8px}.mt-post-date svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.6}
.mt-post-title{margin:0 0 10px!important;font-family:Georgia,serif!important;font-size:19px!important;line-height:1.24!important;font-weight:500!important;color:#ede1cf!important}.mt-post-title a{color:inherit}.mt-post-title a:hover{color:#e2b56c}.mt-post-excerpt{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0!important;color:#928a7f!important;font-size:10.5px!important;line-height:1.68!important}.mt-post-excerpt img{display:none!important}.mt-post-bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px;margin-top:auto!important;padding-top:13px!important;border-top:1px solid rgba(198,154,85,.08)!important}.mt-post-author{display:grid;grid-template-columns:24px auto;column-gap:7px;align-items:center}.mt-post-author svg{grid-row:1/3;width:22px;height:22px;padding:5px;border:1px solid rgba(198,154,85,.14);fill:none;stroke:#b98a4b;stroke-width:1.5}.mt-post-author span{font-size:7px;color:#69635b;text-transform:uppercase}.mt-post-author b{font-size:8.5px;color:#b8aa96}.mt-post-stats{display:flex!important;gap:8px!important}.mt-post-stats span{display:flex!important;align-items:center!important;gap:5px!important;padding:5px 7px!important;border:1px solid rgba(198,154,85,.09)!important;background:rgba(255,255,255,.018)!important;color:#7e756a!important;font-size:8px!important}.mt-post-stats svg{width:12px!important;height:12px!important;fill:none;stroke:#b88b4e;stroke-width:1.5}
.m2-stream-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(198,154,85,.1);color:#726b62;font-size:9px}.m2-stream-footer>span{display:flex;align-items:center;gap:8px}.m2-stream-footer i{width:6px;height:6px;border-radius:50%;background:#72a87c;box-shadow:0 0 8px rgba(114,168,124,.55)}.m2-stream-footer a{color:#b99054}.m2-stream-footer b{margin-left:6px;color:#e3bd77}

/* FOOTER */
.site-footer{position:relative!important;margin-left:var(--m2-sidebar)!important;min-height:88px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px;padding:18px 30px!important;background:rgba(8,7,6,.96)!important;border:0!important;border-top:1px solid rgba(198,154,85,.18)!important}.site-footer::before{content:"";position:absolute;left:0;right:0;top:-2px;height:1px;background:linear-gradient(90deg,#982920,#c2944e,transparent 55%)}.m2-footer-brand{display:flex;align-items:center;gap:12px}.m2-footer-brand img{width:92px}.m2-footer-brand span{display:flex;flex-direction:column;padding-left:10px;border-left:1px solid var(--m2-line)}.m2-footer-brand b{font-family:"Noto Serif SC",serif;font-size:9px;letter-spacing:3px;color:#d6ae67}.m2-footer-brand small{font-size:6px;letter-spacing:1px;color:#675f55}.site-footer p{margin:0!important;color:#655f56!important;font-size:8px!important}.footer-links{display:flex!important;gap:16px!important}.footer-links a{color:#8e8578!important;font-size:8px!important;letter-spacing:.4px}.footer-links a:hover{color:#ddb36c!important}

/* MODALS */
.modal-backdrop{position:fixed;inset:0;z-index:200;background:rgba(3,3,3,.82)!important;backdrop-filter:blur(8px);opacity:0;transition:.25s ease}.modal-backdrop.is-open{opacity:1}
.m2-modal{position:fixed;inset:0;z-index:210;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s ease}.m2-modal.is-open{opacity:1;visibility:visible;transform:none}.m2-modal-card{position:relative;width:min(100%,720px);padding:38px;background:linear-gradient(145deg,rgba(24,19,15,.99),rgba(10,9,8,.995));border:1px solid rgba(198,154,85,.28);box-shadow:0 35px 100px rgba(0,0,0,.72);clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px))}.m2-modal-card::before{content:"";position:absolute;inset:7px;pointer-events:none;border:1px solid rgba(198,154,85,.07);clip-path:inherit}.m2-modal-close{position:absolute;right:16px;top:16px;z-index:4;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(198,154,85,.18);background:rgba(255,255,255,.025);cursor:pointer}.m2-modal-close svg{width:16px;height:16px;fill:none;stroke:#caaa74;stroke-width:1.6}.m2-modal-close:hover{background:#85271f;border-color:#be7145;color:#fff}.m2-modal-kicker{display:block;margin-bottom:8px;font-size:8px;font-weight:800;letter-spacing:2px;color:#a98048}.m2-modal-symbol{position:absolute;right:55px;top:23px;font-family:"Noto Serif SC",serif;font-size:52px;color:rgba(198,154,85,.08)}.m2-modal h2{margin:0 0 8px;font-family:Georgia,serif;font-size:31px;font-weight:500;color:#eee1ce}.m2-modal-card>p,.m2-login-form-wrap>p{margin:0 0 22px;color:#91877a;font-size:11px;line-height:1.7}
.m2-login-card{width:min(100%,960px);padding:0;display:grid;grid-template-columns:.92fr 1.08fr;overflow:hidden}.m2-login-art{position:relative;min-height:540px;overflow:hidden;background:#0a0807}.m2-login-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,7,6,.1),rgba(8,7,6,.92)),linear-gradient(90deg,transparent,rgba(8,7,6,.35))}.m2-login-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.62) contrast(1.06)}.m2-login-art>span{position:absolute;left:22px;top:22px;z-index:2;writing-mode:vertical-rl;font-family:"Noto Serif SC",serif;font-size:10px;letter-spacing:5px;color:rgba(240,199,126,.7)}.m2-login-art>div{position:absolute;z-index:3;left:30px;right:30px;bottom:36px}.m2-login-art small{font-size:8px;letter-spacing:2px;color:#c18e4b}.m2-login-art h3{margin:8px 0 10px;font-family:Georgia,serif;font-size:29px;font-weight:500}.m2-login-art p{margin:0;color:#9f9485;font-size:11px;line-height:1.7}.m2-login-form-wrap{padding:56px 48px 40px}.m2-login-form-wrap form{display:flex;flex-direction:column}.m2-login-form-wrap form>label{margin:0 0 7px;font-size:9px;font-weight:700;color:#b3a692}.m2-input{height:49px;display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:0 13px;border:1px solid rgba(198,154,85,.14);background:rgba(6,6,5,.62);transition:.2s ease}.m2-input:focus-within{border-color:rgba(210,94,58,.52);box-shadow:0 0 0 3px rgba(169,46,37,.08)}.m2-input svg{width:16px;height:16px;fill:none;stroke:#9c7641;stroke-width:1.5}.m2-input input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#eee4d4;font-size:11px}.m2-input input::placeholder{color:#5f5951}.m2-form-row{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px;color:#81786c;font-size:9px}.m2-form-row label{display:flex;align-items:center;gap:6px}.m2-form-row a{color:#b88a4c}.m2-submit{height:48px;border:1px solid rgba(229,151,83,.36);background:linear-gradient(135deg,#a92f25,#6d1c18);color:#fff0d5;font-size:10px;font-weight:800;letter-spacing:1px;cursor:pointer}.m2-submit span{margin-left:12px;color:#e4bd72}.m2-submit:hover{filter:brightness(1.1)}.m2-register-note{margin-top:18px;padding-top:16px;border-top:1px solid rgba(198,154,85,.1);color:#746d64;font-size:9px;text-align:center}.m2-register-note a{color:#d4a45d}
.m2-search-card{text-align:center}.m2-search-form{height:58px;display:grid;grid-template-columns:46px 1fr auto;align-items:center;margin:24px 0 16px;border:1px solid rgba(198,154,85,.23);background:rgba(5,5,4,.68)}.m2-search-form>svg{width:17px;height:17px;justify-self:center;fill:none;stroke:#b7894b;stroke-width:1.6}.m2-search-form input{height:100%;border:0;outline:0;background:transparent;color:#eee2d1;font-size:12px}.m2-search-form input::placeholder{color:#655e55}.m2-search-form button{height:44px;margin-right:6px;padding:0 20px;border:1px solid rgba(235,169,94,.28);background:#8d2921;color:#f5dfb8;font-size:9px;font-weight:800;letter-spacing:1.2px;cursor:pointer}.m2-search-tags{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.m2-search-tags span{padding:6px 9px;border:1px solid rgba(198,154,85,.1);color:#776e62;font-size:8px}
.m2-language-card{width:min(100%,520px);text-align:center}.m2-language-options{display:grid;gap:9px;margin-top:23px}.language-option{display:grid;grid-template-columns:46px 1fr 24px;align-items:center;gap:12px;padding:13px;border:1px solid rgba(198,154,85,.14);background:rgba(255,255,255,.018);text-align:left;cursor:pointer}.language-option>b{width:42px;height:35px;display:grid;place-items:center;background:#191410;border:1px solid rgba(198,154,85,.14);color:#c79b58;font-size:10px}.language-option>span{display:flex;flex-direction:column;gap:3px}.language-option strong{font-size:11px;color:#d9cebd}.language-option small{font-size:8px;color:#6d665d}.language-option>i{font-style:normal;color:#6d655a}.language-option.active{border-color:rgba(211,96,59,.42);background:rgba(151,40,31,.1)}.language-option.active>i{color:#d3a35c}
.toast{position:fixed;right:22px;bottom:22px;z-index:300;max-width:360px;padding:12px 15px;background:#18120e;border:1px solid rgba(198,154,85,.24);color:#d6c6af;font-size:10px;box-shadow:0 18px 50px rgba(0,0,0,.48);opacity:0;transform:translateY(10px);pointer-events:none;transition:.22s ease}.toast.visible{opacity:1;transform:none}

/* SHARED INNER CONTENT COLOUR INTEGRATION */
.inner-content-scroll .gp-fullstory-shell,.inner-content-scroll .gp-static-shell,.inner-content-scroll .gp-stats-shell,.inner-content-scroll .gp-info-page,.inner-content-scroll .gp-comment-item,.inner-content-scroll .gp-addcomment-form{max-width:1260px!important;margin-left:auto!important;margin-right:auto!important;border-radius:4px!important;border-color:rgba(198,154,85,.2)!important;box-shadow:0 24px 65px rgba(0,0,0,.38)!important}
.gp-story-hero,.gp-download-zone,.gp-side-card,.gp-comments-section,.gp-add-comment-section{border-radius:3px!important}.gp-story-hero h1,.gp-static-hero h1,.gp-stats-hero h1{font-family:Georgia,"Times New Roman",serif!important;letter-spacing:-.4px!important}.gp-file-btn,.gp-no-comments-btn,.gp-comment-submit,.gp-info-btn-primary{border-radius:2px!important;background:linear-gradient(135deg,#a72e25,#6e1d19)!important;border-color:rgba(225,145,78,.34)!important}.gp-category-link{border-radius:2px!important}.gp-comment-item,.gp-addcomment-form{background:linear-gradient(145deg,rgba(23,18,14,.96),rgba(11,9,8,.98))!important}

.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}

@media(max-width:1280px){
  .m2-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.m2-feature-card{min-height:300px}
  .m2-hero{grid-template-columns:1fr 350px}.m2-hero-copy{padding-left:42px}.mt-post-grid{grid-template-columns:1fr!important}
}
@media(max-width:1050px){
  :root{--m2-sidebar:264px}.top-header{padding:0 18px!important}.header-action span{display:none}.header-action{width:39px;padding:0}.language-btn span{display:inline}.m2-hero{grid-template-columns:1fr}.m2-hero-side{display:none}.m2-hero-copy{max-width:830px}.m2-section-heading>p{display:none}
}
@media(max-width:860px){
  :root{--m2-sidebar:0px;--m2-header:66px}.sidebar{width:286px!important;transform:translateX(-102%);transition:.28s ease}.sidebar.is-open{transform:none}.m2-sidebar-close{display:grid}.m2-mobile-menu{display:grid}.top-header{left:0!important;padding-left:70px!important}.content-scroll{margin-left:0!important;padding-left:16px!important;padding-right:16px!important}.site-footer{margin-left:0!important}.announcement-label{display:none}.m2-hero{min-height:500px}.m2-hero-copy{padding:52px 30px}.m2-featured,.m2-topic-stream{padding:20px}.m2-login-card{grid-template-columns:1fr}.m2-login-art{display:none}
}
@media(max-width:650px){
  .top-header{padding-right:10px!important}.announcement-visible-text{font-size:9px}.header-actions{gap:5px}.header-action{width:35px;height:35px}.register-btn{display:none}.m2-hero{min-height:520px;margin-bottom:18px}.m2-hero-copy{padding:48px 22px 38px}.m2-hero-logo{width:145px}.m2-hero h1{font-size:40px!important;letter-spacing:-1px!important}.m2-hero-copy>p{font-size:12px;line-height:1.7}.m2-hero-stats{width:100%}.m2-hero-stats article{min-width:0;flex:1;padding-right:10px;margin-right:10px}.m2-hero-stats strong{font-size:17px}.m2-feature-grid{grid-template-columns:1fr}.m2-feature-card{min-height:270px}.m2-section-heading{align-items:center}.m2-section-heading>div{padding-left:48px}.m2-section-heading h2{font-size:23px}.m2-stream-heading>a{display:none}.mt-post-card{grid-template-columns:1fr!important}.mt-post-media{height:190px}.mt-post-media>img,.mt-post-media picture img{min-height:190px}.m2-stream-footer{align-items:flex-start;flex-direction:column}.site-footer{flex-direction:column!important;align-items:flex-start!important;padding:22px 18px!important}.footer-links{flex-wrap:wrap}.m2-modal{padding:12px}.m2-modal-card{padding:32px 20px}.m2-login-form-wrap{padding:48px 23px 28px}.m2-search-form{grid-template-columns:38px 1fr auto}.m2-search-form button{padding:0 12px}.m2-modal h2{font-size:26px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}


/* =========================================================
   ORIENTAL REDESIGN V2 — richer category seal + story cards
   ========================================================= */
.m2-featured{
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 0%,rgba(139,42,31,.13),transparent 34%),
    radial-gradient(circle at 93% 20%,rgba(199,154,86,.08),transparent 28%),
    linear-gradient(180deg,rgba(14,11,9,.95),rgba(8,7,6,.98));
}
.m2-featured::after{
  content:"龍 · 武 · 魂 · 道";
  position:absolute;
  right:-10px;
  bottom:-38px;
  font-family:"Noto Serif SC","Microsoft YaHei",serif;
  font-size:102px;
  letter-spacing:18px;
  color:rgba(218,170,93,.022);
  white-space:nowrap;
  pointer-events:none;
  animation:m2AncientDrift 14s ease-in-out infinite alternate;
}
.m2-feature-heading{align-items:center;margin-bottom:25px}
.m2-feature-heading>.m2-section-banner{
  position:relative;
  isolation:isolate;
  min-width:min(650px,68vw);
  min-height:80px;
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  align-items:center;
  gap:15px;
  padding:13px 112px 13px 15px!important;
  overflow:hidden;
  background:
    linear-gradient(100deg,rgba(116,27,22,.94),rgba(73,19,17,.78) 56%,rgba(22,14,11,.62)),
    radial-gradient(circle at 12% 50%,rgba(233,174,91,.18),transparent 32%);
  border:1px solid rgba(205,111,69,.43);
  box-shadow:inset 0 0 0 1px rgba(255,210,137,.045),0 12px 28px rgba(0,0,0,.28),0 0 24px rgba(126,32,25,.08);
  clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));
}
.m2-feature-heading>.m2-section-banner::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    repeating-linear-gradient(115deg,transparent 0 24px,rgba(255,214,143,.018) 25px 26px),
    linear-gradient(90deg,transparent,rgba(255,190,100,.065),transparent);
  transform:translateX(-110%);
  animation:m2SealSweep 6.8s ease-in-out infinite;
}
.m2-feature-heading>.m2-section-banner::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:52%;
  height:2px;
  background:linear-gradient(90deg,#dc6b3f,#d9aa63,transparent);
  box-shadow:0 0 15px rgba(218,105,63,.45);
}
.m2-feature-heading .m2-heading-mark{
  position:relative;
  left:auto;
  top:auto;
  width:50px;
  height:50px;
  font-size:27px;
  color:#ffd58d;
  background:linear-gradient(145deg,#9d3127,#611812);
  border-color:rgba(255,194,106,.48);
  box-shadow:inset 0 0 0 4px rgba(20,7,5,.22),0 0 20px rgba(212,76,48,.23);
  animation:m2SealBreath 3.8s ease-in-out infinite;
}
.m2-feature-heading .m2-heading-copy{position:relative;z-index:2}
.m2-feature-heading .m2-heading-copy small{margin-bottom:6px;color:#e5b26c;letter-spacing:2.4px}
.m2-feature-heading .m2-heading-copy h2{font-size:30px;color:#fff0d9;text-shadow:0 2px 16px rgba(0,0,0,.55)}
.m2-banner-kanji{
  position:absolute;
  z-index:0;
  right:24px;
  top:50%;
  transform:translateY(-52%);
  font-family:"Noto Serif SC","Microsoft YaHei",serif;
  font-size:52px;
  line-height:1;
  letter-spacing:-7px;
  color:rgba(255,212,137,.10);
  text-shadow:0 0 18px rgba(255,125,66,.08);
  pointer-events:none;
}
.m2-banner-spark{
  position:absolute;
  right:14px;
  top:13px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#f5c778;
  box-shadow:0 0 8px #f5c778,0 0 20px rgba(241,104,57,.75);
  animation:m2SparkPulse 2.4s ease-in-out infinite;
}
.m2-feature-heading>p{max-width:420px;color:#998d80}

.m2-feature-card{transform-style:preserve-3d}
.m2-feature-card .m2-card-kanji{
  position:absolute;
  top:42px;
  left:17px;
  z-index:2;
  font-family:"Noto Serif SC","Microsoft YaHei",serif;
  font-size:76px;
  line-height:1;
  color:rgba(255,222,158,.10);
  text-shadow:0 0 25px rgba(191,55,37,.16);
  transform:translateZ(12px);
  transition:.45s ease;
  pointer-events:none;
}
.m2-feature-card:hover .m2-card-kanji{color:rgba(255,222,158,.20);transform:translate3d(6px,-4px,20px) rotate(-4deg)}
.m2-card-shine{
  position:absolute;
  z-index:1;
  top:-30%;
  left:-80%;
  width:45%;
  height:165%;
  background:linear-gradient(90deg,transparent,rgba(255,218,154,.14),transparent);
  transform:skewX(-18deg);
  transition:left .75s ease;
  pointer-events:none;
}
.m2-feature-card:hover .m2-card-shine{left:135%}
.m2-feature-card>div{position:relative;z-index:3}
.m2-feature-card>div::before{
  content:"";
  position:absolute;
  left:21px;
  top:5px;
  width:34px;
  height:1px;
  background:#c45437;
  box-shadow:0 0 8px rgba(196,84,55,.55);
}

.mt-post-card{isolation:isolate}
.mt-post-card::before{
  width:76px;
  background:linear-gradient(90deg,#b53729,#d1a15b,transparent);
  box-shadow:0 0 9px rgba(181,55,41,.28);
  animation:m2CardLine 4.8s ease-in-out infinite;
}
.mt-post-card:hover{box-shadow:0 20px 46px rgba(0,0,0,.42),0 0 0 1px rgba(177,58,41,.08)!important}
.mt-post-body{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 83% 46%,rgba(139,39,29,.07),transparent 32%),
    linear-gradient(115deg,rgba(255,255,255,.012),transparent 40%);
}
.mt-post-body::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  background:
    linear-gradient(115deg,transparent 0 42%,rgba(210,165,93,.025) 42.5% 43%,transparent 43.5%),
    repeating-linear-gradient(0deg,transparent 0 31px,rgba(220,174,101,.014) 32px 33px);
  pointer-events:none;
}
.mt-post-script{
  position:absolute;
  z-index:-1;
  right:18px;
  top:54px;
  display:flex;
  align-items:center;
  gap:11px;
  opacity:.95;
  pointer-events:none;
  user-select:none;
  transform:rotate(-2deg);
  transition:.4s ease;
}
.mt-post-script>span::before{
  content:"龍";
  display:block;
  font-family:"Noto Serif SC","Microsoft YaHei",serif;
  font-size:82px;
  line-height:.9;
  color:rgba(219,163,84,.055);
  text-shadow:0 0 24px rgba(173,46,31,.07);
}
.mt-post-card:nth-child(4n+2) .mt-post-script>span::before{content:"武"}
.mt-post-card:nth-child(4n+3) .mt-post-script>span::before{content:"魂"}
.mt-post-card:nth-child(4n+4) .mt-post-script>span::before{content:"劍"}
.mt-post-script>b{
  writing-mode:vertical-rl;
  font-family:"Noto Serif SC","Microsoft YaHei",serif;
  font-size:9px;
  font-weight:500;
  letter-spacing:4px;
  color:rgba(225,184,115,.09);
}
.mt-post-brush{
  position:absolute;
  z-index:-1;
  right:-46px;
  top:93px;
  width:250px;
  height:55px;
  opacity:.45;
  background:linear-gradient(90deg,transparent,rgba(135,35,27,.08) 30%,rgba(189,64,38,.12) 60%,transparent);
  filter:blur(9px);
  transform:rotate(-7deg);
  pointer-events:none;
}
.mt-post-card:hover .mt-post-script{transform:translateX(-5px) rotate(-4deg);filter:brightness(1.4)}
.mt-post-title{position:relative;z-index:2;max-width:86%}
.mt-post-excerpt{position:relative;z-index:2;max-width:86%;min-height:35px}
.mt-post-bottom,.mt-post-topline{position:relative;z-index:2}
.mt-post-media::before{
  content:"";
  position:absolute;
  z-index:3;
  inset:-25% auto -25% -70%;
  width:42%;
  background:linear-gradient(90deg,transparent,rgba(255,226,173,.18),transparent);
  transform:skewX(-17deg);
  transition:left .7s ease;
  pointer-events:none;
}
.mt-post-card:hover .mt-post-media::before{left:140%}
.mt-media-frame::before,.mt-media-frame::after{
  content:"";
  position:absolute;
  width:18px;
  height:18px;
  border-color:rgba(225,176,99,.36);
  pointer-events:none;
}
.mt-media-frame::before{left:-1px;top:-1px;border-left:1px solid;border-top:1px solid}
.mt-media-frame::after{right:-1px;bottom:-1px;border-right:1px solid;border-bottom:1px solid}

@keyframes m2SealSweep{0%,18%{transform:translateX(-115%)}55%,100%{transform:translateX(115%)}}
@keyframes m2SealBreath{0%,100%{box-shadow:inset 0 0 0 4px rgba(20,7,5,.22),0 0 14px rgba(212,76,48,.14)}50%{box-shadow:inset 0 0 0 4px rgba(20,7,5,.22),0 0 27px rgba(235,92,48,.34)}}
@keyframes m2SparkPulse{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.18)}}
@keyframes m2AncientDrift{0%{transform:translateX(0) translateY(0)}100%{transform:translateX(-28px) translateY(-8px)}}
@keyframes m2CardLine{0%,100%{opacity:.58;width:58px}50%{opacity:1;width:112px}}

@media(max-width:1150px){
  .m2-feature-heading>.m2-section-banner{min-width:min(620px,72vw)}
  .m2-feature-heading>p{display:none}
}
@media(max-width:620px){
  .m2-feature-heading>.m2-section-banner{min-width:100%;grid-template-columns:48px 1fr;padding:11px 74px 11px 11px!important;min-height:70px}
  .m2-feature-heading .m2-heading-mark{width:44px;height:44px;font-size:23px}
  .m2-feature-heading .m2-heading-copy h2{font-size:22px}
  .m2-banner-kanji{right:16px;font-size:38px}
  .m2-featured::after{font-size:62px}
  .mt-post-title,.mt-post-excerpt{max-width:100%}
  .mt-post-script{right:9px;top:64px;opacity:.65}
  .mt-post-script>span::before{font-size:62px}
}


/* =========================================================
   PERFORMANCE + ACCESSIBILITY + FEATURED HEADING V4
   ========================================================= */
.m2-skip-link{position:fixed;left:18px;top:12px;z-index:10050;padding:11px 15px;color:#fff4dc;background:#8f2b22;border:1px solid rgba(240,190,111,.55);font-size:11px;font-weight:900;transform:translateY(-150%);transition:transform .2s ease}
.m2-skip-link:focus{transform:none;outline:2px solid #e7b76c;outline-offset:3px}
.m2-feature-heading{display:block!important}
.m2-feature-heading>.m2-section-banner{width:100%!important;min-width:0!important;max-width:none!important;min-height:86px;padding-right:145px!important}
.m2-feature-heading>p{display:none!important}
.m2-feature-heading .m2-heading-copy h2{font-size:clamp(25px,2.4vw,34px)}
.m2-feature-heading .m2-banner-kanji{right:38px;font-size:58px}
.nav-link[aria-current="page"]{color:#f6dcc0!important}
@supports(content-visibility:auto){
  .m2-featured,.m2-topic-stream,.m2v-download-forge,.m2v-story-layout,.m2v-comments,.m2v-add-comment,.site-footer{content-visibility:auto;contain-intrinsic-size:1px 720px}
}
@media(max-width:620px){.m2-feature-heading>.m2-section-banner{padding-right:82px!important}.m2-feature-heading .m2-banner-kanji{right:18px;font-size:40px}}


/* =========================================================
   SIDEBAR SEALS + MATCHED LATEST BANNER V5
   Lightweight transform/opacity animations only.
   ========================================================= */
.m2-sidebar-head{
  min-height:132px;
  justify-content:center;
  padding:18px 16px 17px;
}
.m2-sidebar-head .brand{
  position:relative;
  flex-direction:column;
  justify-content:center;
  align-items:center!important;
  gap:8px!important;
  text-align:center;
}
.m2-sidebar-head .brand::after{
  content:"";
  width:112px;
  height:1px;
  margin-top:1px;
  background:linear-gradient(90deg,transparent,rgba(213,164,91,.58),transparent);
  box-shadow:0 0 10px rgba(181,61,39,.18);
}
.m2-sidebar-head .brand img{
  width:148px;
  max-width:84%;
  filter:drop-shadow(0 5px 15px rgba(0,0,0,.82));
  transition:transform .35s ease,filter .35s ease;
}
.m2-sidebar-head .brand:hover img{
  transform:translateY(-2px) scale(1.015);
  filter:drop-shadow(0 7px 18px rgba(0,0,0,.88)) drop-shadow(0 0 7px rgba(184,64,39,.18));
}
.m2-sidebar-head .brand>span{
  align-items:center;
  gap:3px;
  padding:0;
  border:0;
}
.m2-sidebar-head .brand b{
  font-size:10px;
  letter-spacing:5px;
  line-height:1;
}
.m2-sidebar-head .brand small{
  font-size:6.5px;
  letter-spacing:1.55px;
  color:#8d806e;
}
.m2-sidebar-close{position:absolute;right:12px;top:12px;z-index:5}

.nav-group-library,.nav-group-guide{margin-top:16px!important}
.nav-group h2.m2-nav-seal{
  position:relative;
  isolation:isolate;
  min-height:62px;
  display:grid;
  grid-template-columns:39px minmax(0,1fr) 8px;
  align-items:center;
  gap:10px;
  margin:0 2px 11px!important;
  padding:10px 11px!important;
  overflow:hidden;
  color:inherit!important;
  text-transform:none;
  letter-spacing:normal!important;
  background:
    linear-gradient(112deg,rgba(124,31,25,.54),rgba(56,19,16,.42) 55%,rgba(23,15,12,.70)),
    radial-gradient(circle at 12% 50%,rgba(235,176,90,.10),transparent 35%);
  border:1px solid rgba(178,69,47,.34);
  box-shadow:inset 0 0 0 1px rgba(255,213,145,.025),0 9px 22px rgba(0,0,0,.22);
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
}
.nav-group h2.m2-nav-seal::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(100deg,transparent 22%,rgba(255,207,128,.075) 48%,transparent 72%);
  transform:translateX(-125%);
  animation:m2SidebarSealSweep 7.2s ease-in-out infinite;
}
.nav-group h2.m2-nav-seal::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:48%;
  height:1px;
  background:linear-gradient(90deg,#bd4931,#d7a75e,transparent);
  box-shadow:0 0 10px rgba(195,76,49,.3);
}
.m2-nav-seal-kanji{
  width:39px!important;
  height:39px!important;
  display:grid!important;
  place-items:center;
  color:#f5c77b!important;
  font-family:"Noto Serif SC","Microsoft YaHei",serif!important;
  font-size:23px!important;
  background:linear-gradient(145deg,#963027,#5e1914)!important;
  border:1px solid rgba(238,182,96,.38)!important;
  box-shadow:inset 0 0 0 3px rgba(13,5,4,.23),0 0 16px rgba(190,62,39,.15);
  animation:m2SidebarSealBreath 4.2s ease-in-out infinite;
}
.m2-nav-seal-copy{
  min-width:0;
  display:flex!important;
  flex-direction:column;
  align-items:flex-start!important;
  gap:3px!important;
}
.m2-nav-seal-copy b{
  color:#ead9bf;
  font-family:Georgia,"Times New Roman",serif;
  font-size:13px;
  font-weight:600;
  line-height:1.1;
  letter-spacing:.2px;
  white-space:nowrap;
}
.m2-nav-seal-copy small{
  color:#8f7b68;
  font-size:7px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.65px;
  white-space:nowrap;
}
.nav-group h2.m2-nav-seal>i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#edbd6c;
  box-shadow:0 0 7px #edbd6c,0 0 15px rgba(198,72,43,.58);
  animation:m2SidebarSpark 2.8s ease-in-out infinite;
}
.nav-group-guide h2.m2-nav-seal{
  background:
    linear-gradient(112deg,rgba(102,37,25,.50),rgba(48,24,17,.42) 55%,rgba(21,16,12,.72)),
    radial-gradient(circle at 12% 50%,rgba(225,168,82,.09),transparent 35%);
}

.m2-latest-heading{margin-bottom:25px}
.m2-latest-banner{padding-right:310px!important}
.m2-latest-banner .m2-banner-kanji{right:27px}
.m2-banner-action{
  position:absolute;
  z-index:3;
  right:115px;
  top:50%;
  transform:translateY(-50%);
  min-height:38px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:0 13px;
  color:#e7c68e!important;
  border:1px solid rgba(230,178,99,.22);
  background:rgba(12,8,7,.32);
  font-size:8px;
  font-weight:900;
  letter-spacing:.7px;
  white-space:nowrap;
  transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease;
}
.m2-banner-action span{font-size:13px;color:#f0bd65}
.m2-banner-action:hover{
  transform:translateY(-50%) translateX(2px);
  color:#fff0d5!important;
  border-color:rgba(238,185,100,.48);
  background:rgba(105,29,23,.48);
}

@keyframes m2SidebarSealSweep{
  0%,24%{transform:translateX(-125%);opacity:.2}
  58%,100%{transform:translateX(125%);opacity:.9}
}
@keyframes m2SidebarSealBreath{
  0%,100%{box-shadow:inset 0 0 0 3px rgba(13,5,4,.23),0 0 12px rgba(190,62,39,.10)}
  50%{box-shadow:inset 0 0 0 3px rgba(13,5,4,.23),0 0 21px rgba(222,79,43,.28)}
}
@keyframes m2SidebarSpark{
  0%,100%{opacity:.42;transform:scale(.78)}
  50%{opacity:1;transform:scale(1.18)}
}

@media(max-width:1050px){
  .m2-latest-banner{padding-right:270px!important}
  .m2-banner-action{right:105px}
}
@media(max-width:720px){
  .m2-latest-banner{padding-right:82px!important}
  .m2-banner-action{display:none}
}
@media(max-width:360px){
  .m2-nav-seal-copy b{font-size:12px}
  .m2-nav-seal-copy small{font-size:6.4px;letter-spacing:.35px}
}
@media(prefers-reduced-motion:reduce){
  .nav-group h2.m2-nav-seal::before,.m2-nav-seal-kanji,.nav-group h2.m2-nav-seal>i{animation:none!important}
}


/* =========================================================
   METIN2DOCS PREMIUM NAV / SEARCH / MOBILE V6
   ========================================================= */
.m2-sidebar-stats{position:relative;margin:0 14px 10px;padding:10px;border:1px solid rgba(198,154,85,.16);background:linear-gradient(145deg,rgba(120,32,25,.13),rgba(11,9,7,.91));overflow:hidden}
.m2-sidebar-stats::after{content:"勢";position:absolute;right:-5px;bottom:-26px;color:rgba(214,168,91,.045);font:900 82px "Noto Serif SC",serif;pointer-events:none}
.m2-sidebar-stats>header{position:relative;z-index:2;display:grid;grid-template-columns:31px 1fr 6px;align-items:center;gap:8px;padding-bottom:9px;border-bottom:1px solid rgba(198,154,85,.09)}
.m2-sidebar-stats>header>span{width:31px;height:31px;display:grid;place-items:center;color:#f0c579;background:#81251f;border:1px solid rgba(235,184,101,.26);font:800 17px "Noto Serif SC",serif}
.m2-sidebar-stats>header div{display:flex;flex-direction:column;gap:2px}.m2-sidebar-stats>header strong{color:#e2d4c0;font:600 11px Georgia,serif}.m2-sidebar-stats>header small{color:#776c5e;font-size:6px;letter-spacing:.55px}.m2-sidebar-stats>header i{width:5px;height:5px;border-radius:50%;background:#70b085;box-shadow:0 0 9px #70b085}
.m2-sidebar-stat-grid{position:relative;z-index:2;padding-top:9px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.m2-sidebar-stat-grid article{min-width:0;padding:7px 2px;text-align:center;border:1px solid rgba(198,154,85,.08);background:rgba(0,0,0,.13)}.m2-sidebar-stat-grid b{display:block;color:#e8bd73;font:700 13px Georgia,serif}.m2-sidebar-stat-grid b.is-updated{animation:m2StatPop .45s ease}.m2-sidebar-stat-grid small{display:block;margin-top:2px;color:#6f665a;font-size:5.7px;white-space:nowrap}
@keyframes m2StatPop{50%{transform:translateY(-2px);color:#ffe0a2;text-shadow:0 0 12px rgba(231,177,90,.45)}}

.m2-mobile-dock{display:none}
.m2-search-assistant{margin-top:17px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:12px;text-align:left}.m2-search-suggestions,.m2-search-recent{min-width:0;border:1px solid rgba(198,154,85,.13);background:rgba(6,5,4,.35)}
.m2-search-suggestions>header,.m2-search-recent>header{min-height:48px;padding:9px 11px;display:flex;align-items:center;gap:9px;border-bottom:1px solid rgba(198,154,85,.1)}.m2-search-suggestions>header>span{width:29px;height:29px;display:grid;place-items:center;color:#edc078;background:#7d241e;font:800 16px "Noto Serif SC",serif}.m2-search-suggestions>header div{display:flex;flex-direction:column;gap:2px}.m2-search-suggestions>header b,.m2-search-recent>header b{color:#d9c9b3;font-size:9px}.m2-search-suggestions>header small{color:#6e665c;font-size:6px}.m2-search-recent>header{justify-content:space-between}.m2-search-recent>header button{padding:4px 7px;color:#8e7656;border:1px solid rgba(198,154,85,.12);background:transparent;font-size:6px;cursor:pointer}
[data-search-suggestion-list]{display:grid;padding:6px}[data-search-suggestion-list] a{min-height:47px;padding:7px 9px;display:grid;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:9px;border-bottom:1px solid rgba(198,154,85,.07);transition:.2s ease}[data-search-suggestion-list] a:hover{transform:translateX(3px);background:rgba(143,40,31,.14)}[data-search-suggestion-list] a>span{width:29px;height:29px;display:grid;place-items:center;color:#c99850;border:1px solid rgba(198,154,85,.13);font:700 14px "Noto Serif SC",serif}[data-search-suggestion-list] a div{display:flex;flex-direction:column;gap:3px}[data-search-suggestion-list] a b{overflow:hidden;color:#cfc1ad;font-size:8px;text-overflow:ellipsis;white-space:nowrap}[data-search-suggestion-list] a small{color:#6f675d;font-size:6px}[data-search-suggestion-list] a i{color:#bd8e49;font-style:normal}
[data-recent-search-list]{min-height:90px;padding:7px;display:flex;align-content:flex-start;flex-wrap:wrap;gap:6px}[data-recent-search-list]>small{padding:9px;color:#6c645a;font-size:7px}[data-recent-search-list] button{max-width:100%;height:31px;padding:0 9px;display:flex;align-items:center;gap:6px;color:#9b8e7e;border:1px solid rgba(198,154,85,.11);background:rgba(198,154,85,.025);font-size:7px;cursor:pointer}[data-recent-search-list] button:hover{color:#e1bb76;border-color:rgba(209,153,78,.3)}[data-recent-search-list] svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.7}
.m2-search-tags button{padding:6px 9px;color:#897c6c;border:1px solid rgba(198,154,85,.12);background:rgba(198,154,85,.025);font-size:7px;cursor:pointer}.m2-search-tags button:hover{color:#e0b66c;border-color:rgba(198,154,85,.3)}

@media(max-width:860px){
  body.m2-oriental-theme{padding-bottom:67px}.site-footer{padding-bottom:26px!important}.m2-sidebar-stats{display:none}
  .m2-mobile-dock{position:fixed;z-index:74;left:10px;right:10px;bottom:9px;height:58px;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid rgba(198,154,85,.24);background:linear-gradient(180deg,rgba(20,15,12,.97),rgba(7,6,5,.985));box-shadow:0 16px 45px rgba(0,0,0,.6);backdrop-filter:blur(15px)}
  .m2-mobile-dock a,.m2-mobile-dock button{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#82786b;border:0;border-right:1px solid rgba(198,154,85,.08);background:transparent;font-size:7px;cursor:pointer}.m2-mobile-dock a:last-child{border-right:0}.m2-mobile-dock svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}.m2-mobile-dock a:hover,.m2-mobile-dock button:hover{color:#efc47a;background:rgba(145,40,31,.15)}
}
@media(max-width:700px){.m2-search-assistant{grid-template-columns:1fr}.m2-search-recent{display:none}}
@media(prefers-reduced-motion:reduce){.m2-sidebar-stat-grid b.is-updated{animation:none!important}.m2-search-suggestions a{transition:none}}


/* =========================================================
   METIN2DOCS SOCIAL SIDEBAR + PROFILE PANEL V7
   ========================================================= */
.m2-sidebar-social{position:relative;margin:0 14px 10px;padding:10px;overflow:hidden;border:1px solid rgba(198,154,85,.17);background:linear-gradient(145deg,rgba(120,32,25,.14),rgba(11,9,7,.94));clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}
.m2-sidebar-social::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 88% 10%,rgba(215,160,83,.1),transparent 32%),linear-gradient(115deg,transparent 32%,rgba(255,214,145,.035) 50%,transparent 68%);background-size:auto,220% 100%;animation:m2SocialSweep 8s ease-in-out infinite}
.m2-sidebar-social::after{content:"縁";position:absolute;right:-7px;bottom:-30px;color:rgba(214,168,91,.045);font:900 88px "Noto Serif SC",serif;pointer-events:none}
.m2-sidebar-social>header{position:relative;z-index:2;display:grid;grid-template-columns:31px 1fr 6px;align-items:center;gap:8px;padding-bottom:9px;border-bottom:1px solid rgba(198,154,85,.1)}
.m2-sidebar-social>header>span{width:31px;height:31px;display:grid;place-items:center;color:#f0c579;background:#81251f;border:1px solid rgba(235,184,101,.26);font:800 17px "Noto Serif SC",serif;box-shadow:inset 0 0 0 3px rgba(0,0,0,.2),0 0 16px rgba(177,48,37,.16);animation:m2SidebarSealBreath 4.6s ease-in-out infinite}
.m2-sidebar-social>header div{display:flex;min-width:0;flex-direction:column;gap:2px}.m2-sidebar-social>header strong{overflow:hidden;color:#e2d4c0;font:600 10.5px Georgia,serif;text-overflow:ellipsis;white-space:nowrap}.m2-sidebar-social>header small{color:#776c5e;font-size:6px;letter-spacing:.45px}.m2-sidebar-social>header i{width:5px;height:5px;border-radius:50%;background:#70b085;box-shadow:0 0 9px #70b085;animation:m2SidebarSpark 2s ease-in-out infinite}
.m2-social-links{position:relative;z-index:2;padding-top:9px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.m2-social-link{position:relative;min-width:0;min-height:38px;padding:6px 7px;display:grid;grid-template-columns:24px minmax(0,1fr) 8px;align-items:center;gap:6px;overflow:hidden;color:#a89c8d;border:1px solid rgba(198,154,85,.09);background:rgba(0,0,0,.15);transition:transform .2s ease,border-color .2s ease,color .2s ease,background-color .2s ease}
.m2-social-link::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent,rgba(255,255,255,.055),transparent);transform:translateX(-120%);transition:transform .48s ease}.m2-social-link:hover::before{transform:translateX(120%)}
.m2-social-link>span{width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(198,154,85,.12);background:rgba(198,154,85,.035)}.m2-social-link svg{width:13px;height:13px;fill:currentColor;stroke:none}.m2-social-link.is-instagram svg{fill:none;stroke:currentColor;stroke-width:1.8}.m2-social-link b{overflow:hidden;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.m2-social-link>i{color:#665d52;font-size:7px;font-style:normal}.m2-social-link:hover{color:#f0c985;transform:translateY(-2px);border-color:rgba(212,76,53,.3);background:rgba(145,40,31,.12)}
.m2-social-link.is-facebook:hover{color:#9ebcf2}.m2-social-link.is-instagram:hover{color:#e4a3cf}.m2-social-link.is-youtube:hover{color:#ee8b80}.m2-social-link.is-twitter:hover{color:#9dcff1}
.m2-sidebar-archive-foot{padding:9px 10px 10px}.m2-sidebar-archive-foot .m2-sidebar-stats{margin:0;padding:8px;background:linear-gradient(145deg,rgba(120,32,25,.1),rgba(8,7,6,.72));border-color:rgba(198,154,85,.12);clip-path:none}.m2-sidebar-archive-foot .m2-sidebar-stats::after{font-size:66px;bottom:-22px}.m2-sidebar-archive-foot .m2-sidebar-stats>header{grid-template-columns:27px 1fr 6px;padding-bottom:7px}.m2-sidebar-archive-foot .m2-sidebar-stats>header>span{width:27px;height:27px;font-size:14px}.m2-sidebar-archive-foot .m2-sidebar-stat-grid{padding-top:7px;gap:4px}.m2-sidebar-archive-foot .m2-sidebar-stat-grid article{padding:5px 1px}.m2-sidebar-archive-foot .m2-sidebar-stat-grid b{font-size:11px}.m2-sidebar-archive-foot .m2-sidebar-stat-grid small{font-size:5.2px}.m2-sidebar-archive-foot .m2-asian-mark{right:6px;bottom:9px;opacity:.48}

.m2-profile-panel-modal{padding:18px}.m2-profile-panel-card{width:min(100%,940px);min-height:570px;padding:0;display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);overflow:hidden;background:linear-gradient(145deg,rgba(22,17,13,.995),rgba(8,7,6,.998));isolation:isolate}
.m2-profile-panel-card::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(198,154,85,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(198,154,85,.035) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.m2-profile-panel-art{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.m2-profile-panel-art::before{content:"";position:absolute;inset:-35% 42% -35% -18%;background:radial-gradient(circle,rgba(165,44,35,.18),transparent 58%);filter:blur(4px)}.m2-profile-panel-art::after{content:"";position:absolute;left:-22%;top:17%;width:66%;height:1px;background:linear-gradient(90deg,transparent,rgba(238,190,111,.5),transparent);box-shadow:0 0 18px rgba(214,93,52,.4);animation:m2ProfileLightSweep 6.5s ease-in-out infinite}.m2-profile-panel-kanji{position:absolute;left:16px;bottom:-36px;color:rgba(198,154,85,.035);font:900 154px "Noto Serif SC",serif;letter-spacing:-18px}.m2-profile-orbit{position:absolute;left:67px;top:82px;width:184px;height:184px;border:1px dashed rgba(198,154,85,.13);border-radius:50%;animation:m2ProfileOrbit 21s linear infinite}.m2-profile-orbit-two{inset:111px auto auto 96px;width:126px;height:126px;border-style:solid;border-color:rgba(212,76,53,.1);animation-direction:reverse;animation-duration:14s}
.m2-profile-panel-side{position:relative;padding:54px 34px 34px;display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-right:1px solid rgba(198,154,85,.14);background:linear-gradient(180deg,rgba(125,32,24,.1),rgba(8,7,6,.42))}.m2-profile-panel-side::after{content:"";position:absolute;inset:9px;border:1px solid rgba(198,154,85,.055);pointer-events:none;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px))}
.m2-profile-avatar-shell{position:relative;width:142px;height:142px;margin:17px 0 20px;padding:7px;border:1px solid rgba(237,183,96,.28);background:linear-gradient(145deg,#6f211c,#120b08);box-shadow:0 22px 55px rgba(0,0,0,.48),0 0 42px rgba(172,48,35,.2);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));animation:m2ProfileAvatarFloat 4.8s ease-in-out infinite}.m2-profile-avatar-shell::before{content:"";position:absolute;inset:-2px;z-index:-1;background:conic-gradient(from 0deg,transparent,rgba(240,190,107,.7),transparent 35%,transparent 72%,rgba(182,49,36,.7),transparent);animation:m2ProfileOrbit 8s linear infinite}.m2-profile-avatar{display:block;width:100%;height:100%;overflow:hidden;background:#0a0806}.m2-profile-avatar .cover{width:100%;height:100%;display:grid;place-items:center;overflow:hidden;background-position:center;background-size:cover;color:transparent;font-size:0;filter:saturate(.9) contrast(1.04);transition:transform .35s ease,filter .35s ease}.m2-profile-avatar:hover .cover{transform:scale(1.055);filter:saturate(1.1) contrast(1.06)}.m2-profile-online{position:absolute;right:-9px;bottom:14px;height:25px;padding:0 8px;display:flex;align-items:center;gap:5px;color:#9fbea7;border:1px solid rgba(112,176,133,.25);background:rgba(10,14,10,.94);font-size:6px;font-weight:900;letter-spacing:1px;box-shadow:0 8px 24px rgba(0,0,0,.45)}.m2-profile-online i{width:6px;height:6px;border-radius:50%;background:#70b085;box-shadow:0 0 10px #70b085;animation:m2SidebarSpark 1.9s ease-in-out infinite}
.m2-profile-identity small{color:#a77e47;font-size:7px;font-weight:900;letter-spacing:2px}.m2-profile-identity h2{max-width:250px;margin:7px 0 10px;overflow:hidden;color:#efe3d2;font:600 27px Georgia,serif;text-overflow:ellipsis;white-space:nowrap}.m2-profile-identity>a{display:inline-flex;align-items:center;gap:9px;color:#cfa55f;font-size:8px;font-weight:800}.m2-profile-identity>a:hover{color:#f1cb86}.m2-profile-side-note{width:100%;margin-top:26px;padding:12px;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;text-align:left;border:1px solid rgba(198,154,85,.09);background:rgba(198,154,85,.025)}.m2-profile-side-note>span{width:34px;height:34px;display:grid;place-items:center;color:#d0a35c;border:1px solid rgba(198,154,85,.13);font:800 18px "Noto Serif SC",serif}.m2-profile-side-note p{margin:0;color:#71695e;font-size:7px;line-height:1.55}
.m2-profile-panel-main{position:relative;min-width:0;margin:0;padding:50px 43px 36px;list-style:none}.m2-profile-panel-main>li{height:100%;list-style:none}.m2-profile-panel-main .dropdown-form{height:100%;display:flex;flex-direction:column}.m2-profile-panel-card .login_pane__info{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:18px;border-bottom:1px solid rgba(198,154,85,.1)}.m2-profile-panel-card .login_pane__info h3{margin:4px 0 6px;color:#eee2d1;font:600 26px Georgia,serif}.m2-profile-panel-card .login_pane__info p{margin:0;color:#81786c;font-size:9px;line-height:1.65}.m2-profile-panel-card .login_pane__admin a{height:35px;padding:0 10px;display:flex;align-items:center;gap:7px;color:#b9aa96;border:1px solid rgba(198,154,85,.13);background:rgba(198,154,85,.03);font-size:7px;font-weight:800}.m2-profile-panel-card .login_pane__admin svg{width:13px;height:13px;fill:none;stroke:#c69a55;stroke-width:1.5}.m2-profile-panel-card .login_pane__admin b{color:#7e6a4b}.m2-profile-panel-card .login_pane__admin a:hover{color:#efc57d;border-color:rgba(212,76,53,.3);background:rgba(145,40,31,.1)}
.m2-profile-summary{margin:18px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.m2-profile-summary article{min-width:0;min-height:62px;padding:10px;display:grid;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:9px;border:1px solid rgba(198,154,85,.09);background:rgba(0,0,0,.13)}.m2-profile-summary article>span{width:31px;height:31px;display:grid;place-items:center;color:#d1a45e;border:1px solid rgba(198,154,85,.13);background:rgba(198,154,85,.035)}.m2-profile-summary svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}.m2-profile-summary article:nth-child(2) svg{fill:none}.m2-profile-summary article div{min-width:0;display:flex;flex-direction:column;gap:3px}.m2-profile-summary small{overflow:hidden;color:#665f56;font-size:5.5px;letter-spacing:.8px;text-overflow:ellipsis;white-space:nowrap}.m2-profile-summary b{overflow:hidden;color:#e9c27b;font:700 16px Georgia,serif;text-overflow:ellipsis;white-space:nowrap}
.m2-profile-panel-card .login_pane__menu{display:grid;gap:7px;margin:0;padding:0;list-style:none}.m2-profile-panel-card .login_pane__menu li{list-style:none}.m2-profile-panel-card .login_pane__menu a{position:relative;min-height:57px;padding:8px 11px;display:grid;grid-template-columns:36px minmax(0,1fr) 12px;align-items:center;gap:11px;overflow:hidden;color:#b7aa98;border:1px solid rgba(198,154,85,.09);background:linear-gradient(90deg,rgba(198,154,85,.025),transparent);transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.m2-profile-panel-card .login_pane__menu a::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;background:linear-gradient(#efb462,#9f2922);opacity:0;box-shadow:0 0 12px rgba(212,76,53,.55);transition:opacity .2s ease}.m2-profile-panel-card .login_pane__menu a:hover{transform:translateX(4px);color:#f0dfc7;border-color:rgba(212,76,53,.25);background:linear-gradient(90deg,rgba(149,41,31,.15),transparent)}.m2-profile-panel-card .login_pane__menu a:hover::before{opacity:1}.m2-panel-menu-icon{width:36px;height:36px;display:grid;place-items:center;color:#c89a55;border:1px solid rgba(198,154,85,.12);background:rgba(198,154,85,.03)}.m2-panel-menu-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.55}.m2-profile-panel-card .login_pane__menu a>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:4px}.m2-profile-panel-card .login_pane__menu a b{font-size:9px}.m2-profile-panel-card .login_pane__menu a small{overflow:hidden;color:#6f675d;font-size:6.5px;text-overflow:ellipsis;white-space:nowrap}.m2-profile-panel-card .login_pane__menu a>i{color:#8c714a;font-size:10px;font-style:normal}
.m2-profile-panel-card .login_pane__foot{margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(198,154,85,.1)}.m2-profile-panel-card .login_pane__foot>a{min-height:40px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:8px;font-weight:800}.m2-panel-add{color:#f5dfbd;border:1px solid rgba(229,151,83,.3);background:linear-gradient(135deg,#a52c24,#681b17)}.m2-panel-add:hover{filter:brightness(1.1)}.m2-profile-panel-card .plus_icon{width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(255,219,160,.18);border-radius:50%;background:rgba(255,255,255,.045)}.m2-profile-panel-card .plus_icon svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2}.m2-panel-logout{color:#897f72;border:1px solid rgba(198,154,85,.1);background:rgba(198,154,85,.025)}.m2-panel-logout svg{width:14px;height:14px;fill:none;stroke:#bd8d4b;stroke-width:1.6}.m2-panel-logout:hover{color:#efc47a;border-color:rgba(212,76,53,.26);background:rgba(145,40,31,.1)}
@keyframes m2SocialSweep{0%,100%{background-position:0 0,-150% 0}50%{background-position:0 0,150% 0}}
@keyframes m2ProfileLightSweep{0%,100%{transform:translateX(-55%);opacity:.25}50%{transform:translateX(110%);opacity:.9}}
@keyframes m2ProfileOrbit{to{transform:rotate(360deg)}}
@keyframes m2ProfileAvatarFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:860px){.m2-sidebar-social{margin-top:4px}.m2-sidebar-stats-compact{display:block!important}.m2-profile-panel-card{grid-template-columns:1fr;max-height:calc(100vh - 24px);overflow:auto}.m2-profile-panel-side{min-height:300px;padding:45px 25px 28px;border-right:0;border-bottom:1px solid rgba(198,154,85,.14)}.m2-profile-panel-main{padding:30px 24px}.m2-profile-avatar-shell{width:118px;height:118px}.m2-profile-side-note{display:none}}
@media(max-width:560px){.m2-profile-panel-modal{padding:8px}.m2-profile-panel-side{min-height:260px}.m2-profile-panel-main{padding:25px 15px 20px}.m2-profile-panel-card .login_pane__info{display:block}.m2-profile-panel-card .login_pane__admin{margin-top:12px}.m2-profile-panel-card .login_pane__admin a{justify-content:center}.m2-profile-summary{grid-template-columns:1fr 1fr}.m2-profile-summary article:last-child{grid-column:1/-1}.m2-profile-panel-card .login_pane__menu a{grid-template-columns:34px minmax(0,1fr) 10px}.m2-profile-panel-card .login_pane__foot{align-items:stretch;flex-direction:column}.m2-profile-panel-card .login_pane__foot>a{width:100%}}
@media(prefers-reduced-motion:reduce){.m2-sidebar-social::before,.m2-sidebar-social>header>span,.m2-sidebar-social>header i,.m2-profile-panel-art::after,.m2-profile-orbit,.m2-profile-avatar-shell,.m2-profile-avatar-shell::before,.m2-profile-online i{animation:none!important}.m2-social-link,.m2-profile-panel-card .login_pane__menu a{transition:none!important}}

/* =========================================================
   METIN2DOCS V10 — ORIENTAL SCROLLBAR / HEADER / FOOTER
   ========================================================= */
html{
  scrollbar-width:thin;
  scrollbar-color:#a64230 #120c09;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar{width:13px;height:13px}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track{
  background:
    linear-gradient(180deg,rgba(92,29,22,.2),transparent 24%,transparent 76%,rgba(188,132,65,.14)),
    #100b08;
  border-left:1px solid rgba(198,154,85,.13);
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb{
  min-height:72px;
  border:3px solid #100b08;
  border-radius:999px;
  background:
    linear-gradient(180deg,#e0b66c 0 8%,#9f3126 22%,#6f1d18 74%,#c58f49 92%);
  box-shadow:inset 0 0 0 1px rgba(255,224,166,.22),0 0 14px rgba(166,52,39,.25);
}
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#f2cf8d 0 10%,#c64a35 28%,#85251d 72%,#deb267 94%);
}
html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner{background:#100b08}
.nav-groups{scrollbar-color:#9d392b rgba(15,10,8,.58)}
.nav-groups::-webkit-scrollbar{width:7px}
.nav-groups::-webkit-scrollbar-track{background:rgba(13,9,7,.72);border-left:1px solid rgba(198,154,85,.08)}
.nav-groups::-webkit-scrollbar-thumb{border:2px solid rgba(13,9,7,.92);border-radius:999px;background:linear-gradient(180deg,#b34a35,#6e211c 70%,#b88949)}

.top-header{
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 0,rgba(165,45,34,.27),transparent 30%),
    radial-gradient(circle at 82% 120%,rgba(198,154,85,.2),transparent 34%),
    linear-gradient(105deg,rgba(37,17,12,.98),rgba(19,13,10,.97) 42%,rgba(42,20,13,.96) 100%)!important;
  border-bottom-color:rgba(224,178,96,.32)!important;
  box-shadow:0 14px 40px rgba(0,0,0,.34),inset 0 -1px rgba(158,47,35,.18)!important;
}
.top-header::before{
  z-index:3;
  height:2px;
  bottom:0;
  background:linear-gradient(90deg,transparent 0,#9f2f25 8%,#e5bd78 28%,#8d2b22 53%,#d3a45d 78%,transparent 100%);
  box-shadow:0 0 16px rgba(204,139,66,.28);
}
.top-header::after{
  content:"龍 · 武 · 魂 · 劍";
  position:absolute;
  z-index:0;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(230,188,112,.035);
  font:900 44px/1 "Noto Serif SC",serif;
  letter-spacing:34px;
  background:url('../assets/oriental-pattern.svg') center/330px repeat;
  opacity:.34;
  mask-image:linear-gradient(90deg,transparent,#000 20%,#000 82%,transparent);
  pointer-events:none;
  animation:m2HeaderPatternDrift 28s linear infinite;
}
.top-header>*{position:relative;z-index:2}
.announcement-bar{
  min-height:42px;
  padding:0 14px 0 12px;
  border:1px solid rgba(198,154,85,.13);
  background:linear-gradient(90deg,rgba(121,34,27,.17),rgba(198,154,85,.025));
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.announcement-label{color:#efc980;text-shadow:0 0 18px rgba(224,164,83,.16)}
.announcement-label>i{animation:m2HeaderSealPulse 2.8s ease-in-out infinite}
.announcement-visible-text{color:#c0b4a2}
.header-action{
  border-color:rgba(219,172,91,.22);
  background:linear-gradient(180deg,rgba(82,45,24,.2),rgba(21,14,10,.35));
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.14);
}
.header-action:hover{box-shadow:inset 0 1px rgba(255,255,255,.05),0 10px 25px rgba(0,0,0,.22),0 0 18px rgba(166,49,36,.1)}

.site-footer{
  isolation:isolate;
  overflow:hidden;
  min-height:108px!important;
  padding-top:23px!important;
  padding-bottom:23px!important;
  background:
    radial-gradient(circle at 4% 60%,rgba(157,44,33,.25),transparent 29%),
    radial-gradient(circle at 73% 120%,rgba(202,154,80,.14),transparent 32%),
    linear-gradient(110deg,rgba(37,17,12,.985),rgba(13,10,8,.985) 48%,rgba(38,19,13,.98))!important;
  border-top-color:rgba(218,169,87,.3)!important;
  box-shadow:inset 0 1px rgba(255,226,169,.035),0 -18px 55px rgba(0,0,0,.2)!important;
}
.site-footer::before{
  z-index:3;
  top:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#922920 8%,#ebc27d 30%,#8b271f 53%,#d5a75e 76%,transparent);
  box-shadow:0 0 19px rgba(204,145,72,.24);
}
.site-footer::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background:
    url('../assets/oriental-pattern.svg') center/300px repeat,
    linear-gradient(90deg,transparent,rgba(205,159,87,.035),transparent);
  opacity:.32;
  mask-image:linear-gradient(90deg,#000,transparent 42%,#000);
  pointer-events:none;
}
.site-footer>*{position:relative;z-index:2}
.m2-footer-brand{min-width:248px}
.m2-footer-brand::before{
  content:"龍";
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  color:#f1cf91;
  border:1px solid rgba(236,194,121,.29);
  background:linear-gradient(145deg,#9e3026,#611a17);
  font:900 21px/1 "Noto Serif SC",serif;
  box-shadow:inset 0 0 0 3px rgba(0,0,0,.2),0 0 22px rgba(167,47,35,.2);
}
.m2-footer-brand img{filter:drop-shadow(0 5px 13px rgba(0,0,0,.8))}
.m2-footer-brand b{color:#edc77e;text-shadow:0 0 14px rgba(226,176,92,.12)}
.site-footer p{color:#918777!important;line-height:1.7}
.footer-links a{position:relative;padding:8px 0;color:#afa18e!important}
.footer-links a::after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:1px;background:linear-gradient(90deg,#bd3f2f,#e0b56e);transition:right .22s ease}
.footer-links a:hover::after{right:0}

@keyframes m2HeaderPatternDrift{from{background-position:0 0}to{background-position:330px 0}}
@keyframes m2HeaderSealPulse{0%,100%{box-shadow:0 0 8px rgba(212,76,53,.45)}50%{box-shadow:0 0 16px rgba(236,177,91,.72)}}
@media(max-width:760px){
  .top-header::after{font-size:28px;letter-spacing:16px}
  .announcement-bar{min-height:38px;padding-left:8px}
  .site-footer{min-height:0!important}
  .m2-footer-brand{min-width:0}
}
@media(prefers-reduced-motion:reduce){.top-header::after,.announcement-label>i{animation:none!important}}

/* Metin2Docs 2026 compact footer + animated DLE navigation */
.site-footer{min-height:66px!important;padding:10px 24px!important;gap:16px!important}
.m2-footer-brand{min-width:205px!important;gap:9px!important}
.m2-footer-brand::before{width:30px!important;height:30px!important;font-size:16px!important}
.m2-footer-brand img{width:78px!important;height:auto!important;object-fit:contain!important;aspect-ratio:155/39}
.m2-footer-brand span{padding-left:8px!important}.site-footer p{font-size:7px!important}.footer-links{gap:13px!important}.footer-links a{padding:5px 0!important;font-size:7px!important}
.m2-pagination{position:relative;isolation:isolate;min-height:72px;margin:22px 0;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:11px;overflow:hidden;border:1px solid rgba(207,158,82,.18);background:radial-gradient(circle at 50% 130%,rgba(168,48,35,.18),transparent 42%),linear-gradient(135deg,rgba(31,20,14,.97),rgba(9,7,6,.99));clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);box-shadow:inset 0 1px rgba(255,222,158,.035),0 16px 42px rgba(0,0,0,.24)}
.m2-pagination::before,.m2-pagination::after{content:"";position:absolute;z-index:-1;pointer-events:none}.m2-pagination::before{inset:0;background:url('../assets/oriental-pattern.svg') center/260px repeat;opacity:.055;animation:m2PagerDrift 22s linear infinite}.m2-pagination::after{left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,#a83b2e,#efc878,#a83b2e,transparent);box-shadow:0 0 16px rgba(226,169,83,.34)}
.m2-pagination-glow{position:absolute;left:50%;bottom:-55px;width:240px;height:80px;transform:translateX(-50%);border-radius:50%;background:rgba(169,48,35,.16);filter:blur(24px);pointer-events:none}
.m2-page-numbers{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}.m2-page-numbers>*{min-width:38px;height:38px;padding:0 11px;display:inline-grid;place-items:center;color:#9d9182!important;border:1px solid rgba(205,157,82,.14);background:rgba(205,157,82,.035);font-size:9px;font-weight:800;transition:transform .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}.m2-page-numbers a:hover{transform:translateY(-3px);color:#f1cc87!important;border-color:rgba(231,179,90,.42);background:linear-gradient(145deg,rgba(145,41,32,.28),rgba(205,157,82,.08));box-shadow:0 8px 21px rgba(0,0,0,.28),0 0 16px rgba(176,55,39,.15)}.m2-page-numbers span,.m2-page-numbers .active,.m2-page-numbers b{color:#f6d596!important;border-color:rgba(238,188,101,.48);background:linear-gradient(145deg,#9d3026,#601a17);box-shadow:inset 0 0 0 2px rgba(0,0,0,.18),0 0 17px rgba(177,55,40,.23)}
.m2-page-arrow{height:40px;padding:0 14px;display:inline-flex;align-items:center;gap:9px;color:#cbb48e;border:1px solid rgba(205,157,82,.18);background:linear-gradient(180deg,rgba(91,47,25,.26),rgba(23,15,10,.55));font-size:8px;font-weight:900;letter-spacing:.55px;text-transform:uppercase;transition:.22s ease}.m2-page-arrow b{color:#e3b568;font:700 22px/1 Georgia,serif}.m2-page-arrow:hover{transform:translateY(-2px);color:#f0cd90;border-color:rgba(231,180,93,.42);box-shadow:0 8px 20px rgba(0,0,0,.24)}
@keyframes m2PagerDrift{to{background-position:520px 0}}
@media(max-width:760px){.site-footer{padding:14px 16px!important}.m2-pagination{padding:11px 9px;gap:6px}.m2-page-arrow{width:39px;padding:0;justify-content:center}.m2-page-arrow i{display:none}.m2-page-numbers>*{min-width:34px;height:35px;padding:0 8px}}
@media(prefers-reduced-motion:reduce){.m2-pagination::before{animation:none}}

/* V8: Pagination mt-post-grid disina tasinir + footer okunabilirlik */
.mt-post-grid > .m2-pagination{grid-column:1 / -1;width:100%;max-width:none}
.m2-pagination{width:100%;max-width:none;box-sizing:border-box}
.site-footer p{font-size:10px!important}
.footer-links a{font-size:10px!important}
.m2-footer-brand b{font-size:11px!important}
.m2-footer-brand small{font-size:8px!important}
@media(max-width:760px){
  .site-footer p,.footer-links a{font-size:9px!important}
  .m2-footer-brand b{font-size:10px!important}
  .m2-footer-brand small{font-size:7px!important}
}

/* =========================================================
   SIDEBAR BÖLÜM BAŞLIKLARI — TAM GENİŞLİK
   Ana Menü / Geliştiriciler / Kategorilerimiz kutularını
   ortada dar görünmek yerine menü genişliğine yayar.
   ========================================================= */
.nav-groups > .nav-group > .m2-realm-seal{
  width:100%;
  margin:18px 0 10px;
  padding:12px 11px;
  box-sizing:border-box;
  grid-template-columns:42px minmax(0,1fr) 10px;
}
.nav-groups > .nav-group > .m2-realm-seal > div{
  min-width:0;
}
.nav-groups > .nav-group > .m2-realm-seal strong,
.nav-groups > .nav-group > .m2-realm-seal small{
  white-space:nowrap;
}

/* Metin2Docs mobil uygulama tanıtım alanı */
.m2-mobile-showcase{
  position:relative;
  isolation:isolate;
  margin-left:var(--m2-sidebar);
  min-height:390px;
  overflow:hidden;
  border-top:1px solid rgba(226,171,83,.35);
  border-bottom:1px solid rgba(111,48,27,.72);
  background:
    linear-gradient(90deg,rgba(20,10,6,.98) 0%,rgba(25,13,8,.88) 39%,rgba(22,12,8,.26) 68%,rgba(15,8,5,.08) 100%),
    linear-gradient(180deg,rgba(10,6,4,.12),rgba(10,5,3,.86)),
    url('https://metin2docs.com/templates/Deneme/foto-galeri/35.png') center right/cover no-repeat;
  box-shadow:inset 0 1px rgba(255,221,154,.08),inset 0 -40px 70px rgba(0,0,0,.38),0 -18px 48px rgba(0,0,0,.22);
}
.m2-mobile-showcase::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(circle at 28% 48%,rgba(209,95,36,.17),transparent 35%),linear-gradient(110deg,transparent 54%,rgba(246,176,74,.08) 69%,transparent 80%);
  animation:m2MobileGlow 6s ease-in-out infinite;
}
.m2-mobile-showcase::after{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,transparent,#8f241c 15%,#e5a34d 42%,transparent 72%);
  box-shadow:0 0 18px rgba(227,135,50,.4);
}
.m2-mobile-showcase__mist{position:absolute;inset:auto -10% -55px 28%;height:190px;background:radial-gradient(ellipse,rgba(219,91,32,.2),transparent 68%);filter:blur(22px);animation:m2MobileMist 8s ease-in-out infinite;pointer-events:none}
.m2-mobile-showcase__pattern{position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:linear-gradient(30deg,rgba(236,178,92,.22) 12%,transparent 12.5%,transparent 87%,rgba(236,178,92,.22) 87.5%),linear-gradient(150deg,rgba(236,178,92,.22) 12%,transparent 12.5%,transparent 87%,rgba(236,178,92,.22) 87.5%);background-size:42px 72px;mask-image:linear-gradient(90deg,#000,transparent 55%)}
.m2-mobile-showcase__inner{position:relative;z-index:2;max-width:1380px;min-height:390px;margin:0 auto;padding:56px 56px 48px;display:flex;align-items:center}
.m2-mobile-showcase__content{width:min(650px,58%)}
.m2-mobile-showcase__eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:8px;color:#b8905a;font-size:11px;font-weight:800;letter-spacing:2.7px}
.m2-mobile-showcase__eyebrow span{font-family:"Noto Serif SC",serif;font-size:25px;line-height:1;color:#a93c2d;text-shadow:0 0 18px rgba(191,54,32,.35)}
.m2-mobile-showcase h2{margin:0 0 18px;color:#f2e3c6;font-family:"Noto Serif SC",Inter,serif;font-size:42px;line-height:1.15;letter-spacing:-1.2px;text-shadow:0 3px 18px rgba(0,0,0,.72)}
.m2-mobile-showcase h2::after{content:"";display:block;width:106px;height:3px;margin-top:15px;background:linear-gradient(90deg,#a93223,#e3a54f,transparent);box-shadow:0 0 12px rgba(215,108,47,.32)}
.m2-mobile-showcase p{max-width:590px;margin:0 0 18px;padding:18px 20px;color:#d7c8b3;font-size:14px;line-height:1.85;background:linear-gradient(90deg,rgba(37,18,11,.82),rgba(31,17,11,.48));border:1px solid rgba(213,149,71,.22);border-left:3px solid #a53b28;border-radius:3px;box-shadow:0 18px 42px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.03);backdrop-filter:blur(4px)}
.m2-mobile-showcase p strong{color:#f0c377}
.m2-mobile-showcase__status{display:flex;align-items:center;gap:9px;margin-bottom:18px;color:#b9aa96;font-size:11px;font-weight:700;letter-spacing:.4px}
.m2-mobile-showcase__status i{width:8px;height:8px;border-radius:50%;background:#d47732;box-shadow:0 0 0 5px rgba(212,119,50,.1),0 0 16px rgba(224,113,42,.85);animation:m2MobilePulse 1.8s infinite}
.m2-mobile-showcase__status b{margin-left:3px;padding:5px 9px;border:1px solid rgba(227,161,77,.42);border-radius:2px;color:#f0b65f;font-size:9px;letter-spacing:1.4px;background:rgba(78,36,17,.5)}
.m2-mobile-showcase__stores{display:flex;flex-wrap:wrap;gap:10px}
.m2-store-badge{position:relative;min-width:145px;height:52px;display:grid;grid-template-columns:35px 1fr;grid-template-rows:18px 22px;align-items:center;padding:7px 14px 6px 11px;border:1px solid rgba(218,167,91,.3);border-radius:4px;color:#eee2cf;background:linear-gradient(180deg,rgba(18,14,11,.96),rgba(7,7,6,.96));box-shadow:0 8px 24px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.05);transition:.25s ease}
.m2-store-badge:hover{transform:translateY(-3px);border-color:rgba(240,174,83,.65);box-shadow:0 13px 30px rgba(0,0,0,.45),0 0 20px rgba(190,72,29,.12)}
.m2-store-badge svg{grid-row:1/3;width:28px;height:28px;fill:#f0eadf;filter:drop-shadow(0 2px 4px #000)}
.m2-store-badge small{font-size:7px;line-height:1;letter-spacing:1px;color:#9b8b78}
.m2-store-badge strong{font-size:14px;line-height:1;color:#f5ede1}
.m2-mobile-showcase__seal{position:absolute;right:5.5%;bottom:28px;width:86px;height:86px;display:grid;place-items:center;border:2px solid rgba(177,49,35,.56);border-radius:50%;color:rgba(230,168,92,.62);transform:rotate(-8deg);box-shadow:inset 0 0 0 5px rgba(177,49,35,.14),0 0 24px rgba(145,34,24,.2);text-shadow:0 0 12px rgba(214,69,42,.3)}
.m2-mobile-showcase__seal::before{content:"";position:absolute;inset:7px;border:1px dashed rgba(226,161,82,.42);border-radius:50%}
.m2-mobile-showcase__seal span{font-family:"Noto Serif SC",serif;font-size:38px;line-height:1}.m2-mobile-showcase__seal small{position:absolute;bottom:12px;font-size:7px;letter-spacing:3px}
@keyframes m2MobileGlow{50%{opacity:.62;transform:scale(1.02)}}
@keyframes m2MobileMist{50%{transform:translateX(-6%) scale(1.08);opacity:.65}}
@keyframes m2MobilePulse{50%{opacity:.42;transform:scale(.85)}}
@media(max-width:980px){.m2-mobile-showcase{margin-left:0}.m2-mobile-showcase__inner{padding:48px 28px}.m2-mobile-showcase__content{width:72%}.m2-mobile-showcase h2{font-size:35px}.m2-mobile-showcase__seal{display:none}}
@media(max-width:720px){.m2-mobile-showcase{min-height:500px;background-position:68% center}.m2-mobile-showcase::before{background:linear-gradient(180deg,rgba(22,11,7,.78),rgba(15,8,5,.92)),radial-gradient(circle at 50% 25%,rgba(209,95,36,.18),transparent 42%)}.m2-mobile-showcase__inner{min-height:500px;padding:42px 17px 34px;align-items:flex-end}.m2-mobile-showcase__content{width:100%}.m2-mobile-showcase h2{font-size:30px}.m2-mobile-showcase p{font-size:12px;line-height:1.7;padding:14px 15px}.m2-mobile-showcase__eyebrow{font-size:9px}.m2-store-badge{min-width:calc(50% - 5px);flex:1}.m2-mobile-showcase__status{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:440px){.m2-mobile-showcase__stores{display:grid;grid-template-columns:1fr}.m2-store-badge{width:100%}.m2-mobile-showcase{min-height:590px}.m2-mobile-showcase__inner{min-height:590px}.m2-mobile-showcase h2{font-size:27px}}

/* =========================================================
   METIN2DOCS - EJDERHA KAPISI GİRİŞ PENCERESİ
   ========================================================= */
.m2-war-login{perspective:1400px;background:radial-gradient(circle at 50% 45%,rgba(76,20,13,.22),transparent 52%)}
.m2-war-login.is-open .m2-login-card{animation:m2LoginEntrance .62s cubic-bezier(.2,.8,.2,1) both}
.m2-war-login .m2-login-card{width:min(1120px,calc(100vw - 42px));min-height:650px;padding:0;display:grid;grid-template-columns:1.08fr .92fr;overflow:visible;background:linear-gradient(145deg,#090806 0%,#100c09 48%,#070605 100%);border:1px solid rgba(219,163,77,.48);box-shadow:0 0 0 1px #070504,0 0 0 7px rgba(108,65,28,.2),0 40px 130px rgba(0,0,0,.9),0 0 85px rgba(166,45,26,.18);clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px),0 20px)}
.m2-war-login .m2-login-card:before{inset:8px;border-color:rgba(228,175,88,.16)}
.m2-war-login .m2-login-card:after{content:"";position:absolute;inset:-2px;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 22%,rgba(255,205,113,.28) 38%,transparent 52%);background-size:240% 100%;animation:m2LoginBorderSweep 5.5s linear infinite;clip-path:inherit;filter:blur(7px);opacity:.45}
.m2-login-corner{position:absolute;z-index:8;width:62px;height:62px;pointer-events:none;filter:drop-shadow(0 0 8px rgba(193,119,39,.35))}
.m2-login-corner:before,.m2-login-corner:after{content:"";position:absolute;background:linear-gradient(90deg,#5b3519,#d5a85e,#5b3519)}
.m2-login-corner:before{width:62px;height:3px}.m2-login-corner:after{width:3px;height:62px}
.m2-login-corner.corner-tl{left:-8px;top:-8px}.m2-login-corner.corner-tr{right:-8px;top:-8px;transform:rotate(90deg)}.m2-login-corner.corner-br{right:-8px;bottom:-8px;transform:rotate(180deg)}.m2-login-corner.corner-bl{left:-8px;bottom:-8px;transform:rotate(270deg)}
.m2-login-ember{position:absolute;z-index:20;width:3px;height:3px;border-radius:50%;background:#ffb04e;box-shadow:0 0 10px #e84d23;pointer-events:none;animation:m2Ember 4.8s ease-in infinite}.m2-login-ember.ember-one{left:8%;bottom:4%;animation-delay:.4s}.m2-login-ember.ember-two{left:42%;bottom:1%;animation-delay:2s}.m2-login-ember.ember-three{right:8%;bottom:5%;animation-delay:3.1s}
.m2-war-login .m2-login-art{min-height:650px;border-right:1px solid rgba(211,154,72,.24);background:#060504;clip-path:polygon(0 0,100% 0,calc(100% - 20px) 100%,0 100%)}
.m2-war-login .m2-login-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72) contrast(1.14) brightness(.72);transform:scale(1.035);animation:m2LoginArtDrift 14s ease-in-out infinite alternate}
.m2-war-login .m2-login-art:before{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 44% 34%,transparent 0 20%,rgba(0,0,0,.17) 50%,rgba(0,0,0,.72) 100%),linear-gradient(180deg,rgba(4,4,3,.18),rgba(7,5,4,.15) 42%,rgba(6,5,4,.96));pointer-events:none}
.m2-war-login .m2-login-art:after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,transparent 60%,rgba(10,7,5,.78));pointer-events:none}
.m2-login-art-mist{position:absolute;z-index:4;left:-15%;right:-10%;bottom:5%;height:32%;background:radial-gradient(ellipse,rgba(206,208,198,.14),transparent 65%);filter:blur(24px);animation:m2Mist 9s ease-in-out infinite alternate;pointer-events:none}
.m2-login-art-runes{position:absolute!important;z-index:5!important;left:23px!important;top:26px!important;bottom:auto!important;right:auto!important;writing-mode:vertical-rl;font-family:"Noto Serif SC",serif;font-size:11px;letter-spacing:8px;color:rgba(244,192,103,.72);text-shadow:0 0 16px rgba(231,70,28,.55)}
.m2-login-art-brand{position:absolute!important;z-index:6!important;left:54px!important;right:auto!important;top:40px!important;bottom:auto!important;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.m2-login-art-brand img{width:190px!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 7px 18px #000) saturate(.9)!important}.m2-login-art-brand small{padding-left:6px;color:#c89a51!important;letter-spacing:4px!important;font-size:7px!important}
.m2-war-login .m2-login-art-copy{left:54px;right:72px;bottom:48px;padding:23px 26px;border-left:2px solid #b64629;background:linear-gradient(90deg,rgba(8,6,5,.78),rgba(8,6,5,.18));backdrop-filter:blur(2px)}
.m2-war-login .m2-login-art-copy small{color:#d59d4e;letter-spacing:3px}.m2-war-login .m2-login-art-copy h3{max-width:440px;margin:8px 0 10px;font:500 34px/1.12 Georgia,serif;color:#f0dfc5;text-shadow:0 3px 18px #000}.m2-war-login .m2-login-art-copy p{max-width:440px;color:#afa291;font-size:11px;line-height:1.8}.m2-login-art-seal{position:absolute;right:18px;bottom:17px;width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(235,175,76,.42);border-radius:50%;color:#d7a04d;font:23px "Noto Serif SC",serif;box-shadow:inset 0 0 20px rgba(175,48,27,.2),0 0 22px rgba(175,48,27,.18);animation:m2SealPulse 3.4s ease-in-out infinite}
.m2-war-login .m2-login-form-wrap{position:relative;z-index:3;padding:66px 58px 42px;background:radial-gradient(circle at 50% 0,rgba(124,75,31,.13),transparent 33%),repeating-linear-gradient(45deg,rgba(255,255,255,.009) 0 1px,transparent 1px 7px)}
.m2-war-login .m2-login-form-wrap:before{content:"";position:absolute;inset:18px;pointer-events:none;border:1px solid rgba(210,157,76,.1);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
.m2-login-form-heading{position:relative;text-align:center;margin-bottom:30px}.m2-login-medallion{width:56px;height:56px;margin:-18px auto 14px;display:grid;place-items:center;border:1px solid #8a5c2c;border-radius:50%;background:radial-gradient(circle,#32120d,#0b0907 68%);color:#d5a45a;font:25px "Noto Serif SC",serif;box-shadow:0 0 0 5px rgba(94,52,24,.2),0 0 28px rgba(197,53,28,.22);animation:m2SealPulse 3.4s ease-in-out infinite}
.m2-war-login .m2-modal-kicker{margin-bottom:8px;color:#c08d47;letter-spacing:3px}.m2-war-login .m2-login-form-heading h2{margin:0 0 8px;font-size:35px;letter-spacing:.4px}.m2-war-login .m2-login-form-heading p{margin:0;color:#80766a;font-size:10px}
.m2-war-login .m2-login-form-wrap form{position:relative;z-index:2}.m2-war-login .m2-login-form-wrap form>label{margin:0 0 8px;color:#c2b39d;letter-spacing:.6px}.m2-war-login .m2-input{height:54px;margin-bottom:18px;border-color:rgba(204,151,73,.2);background:linear-gradient(90deg,rgba(4,4,3,.82),rgba(12,9,7,.7));box-shadow:inset 0 0 22px rgba(0,0,0,.36)}
.m2-war-login .m2-input:focus-within{border-color:#b55030;box-shadow:0 0 0 3px rgba(181,80,48,.08),inset 0 0 25px rgba(0,0,0,.3)}.m2-war-login .m2-input svg{stroke:#b88745}.m2-password-toggle{width:30px;height:30px;border:0;background:transparent;color:#766654;cursor:pointer}.m2-password-toggle:hover{color:#d3a457}.m2-password-toggle span{font-size:12px}
.m2-check{cursor:pointer}.m2-check input{position:absolute;opacity:0}.m2-check span{width:14px;height:14px;display:inline-block;border:1px solid rgba(211,159,77,.3);background:#080706;box-shadow:inset 0 0 0 3px #080706}.m2-check input:checked+span{background:#b04428;border-color:#d49352}
.m2-war-login .m2-form-row{margin-bottom:22px}.m2-war-login .m2-form-row a{color:#bd8d49}.m2-war-login .m2-form-row a:hover{color:#f0bd69}
.m2-war-login .m2-submit{position:relative;height:54px;overflow:hidden;border:1px solid #c4773c;background:linear-gradient(180deg,#ad3528,#721b18);box-shadow:inset 0 1px rgba(255,220,160,.23),0 8px 26px rgba(123,28,22,.22);clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 50%,calc(100% - 13px) 100%,13px 100%,0 50%);letter-spacing:2px}.m2-war-login .m2-submit:before{content:"";position:absolute;inset:3px;border:1px solid rgba(255,203,117,.17);clip-path:inherit}.m2-war-login .m2-submit i{position:absolute;top:0;bottom:0;left:-35%;width:26%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,226,167,.32),transparent);transition:left .5s ease}.m2-war-login .m2-submit:hover i{left:112%}.m2-war-login .m2-submit b{position:relative;font-size:10px}.m2-war-login .m2-submit span{position:relative}
.m2-login-divider{display:flex;align-items:center;gap:12px;margin:22px 0 14px}.m2-login-divider span{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(205,150,72,.26))}.m2-login-divider span:last-child{transform:scaleX(-1)}.m2-login-divider b{color:#8c6235;font:13px "Noto Serif SC",serif}.m2-war-login .m2-register-note{margin:0;padding:0;border:0}.m2-login-trust{margin-top:19px;display:flex;justify-content:center;gap:18px;color:#584f45;font-size:6px;letter-spacing:1.2px}
.m2-login-close{right:20px;top:20px;width:39px;height:39px;background:linear-gradient(145deg,#25130e,#0a0807);border-color:rgba(212,157,72,.32);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
@keyframes m2LoginEntrance{0%{opacity:0;transform:translateY(34px) rotateX(-5deg) scale(.965)}100%{opacity:1;transform:none}}
@keyframes m2LoginBorderSweep{to{background-position:-240% 0}}
@keyframes m2LoginArtDrift{to{transform:scale(1.08) translate3d(-1.5%,-.7%,0)}}
@keyframes m2Mist{to{transform:translateX(9%) scale(1.1);opacity:.5}}
@keyframes m2SealPulse{50%{box-shadow:0 0 0 6px rgba(94,52,24,.13),0 0 36px rgba(197,53,28,.32);transform:translateY(-2px)}}
@keyframes m2Ember{0%{opacity:0;transform:translateY(0) scale(.7)}20%{opacity:1}100%{opacity:0;transform:translateY(-230px) translateX(28px) scale(1.5)}}
@media(max-width:900px){.m2-war-login .m2-login-card{grid-template-columns:1fr;max-width:560px;min-height:0}.m2-war-login .m2-login-art{display:block;min-height:250px;clip-path:none;border-right:0;border-bottom:1px solid rgba(211,154,72,.24)}.m2-war-login .m2-login-art>img{object-position:center 33%}.m2-war-login .m2-login-art-copy{left:28px;right:28px;bottom:25px;padding:15px 18px}.m2-war-login .m2-login-art-copy h3{font-size:24px}.m2-login-art-brand{left:28px!important;top:25px!important}.m2-login-art-brand img{width:145px!important}.m2-war-login .m2-login-form-wrap{padding:52px 35px 32px}}
@media(max-width:560px){.m2-war-login{padding:8px}.m2-war-login .m2-login-card{width:100%;max-height:calc(100vh - 16px);overflow:auto}.m2-war-login .m2-login-art{min-height:190px}.m2-war-login .m2-login-art-copy{display:none}.m2-login-art-runes{display:none}.m2-war-login .m2-login-form-wrap{padding:43px 20px 25px}.m2-login-medallion{width:48px;height:48px;font-size:21px}.m2-war-login .m2-login-form-heading h2{font-size:29px}.m2-login-trust{gap:8px;font-size:5px}.m2-login-corner{display:none}}
@media(prefers-reduced-motion:reduce){.m2-war-login .m2-login-card,.m2-war-login .m2-login-card:after,.m2-war-login .m2-login-art>img,.m2-login-art-mist,.m2-login-art-seal,.m2-login-medallion,.m2-login-ember{animation:none!important}}

/* =========================================================
   METIN2DOCS — GLOBAL RESPONSIVE SAFETY LAYER (2026-07-30)
   Tüm çözünürlüklerde taşma, tablo, header ve içerik güvenliği
   ========================================================= */
html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
*,*::before,*::after{box-sizing:border-box}
body{width:100%;max-width:100%;overflow-x:hidden}
img,svg,video,canvas,audio,iframe,embed,object{max-width:100%;height:auto}
iframe{display:block;width:100%}
input,select,textarea,button{max-width:100%;font:inherit}
pre,code{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
pre{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* Ana iskelette çocukların grid/flex taşmasını engeller */
.content-scroll,.inner-content-scroll,.content-scroll>*,main,section,article,
.mt-post-grid,.mt-post-card,.mt-post-body,.m2-story-layout,.m2v-page-shell,
.m2v-story-layout,.m2v-story-content,.m2v-story-sidebar{min-width:0;max-width:100%}

/* Kullanıcı içeriği: uzun URL, kod ve metinler ekranı genişletmesin */
.fullstory,.story,.story-content,.news-content,.quote,.comments,
.m2v-story-body,.m2v-story-text,.m2v-content,.m2v-panel,
.mt-post-excerpt,.mt-post-title{overflow-wrap:anywhere;word-break:break-word}
.fullstory img,.story img,.story-content img,.news-content img,
.m2v-story-body img,.m2v-story-text img{max-width:100%!important;height:auto!important;object-fit:contain}

/* Tablolar ekran dışına çıkmaz; gerektiğinde yalnız kendi içinde kayar */
table{width:100%!important;max-width:100%!important;border-collapse:collapse;table-layout:auto}
table img{max-width:100%!important;height:auto!important}
th,td{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.fullstory table,.story table,.story-content table,.news-content table,
.m2v-story-body table,.m2v-story-text table,.m2v-content table{
  display:block;width:100%!important;max-width:100%!important;overflow-x:auto;
  -webkit-overflow-scrolling:touch;scrollbar-width:thin
}

/* Sabit ana alanlar */
.top-header,.content-scroll,.site-footer,.m2-mobile-showcase{max-width:100%}
.header-brand,.header-actions,.announcement-bar,.footer-links,.m2-footer-brand{min-width:0}
.header-brand span,.header-action span,.announcement-visible-text{overflow:hidden;text-overflow:ellipsis}

/* Büyük ekranlarda aşırı geniş içeriklerin okunabilir kalması */
@media(min-width:1800px){
  .content-scroll>*,.inner-content-scroll>*{max-width:1680px;margin-left:auto;margin-right:auto}
}

/* Orta ekran / küçük laptop */
@media(max-width:1280px){
  .top-header{gap:12px!important;padding-left:18px!important;padding-right:18px!important}
  .content-scroll{padding-left:20px!important;padding-right:20px!important}
  .site-footer{padding-left:20px!important;padding-right:20px!important}
  .header-actions{gap:7px!important}
  .header-action{padding-left:10px!important;padding-right:10px!important}
  .mt-post-grid{grid-template-columns:1fr!important}
  .m2-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Tablet: sidebar kapalı düzene geçişi garanti eder */
@media(max-width:1024px){
  :root{--m2-sidebar:0px}
  .top-header,.content-scroll,.site-footer,.m2-mobile-showcase{left:0!important;margin-left:0!important;width:100%!important}
  .top-header{right:0!important}
  .content-scroll{padding-top:calc(var(--m2-header) + 20px)!important}
  .m2v-story-hero{grid-template-columns:1fr!important;min-height:0!important}
  .m2v-story-title-wrap{padding:42px 28px!important}
  .m2v-story-title-wrap h1{font-size:clamp(30px,6vw,52px)!important}
  .m2-login-card,.m2-war-login .m2-login-card{width:min(100%,700px)!important}
}

/* Mobil header ve içerik */
@media(max-width:760px){
  :root{--m2-header:64px}
  .top-header{
    min-height:64px!important;height:64px!important;gap:8px!important;
    padding:0 10px!important;overflow:visible!important
  }
  .top-header::after{display:none!important}
  .header-brand{flex:0 1 auto!important;max-width:145px!important}
  .header-brand img{max-width:108px!important;height:auto!important}
  .header-brand span{display:none!important}
  .announcement-bar{display:none!important}
  .header-actions{margin-left:auto!important;gap:5px!important;flex:0 0 auto!important}
  .header-action{width:38px!important;min-width:38px!important;height:38px!important;padding:0!important;justify-content:center!important}
  .header-action>span:not(.language-code){display:none!important}
  .header-action svg{width:16px!important;height:16px!important;margin:0!important}
  .language-btn .small{display:none!important}
  .language-code{font-size:8px!important}

  .content-scroll,.inner-content-scroll{
    width:100%!important;margin-left:0!important;
    padding:calc(var(--m2-header) + 14px) 12px 28px!important
  }
  .content-scroll::before{max-width:100%;overflow:hidden}

  .m2-section-heading{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}
  .m2-section-heading>p{max-width:100%!important;text-align:left!important}
  .m2-section-heading h2{font-size:23px!important}
  .m2-feature-grid{grid-template-columns:1fr!important}
  .m2-feature-card{min-height:270px!important}

  .mt-post-card{grid-template-columns:1fr!important;min-height:0!important}
  .mt-post-media{min-height:190px!important;max-height:240px!important}
  .mt-post-body{padding:16px 14px!important}
  .mt-post-topline,.mt-post-bottom{align-items:flex-start!important;flex-wrap:wrap!important}
  .mt-post-stats{max-width:100%;flex-wrap:wrap!important}

  .m2v-story-title-wrap{padding:34px 18px!important}
  .m2v-story-title-wrap h1{font-size:clamp(28px,9vw,42px)!important;letter-spacing:-.7px!important}
  .m2v-forge-head,.m2v-panel-heading{align-items:flex-start!important;flex-wrap:wrap!important}

  .site-footer{width:100%!important;margin-left:0!important;padding:18px 14px!important;flex-direction:column!important;align-items:flex-start!important}
  .m2-footer-brand{width:100%!important;min-width:0!important}
  .site-footer p{width:100%;font-size:9px!important}
  .footer-links{width:100%!important;flex-wrap:wrap!important;gap:6px 14px!important}

  .m2-modal{padding:10px!important;align-items:center!important;overflow-y:auto!important}
  .m2-modal-card{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 20px)!important;padding:28px 16px 20px!important;overflow-y:auto!important}
  .m2-search-form{grid-template-columns:38px minmax(0,1fr)!important;height:auto!important;min-height:54px!important}
  .m2-search-form button{grid-column:1/-1;width:calc(100% - 12px)!important;margin:0 6px 6px!important}

  table{font-size:12px}
  th,td{padding:8px 7px!important;min-width:110px}
  th:first-child,td:first-child{min-width:90px}
}

/* Çok dar telefonlar */
@media(max-width:420px){
  .top-header{padding:0 7px!important}
  .header-brand{max-width:100px!important}
  .header-brand img{max-width:88px!important}
  .header-actions{gap:3px!important}
  .header-action{width:34px!important;min-width:34px!important;height:34px!important}
  .content-scroll,.inner-content-scroll{padding-left:9px!important;padding-right:9px!important}
  .m2-section-heading>div{padding-left:45px!important}
  .m2-heading-mark{width:34px!important;height:34px!important;font-size:18px!important}
  .mt-post-title{font-size:17px!important}
  .m2-page-numbers>*{min-width:31px!important;height:33px!important;padding:0 6px!important}
  .m2-pagination{clip-path:none!important}
  .m2-modal h2{font-size:25px!important}
}

/* Yatay telefon / kısa ekran modal güvenliği */
@media(max-height:620px) and (orientation:landscape){
  .m2-modal,.m2-war-login{align-items:flex-start!important;overflow-y:auto!important}
  .m2-modal-card,.m2-war-login .m2-login-card{max-height:none!important;margin:8px auto!important}
  .m2-war-login .m2-login-art{display:none!important}
}

/* === V2: Mobilde sol üst logo + hemen yanında menü === */
.m2-mobile-brand{display:none}
@media(max-width:760px){
  .m2-mobile-brand{
    position:fixed;
    z-index:97;
    top:0;
    left:12px;
    width:94px;
    height:64px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    overflow:hidden;
  }
  .m2-mobile-brand img{
    display:block;
    width:88px!important;
    max-width:88px!important;
    height:auto!important;
    object-fit:contain;
    filter:drop-shadow(0 4px 10px rgba(0,0,0,.65));
  }
  .m2-mobile-menu{
    left:112px!important;
    top:10px!important;
    width:44px!important;
    height:44px!important;
  }
  .top-header{
    padding-left:164px!important;
  }
}
@media(max-width:390px){
  .m2-mobile-brand{left:8px;width:82px}
  .m2-mobile-brand img{width:78px!important;max-width:78px!important}
  .m2-mobile-menu{left:94px!important;width:42px!important;height:42px!important;top:11px!important}
  .top-header{padding-left:142px!important;padding-right:7px!important}
  .header-actions{gap:3px!important}
  .header-action{width:35px!important;min-width:35px!important;height:35px!important}
}


/* === V3: Mobil header sıralaması — Logo | Dil | Menü === */
@media(max-width:760px){
  .m2-mobile-brand{
    left:12px!important;
    top:0!important;
    width:104px!important;
    height:64px!important;
    z-index:97!important;
  }
  .m2-mobile-brand img{
    width:94px!important;
    max-width:94px!important;
  }
  .m2-mobile-menu{
    left:auto!important;
    right:10px!important;
    top:10px!important;
    width:44px!important;
    height:44px!important;
    z-index:99!important;
  }
  .top-header{
    padding:0 62px 0 122px!important;
    justify-content:flex-end!important;
  }
  .top-header .announcement-bar{display:none!important}
  .top-header .header-actions{margin-left:auto!important;display:flex!important;gap:0!important}
  .top-header .header-action{display:none!important}
  .top-header .language-btn{
    display:inline-flex!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    padding:0!important;
    border-radius:12px!important;
  }
  .top-header .language-btn .language-code,
  .top-header .language-btn .small{display:none!important}
  .top-header .language-btn>svg:first-child{width:19px!important;height:19px!important}
  body.sidebar-open .m2-mobile-brand{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}
@media(max-width:390px){
  .m2-mobile-brand{left:8px!important;width:91px!important}
  .m2-mobile-brand img{width:84px!important;max-width:84px!important}
  .m2-mobile-menu{right:7px!important;top:11px!important;width:42px!important;height:42px!important}
  .top-header{padding:0 56px 0 105px!important}
  .top-header .language-btn{width:42px!important;min-width:42px!important;height:42px!important}
}


/* === Metin2Docs PageSpeed performans katmanı v1 === */
.mt-post-card,.site-footer,.m2-mobile-apps,.m2-footer-shell{content-visibility:auto;contain-intrinsic-size:1px 520px}
.mt-post-media img,.m2v-cover-media img,.fullstory img{height:auto;max-width:100%}
.mt-post-media img{width:100%;aspect-ratio:16/9;object-fit:cover}
@media (max-width:768px){
  .m2-page-bg{background-attachment:scroll!important}
  .m2-noise{display:none!important}
  .mt-post-card,.site-footer,.m2-mobile-apps{contain-intrinsic-size:1px 460px}
  .mt-post-card:hover{transform:none!important}
  .tilt{transform:none!important}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.tilt{transform:none!important}}
.m2-page-hidden *{animation-play-state:paused!important}

/* =========================================================
   PVP SERVER SHOWCASE V2 — MODERN / SEPARATE MEDIA & TEXT
   ========================================================= */
.m2-server-showcase{
  --server-panel:#0b0908;
  --server-panel-2:#100d0b;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 7% 4%,rgba(153,43,31,.16),transparent 28%),
    radial-gradient(circle at 93% 0%,rgba(212,161,83,.09),transparent 24%),
    linear-gradient(180deg,rgba(15,12,10,.97),rgba(7,6,5,.99));
}
.m2-server-showcase::after{
  content:"戦 場 · 選 択 · 龍";
  right:-15px;
  bottom:-44px;
  font-size:96px;
  letter-spacing:22px;
  opacity:1;
  color:rgba(226,176,98,.022);
  animation:m2ServerAncientDrift 16s ease-in-out infinite alternate;
}
.m2-server-showcase::before{
  width:190px;
  background:linear-gradient(90deg,#c44531,#e3b56c,transparent);
  box-shadow:0 0 18px rgba(197,69,49,.22);
}
.m2-server-heading{
  display:flex!important;
  align-items:stretch!important;
  gap:16px!important;
}
.m2-server-heading>.m2-section-banner{
  min-width:0!important;
  flex:1 1 auto;
  min-height:76px;
  background:
    linear-gradient(100deg,rgba(119,27,22,.96),rgba(72,19,16,.85) 56%,rgba(20,14,11,.72)),
    radial-gradient(circle at 12% 50%,rgba(247,184,90,.18),transparent 32%);
}
.m2-server-heading .m2-heading-mark{
  animation:m2ServerSealPulse 3.5s ease-in-out infinite;
}
.m2-server-add-slot{
  flex:0 0 222px;
  display:flex;
  align-items:stretch;
  padding-left:0!important;
}
.m2-server-add-btn{
  position:relative;
  isolation:isolate;
  width:100%;
  min-height:76px;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 18px;
  align-items:center;
  gap:11px;
  overflow:hidden;
  padding:11px 14px!important;
  border:1px solid rgba(218,157,82,.36)!important;
  background:
    linear-gradient(135deg,rgba(146,42,30,.96),rgba(83,22,18,.96) 62%,rgba(38,16,13,.96));
  color:#f4dec0!important;
  text-align:left;
  box-shadow:inset 0 0 0 1px rgba(255,219,157,.045),0 13px 28px rgba(0,0,0,.28);
  clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,11px 100%,0 calc(100% - 11px));
  cursor:pointer;
  transition:border-color .28s ease,box-shadow .28s ease,filter .28s ease,transform .28s ease;
}
.m2-server-add-btn::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-80% auto -80% -42%;
  width:34%;
  background:linear-gradient(90deg,transparent,rgba(255,226,174,.18),transparent);
  transform:skewX(-18deg);
  transition:left .7s ease;
}
.m2-server-add-btn::after{
  content:"新";
  position:absolute;
  z-index:-1;
  right:24px;
  top:50%;
  transform:translateY(-51%);
  color:rgba(255,221,158,.07);
  font:45px/1 "Noto Serif SC",serif;
}
.m2-server-add-btn:hover{
  border-color:rgba(244,186,99,.68)!important;
  box-shadow:inset 0 0 0 1px rgba(255,224,169,.07),0 18px 34px rgba(0,0,0,.38),0 0 25px rgba(173,53,34,.16);
  filter:brightness(1.08);
}
.m2-server-add-btn:hover::before{left:132%}
.m2-server-add-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,203,121,.35);
  background:linear-gradient(145deg,rgba(21,10,8,.5),rgba(255,255,255,.035));
  box-shadow:inset 0 0 16px rgba(0,0,0,.26),0 0 17px rgba(215,95,52,.12);
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
}
.m2-server-add-icon svg{width:18px;height:18px;fill:none;stroke:#f0c577;stroke-width:1.7}
.m2-server-add-btn>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:4px}
.m2-server-add-btn small{color:#c89552;font:800 7px/1 Inter,Arial,sans-serif;letter-spacing:1.5px}
.m2-server-add-btn strong{color:#fff0d6;font:600 14px/1.15 Georgia,serif;white-space:nowrap}
.m2-server-add-btn>i{font-style:normal;color:#f1c574;font-size:17px;transition:transform .28s ease}
.m2-server-add-btn:hover>i{transform:translateX(4px)}

.m2-server-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  perspective:1500px;
}
.m2-server-card{
  --server-accent:#cf6044;
  --server-rgb:207,96,68;
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  color:inherit;
  border:1px solid rgba(203,158,91,.18);
  background:linear-gradient(180deg,var(--server-panel-2),var(--server-panel));
  box-shadow:inset 0 0 0 1px rgba(255,220,157,.018),0 15px 32px rgba(0,0,0,.29);
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
  transform-style:preserve-3d;
  transform-origin:center bottom;
  transition:transform .28s ease,border-color .3s ease,box-shadow .3s ease;
}
.m2-server-card::before{
  content:"";
  position:absolute;
  z-index:8;
  left:0;
  top:0;
  width:3px;
  height:100%;
  background:linear-gradient(180deg,var(--server-accent),rgba(var(--server-rgb),.1) 65%,transparent);
  box-shadow:0 0 13px rgba(var(--server-rgb),.35);
  opacity:.72;
  transition:width .3s ease,opacity .3s ease;
}
.m2-server-card::after{
  content:"";
  position:absolute;
  z-index:9;
  inset:0;
  pointer-events:none;
  border:1px solid transparent;
  background:linear-gradient(115deg,rgba(255,255,255,.035),transparent 26%,transparent 72%,rgba(var(--server-rgb),.045)) border-box;
  -webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}
.m2-server-card:hover{
  transform:translateY(-6px);
  border-color:rgba(var(--server-rgb),.58);
  box-shadow:inset 0 0 0 1px rgba(255,224,168,.035),0 23px 46px rgba(0,0,0,.43),0 0 28px rgba(var(--server-rgb),.12);
}
.m2-server-card:hover::before{width:4px;opacity:1}
.m2-server-media{
  position:relative;
  isolation:isolate;
  aspect-ratio:1.42/1;
  min-height:0;
  overflow:hidden;
  background:#090806;
  border-bottom:1px solid rgba(209,160,89,.13);
}
.m2-server-media::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  background:
    linear-gradient(180deg,rgba(4,4,3,.02),rgba(6,5,4,.07) 56%,rgba(7,6,5,.68) 100%),
    linear-gradient(110deg,rgba(var(--server-rgb),.11),transparent 48%);
  pointer-events:none;
}
.m2-server-media::after{
  content:"";
  position:absolute;
  z-index:3;
  left:-40%;
  right:-40%;
  bottom:-42%;
  height:48%;
  background:radial-gradient(ellipse,rgba(var(--server-rgb),.25),transparent 68%);
  filter:blur(15px);
  opacity:.4;
  transition:opacity .35s ease,transform .45s ease;
  pointer-events:none;
}
.m2-server-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 24%;
  filter:saturate(.76) contrast(1.05) brightness(.84);
  transform:scale(1.025);
  transition:transform .72s cubic-bezier(.2,.75,.2,1),filter .5s ease;
  animation:m2ServerImageDrift 13s ease-in-out infinite alternate;
  animation-delay:var(--server-delay,0s);
}
.m2-server-card:hover .m2-server-media img{
  transform:scale(1.105) translate3d(1%,-1%,0);
  filter:saturate(1) contrast(1.04) brightness(.98);
}
.m2-server-card:hover .m2-server-media::after{opacity:.8;transform:translateY(-8px) scale(1.08)}
.m2-server-media-frame{
  position:absolute;
  z-index:5;
  inset:8px;
  border:1px solid rgba(255,224,170,.11);
  pointer-events:none;
}
.m2-server-media-frame::before,.m2-server-media-frame::after{
  content:"";
  position:absolute;
  width:17px;
  height:17px;
  border-color:rgba(244,192,107,.58);
}
.m2-server-media-frame::before{left:-1px;top:-1px;border-left:1px solid;border-top:1px solid}
.m2-server-media-frame::after{right:-1px;bottom:-1px;border-right:1px solid;border-bottom:1px solid}
.m2-server-scan{
  position:absolute;
  z-index:4;
  top:-18%;
  left:0;
  width:100%;
  height:18%;
  opacity:0;
  background:linear-gradient(180deg,transparent,rgba(255,225,170,.09),transparent);
  transform:skewY(-4deg);
  pointer-events:none;
}
.m2-server-card:hover .m2-server-scan{animation:m2ServerScan 1.25s ease-out}
.m2-server-index{
  position:absolute;
  z-index:6;
  right:14px;
  top:14px;
  min-width:32px;
  padding:6px 8px;
  color:#f2cc88;
  background:rgba(7,6,5,.78);
  border:1px solid rgba(241,191,104,.25);
  box-shadow:0 8px 18px rgba(0,0,0,.28);
  font:700 9px/1 Georgia,serif;
  letter-spacing:1px;
  text-align:center;
}
.m2-server-class{
  position:absolute;
  z-index:6;
  left:14px;
  bottom:13px;
  padding:7px 10px 6px;
  color:#ffe0a7;
  background:linear-gradient(135deg,rgba(var(--server-rgb),.9),rgba(44,17,13,.9));
  border:1px solid rgba(255,215,145,.27);
  box-shadow:0 8px 18px rgba(0,0,0,.3),0 0 16px rgba(var(--server-rgb),.14);
  font:800 7px/1 Inter,Arial,sans-serif;
  letter-spacing:1.6px;
  clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));
}
.m2-server-body{
  position:relative;
  z-index:2;
  min-height:205px;
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  padding:20px 18px 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 100% 0,rgba(var(--server-rgb),.065),transparent 35%),
    repeating-linear-gradient(0deg,transparent 0 28px,rgba(229,180,105,.012) 29px 30px),
    linear-gradient(150deg,rgba(255,255,255,.012),transparent 46%);
}
.m2-server-kanji{
  position:absolute;
  z-index:-1;
  right:10px;
  top:10px;
  color:rgba(226,177,100,.045);
  font:72px/1 "Noto Serif SC","Microsoft YaHei",serif;
  text-shadow:0 0 20px rgba(var(--server-rgb),.06);
  transition:color .35s ease,transform .5s ease;
  pointer-events:none;
}
.m2-server-card:hover .m2-server-kanji{color:rgba(235,187,108,.09);transform:translate3d(-4px,3px,0) rotate(-4deg)}
.m2-server-eyebrow{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:7px;
}
.m2-server-eyebrow i{
  width:25px;
  height:1px;
  background:linear-gradient(90deg,var(--server-accent),#e4b56b);
  box-shadow:0 0 8px rgba(var(--server-rgb),.38);
  transition:width .35s ease;
}
.m2-server-card:hover .m2-server-eyebrow i{width:39px}
.m2-server-eyebrow small{
  color:#b98c4d;
  font:800 7px/1 Inter,Arial,sans-serif;
  letter-spacing:1.65px;
}
.m2-server-body h3{
  position:relative;
  z-index:2;
  margin:0 0 9px!important;
  color:#f2e6d5!important;
  font:500 21px/1.18 Georgia,"Times New Roman",serif!important;
  text-shadow:0 2px 14px rgba(0,0,0,.55);
  transition:color .3s ease,transform .3s ease;
}
.m2-server-card:hover .m2-server-body h3{color:#fff2dc!important;transform:translateX(2px)}
.m2-server-body p{
  position:relative;
  z-index:2;
  min-height:49px;
  margin:0 0 12px!important;
  color:#92887b!important;
  font:400 10px/1.62 Inter,Arial,sans-serif!important;
  transition:color .3s ease;
}
.m2-server-card:hover .m2-server-body p{color:#b6aa9a!important}
.m2-server-tags{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  margin-bottom:16px;
}
.m2-server-tags span{
  padding:5px 7px;
  color:#927e63;
  background:rgba(255,255,255,.018);
  border:1px solid rgba(207,158,86,.1);
  font:700 6.5px/1 Inter,Arial,sans-serif;
  letter-spacing:.75px;
  text-transform:uppercase;
}
.m2-server-tags span:first-child{color:#c7a26a;border-color:rgba(var(--server-rgb),.21);background:rgba(var(--server-rgb),.055)}
.m2-server-link{
  position:relative;
  z-index:2;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:auto -18px 0;
  padding:0 18px;
  border-top:1px solid rgba(206,157,88,.1);
  background:linear-gradient(90deg,rgba(var(--server-rgb),.06),rgba(255,255,255,.008));
  transition:background .3s ease,padding .3s ease;
}
.m2-server-link b{
  color:#d2a55f;
  font:800 7.5px/1 Inter,Arial,sans-serif;
  letter-spacing:1.15px;
  text-transform:uppercase;
}
.m2-server-link i{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  color:#e9be73;
  border:1px solid rgba(var(--server-rgb),.23);
  background:rgba(5,5,4,.28);
  font-style:normal;
  transition:transform .3s ease,background .3s ease,border-color .3s ease;
}
.m2-server-card:hover .m2-server-link{background:linear-gradient(90deg,rgba(var(--server-rgb),.12),rgba(255,255,255,.01))}
.m2-server-card:hover .m2-server-link i{transform:translateX(3px);background:rgba(var(--server-rgb),.14);border-color:rgba(var(--server-rgb),.47)}
.m2-server-showcase.visible .m2-server-card{
  animation:m2ServerCardEnter .76s cubic-bezier(.17,.84,.28,1) backwards;
  animation-delay:var(--server-delay,0s);
}

/* Guest-only animated server submission warning */
.m2-server-auth-card{
  width:min(100%,570px)!important;
  padding:44px 44px 38px!important;
  overflow:hidden;
  text-align:center;
  background:
    radial-gradient(circle at 50% -8%,rgba(169,58,37,.22),transparent 39%),
    repeating-linear-gradient(45deg,rgba(255,255,255,.009) 0 1px,transparent 1px 8px),
    linear-gradient(145deg,rgba(27,19,15,.995),rgba(9,8,7,.998))!important;
  border-color:rgba(218,159,78,.38)!important;
  box-shadow:0 36px 110px rgba(0,0,0,.8),0 0 50px rgba(147,41,27,.13)!important;
}
.m2-server-auth-card::before{
  inset:8px!important;
  border-color:rgba(224,174,93,.1)!important;
}
.m2-server-auth-card::after{
  content:"員";
  position:absolute;
  right:-8px;
  bottom:-36px;
  color:rgba(224,174,93,.035);
  font:160px/1 "Noto Serif SC",serif;
  pointer-events:none;
}
.m2-server-auth-modal.is-open .m2-server-auth-card{animation:m2AuthCardEnter .55s cubic-bezier(.17,.84,.28,1) both}
.m2-auth-corner{position:absolute;width:42px;height:42px;border-color:rgba(230,176,87,.45);pointer-events:none}
.m2-auth-corner-tl{left:13px;top:13px;border-left:1px solid;border-top:1px solid}
.m2-auth-corner-br{right:13px;bottom:13px;border-right:1px solid;border-bottom:1px solid}
.m2-auth-emblem{
  position:relative;
  width:82px;
  height:82px;
  display:grid;
  place-items:center;
  margin:0 auto 24px;
  border:1px solid rgba(223,164,76,.46);
  border-radius:50%;
  background:radial-gradient(circle,#37140e 0,#160c09 48%,#080706 72%);
  box-shadow:inset 0 0 26px rgba(0,0,0,.45),0 0 0 7px rgba(111,56,24,.12),0 0 35px rgba(181,52,30,.24);
  animation:m2AuthEmblemPulse 3.4s ease-in-out infinite;
}
.m2-auth-emblem svg{width:30px;height:30px;fill:none;stroke:#e1ad5d;stroke-width:1.35}
.m2-auth-emblem>b{
  position:absolute;
  right:-7px;
  bottom:-4px;
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  border:1px solid rgba(242,190,99,.5);
  background:#7f251c;
  color:#ffd88d;
  font:16px/1 "Noto Serif SC",serif;
  box-shadow:0 5px 14px rgba(0,0,0,.35);
}
.m2-auth-ring{position:absolute;border:1px solid rgba(221,160,72,.14);border-radius:50%;pointer-events:none}
.m2-auth-ring.ring-one{inset:-12px;animation:m2AuthRingSpin 10s linear infinite}
.m2-auth-ring.ring-two{inset:-21px;border-style:dashed;animation:m2AuthRingSpin 15s linear infinite reverse}
.m2-server-auth-card .m2-modal-kicker{margin-bottom:9px;color:#c9944d;letter-spacing:2.8px}
.m2-server-auth-card h2{max-width:470px;margin:0 auto 12px!important;color:#f4e7d3!important;font-size:30px!important;line-height:1.17!important}
.m2-server-auth-card>p{max-width:465px;margin:0 auto 19px!important;color:#94887a!important;font-size:10.5px!important;line-height:1.75!important}
.m2-auth-notice{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:39px;
  margin:0 auto 22px;
  padding:9px 12px;
  border:1px solid rgba(201,151,78,.12);
  background:rgba(255,255,255,.018);
  color:#8e8172;
  font-size:8px;
  letter-spacing:.35px;
}
.m2-auth-notice i{width:6px;height:6px;border-radius:50%;background:#d19d51;box-shadow:0 0 0 4px rgba(209,157,81,.08),0 0 11px rgba(209,157,81,.5)}
.m2-auth-actions{display:grid;grid-template-columns:1.15fr .85fr;gap:9px}
.m2-auth-primary,.m2-auth-secondary{
  min-height:50px;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 16px!important;
  border:1px solid rgba(225,157,81,.33)!important;
  color:#f7e3bf!important;
  font:800 9px/1 Inter,Arial,sans-serif;
  letter-spacing:1px;
  cursor:pointer;
  transition:filter .25s ease,transform .25s ease,border-color .25s ease,background .25s ease;
}
.m2-auth-primary{background:linear-gradient(135deg,#ad3829,#761f19)!important;box-shadow:0 12px 25px rgba(113,27,21,.26)}
.m2-auth-secondary{background:rgba(255,255,255,.025)!important;border-color:rgba(209,158,86,.18)!important;color:#c9b292!important}
.m2-auth-primary svg,.m2-auth-secondary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.55}
.m2-auth-primary>i{font-style:normal;color:#efc477;margin-left:auto}
.m2-auth-primary:hover,.m2-auth-secondary:hover{transform:translateY(-2px);filter:brightness(1.1);border-color:rgba(237,181,95,.55)!important}
.m2-auth-secondary:hover{background:rgba(176,58,37,.08)!important;color:#ecd0a2!important}

@keyframes m2ServerCardEnter{
  from{opacity:0;transform:translateY(24px) scale(.98);filter:blur(3px)}
  to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}
@keyframes m2ServerImageDrift{
  0%{transform:scale(1.025) translate3d(-.5%,0,0)}
  100%{transform:scale(1.075) translate3d(1.2%,-1%,0)}
}
@keyframes m2ServerScan{
  0%{top:-20%;opacity:0}
  18%{opacity:1}
  100%{top:112%;opacity:0}
}
@keyframes m2ServerSealPulse{
  0%,100%{transform:scale(1);filter:brightness(1)}
  50%{transform:scale(1.045);filter:brightness(1.18)}
}
@keyframes m2ServerAncientDrift{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-34px,-8px,0)}
}
@keyframes m2AuthCardEnter{
  from{opacity:0;transform:translateY(24px) scale(.965);filter:blur(3px)}
  to{opacity:1;transform:none;filter:blur(0)}
}
@keyframes m2AuthEmblemPulse{
  0%,100%{transform:translateY(0);box-shadow:inset 0 0 26px rgba(0,0,0,.45),0 0 0 7px rgba(111,56,24,.12),0 0 28px rgba(181,52,30,.16)}
  50%{transform:translateY(-3px);box-shadow:inset 0 0 26px rgba(0,0,0,.45),0 0 0 9px rgba(111,56,24,.08),0 0 42px rgba(207,68,36,.3)}
}
@keyframes m2AuthRingSpin{to{transform:rotate(360deg)}}

@media(max-width:1500px){
  .m2-server-heading{align-items:stretch!important}
  .m2-server-add-slot{flex-basis:205px}
  .m2-server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .m2-server-media{aspect-ratio:1.72/1}
  .m2-server-body{min-height:190px}
}
@media(max-width:760px){
  .m2-server-showcase{padding:15px!important}
  .m2-server-heading{display:grid!important;grid-template-columns:1fr;gap:10px!important;margin-bottom:14px!important}
  .m2-server-heading>.m2-section-banner{width:100%;min-height:70px}
  .m2-server-add-slot{width:100%;flex-basis:auto}
  .m2-server-add-btn{min-height:62px;grid-template-columns:37px minmax(0,1fr) 17px}
  .m2-server-add-icon{width:35px;height:35px}
  .m2-server-grid{grid-template-columns:1fr;gap:12px}
  .m2-server-card{display:grid;grid-template-columns:minmax(128px,38%) minmax(0,1fr);min-height:210px}
  .m2-server-media{height:100%;aspect-ratio:auto;border-right:1px solid rgba(209,160,89,.13);border-bottom:0}
  .m2-server-media img{object-position:center 22%}
  .m2-server-body{min-height:210px;padding:18px 16px 0}
  .m2-server-body h3{font-size:20px!important}
  .m2-server-body p{min-height:0;font-size:9.5px!important}
  .m2-server-tags{margin-bottom:12px}
  .m2-server-link{margin:auto -16px 0;padding:0 16px}
  .m2-server-auth-card{padding:39px 22px 28px!important}
  .m2-server-auth-card h2{font-size:25px!important}
  .m2-auth-actions{grid-template-columns:1fr}
}
@media(max-width:470px){
  .m2-server-card{grid-template-columns:1fr;min-height:0}
  .m2-server-media{aspect-ratio:1.65/1;height:auto;border-right:0;border-bottom:1px solid rgba(209,160,89,.13)}
  .m2-server-body{min-height:195px}
  .m2-server-heading .m2-heading-copy h2{font-size:24px!important}
  .m2-server-heading>.m2-section-banner{padding-right:82px!important}
  .m2-server-add-btn strong{font-size:13px}
  .m2-auth-emblem{width:72px;height:72px}
}
@media(prefers-reduced-motion:reduce){
  .m2-server-showcase::after,
  .m2-server-heading .m2-heading-mark,
  .m2-server-media img,
  .m2-server-showcase.visible .m2-server-card,
  .m2-auth-emblem,.m2-auth-ring,
  .m2-server-auth-modal.is-open .m2-server-auth-card{
    animation:none!important;
  }
}

/* =========================================================
   PVP SERVER SHOWCASE V3 — FULL-WIDTH HEADING + TYPE PICKER
   ========================================================= */
.m2-server-heading{
  display:block!important;
  width:100%!important;
  margin-bottom:16px!important;
}
.m2-server-heading>.m2-section-banner{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:88px!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  padding:13px 272px 13px 15px!important;
}
.m2-server-heading .m2-banner-kanji{right:248px!important}
.m2-server-add-slot{
  position:absolute!important;
  z-index:8;
  top:9px;
  right:10px;
  bottom:9px;
  width:236px;
  display:flex!important;
  align-items:stretch!important;
  padding:0!important;
}
.m2-server-add-btn{
  min-height:0!important;
  height:100%!important;
  grid-template-columns:40px minmax(0,1fr) 18px!important;
  padding:9px 13px!important;
}
.m2-server-add-btn::after{right:21px!important;font-size:42px!important}

/* Registered-member server type picker */
.m2-server-picker-card{
  width:min(100%,1040px)!important;
  padding:36px 36px 28px!important;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% -16%,rgba(166,54,35,.24),transparent 39%),
    radial-gradient(circle at 100% 100%,rgba(207,153,75,.08),transparent 34%),
    repeating-linear-gradient(45deg,rgba(255,255,255,.008) 0 1px,transparent 1px 9px),
    linear-gradient(145deg,rgba(25,17,13,.995),rgba(8,7,6,.998))!important;
  border-color:rgba(219,161,80,.4)!important;
  box-shadow:0 42px 130px rgba(0,0,0,.84),0 0 62px rgba(144,40,26,.15)!important;
}
.m2-server-picker-card::before{
  inset:8px!important;
  border-color:rgba(232,180,96,.1)!important;
}
.m2-server-picker-card::after{
  content:"選";
  position:absolute;
  right:-17px;
  bottom:-62px;
  color:rgba(229,178,94,.035);
  font:210px/1 "Noto Serif SC",serif;
  pointer-events:none;
}
.m2-server-picker-modal.is-open .m2-server-picker-card{animation:m2PickerCardEnter .58s cubic-bezier(.17,.84,.28,1) both}
.m2-picker-corner{position:absolute;z-index:4;width:52px;height:52px;border-color:rgba(231,178,91,.48);pointer-events:none}
.m2-picker-corner-tl{left:13px;top:13px;border-left:1px solid;border-top:1px solid}
.m2-picker-corner-br{right:13px;bottom:13px;border-right:1px solid;border-bottom:1px solid}
.m2-picker-head{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:76px minmax(0,1fr);
  align-items:center;
  gap:20px;
  margin:0 0 24px;
  padding:0 62px 22px 0;
  border-bottom:1px solid rgba(211,158,84,.14);
  text-align:left;
}
.m2-picker-head::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:210px;
  height:1px;
  background:linear-gradient(90deg,#c94a32,#e0b266,transparent);
  box-shadow:0 0 14px rgba(204,79,49,.34);
}
.m2-picker-seal{
  position:relative;
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  border:1px solid rgba(232,178,87,.43);
  background:radial-gradient(circle,#501b13 0,#21100c 54%,#090706 73%);
  box-shadow:inset 0 0 22px rgba(0,0,0,.5),0 0 0 7px rgba(127,59,28,.1),0 0 29px rgba(177,50,31,.2);
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  animation:m2PickerSealPulse 3.7s ease-in-out infinite;
}
.m2-picker-seal span{color:#efc274;font:32px/1 "Noto Serif SC",serif;text-shadow:0 0 17px rgba(237,177,83,.35)}
.m2-picker-seal i{position:absolute;inset:7px;border:1px solid rgba(244,203,125,.13);pointer-events:none}
.m2-picker-head .m2-modal-kicker{display:block;margin:0 0 8px;color:#c9974f;letter-spacing:2.7px}
.m2-picker-head h2{margin:0 0 8px!important;color:#f5e7d2!important;font-size:31px!important;line-height:1.12!important;text-align:left!important}
.m2-picker-head p{margin:0!important;color:#94887a!important;font-size:10.5px!important;line-height:1.65!important;text-align:left!important}
.m2-picker-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.m2-picker-option{
  --picker-rgb:205,94,62;
  position:relative;
  min-width:0;
  min-height:156px;
  display:grid!important;
  grid-template-columns:168px minmax(0,1fr);
  overflow:hidden;
  border:1px solid rgba(209,159,87,.16)!important;
  background:
    radial-gradient(circle at 100% 0,rgba(var(--picker-rgb),.08),transparent 38%),
    linear-gradient(145deg,rgba(22,17,13,.96),rgba(9,8,7,.99));
  color:inherit!important;
  box-shadow:inset 0 0 0 1px rgba(255,220,157,.015),0 15px 31px rgba(0,0,0,.26);
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
  opacity:0;
  transform:translateY(18px) scale(.985);
  transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease,filter .32s ease;
}
.m2-server-picker-modal.is-open .m2-picker-option{animation:m2PickerOptionEnter .62s cubic-bezier(.17,.84,.28,1) forwards;animation-delay:var(--picker-delay,0s)}
.m2-picker-option::before{
  content:"";
  position:absolute;
  z-index:5;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:linear-gradient(180deg,rgb(var(--picker-rgb)),rgba(var(--picker-rgb),.08));
  box-shadow:0 0 13px rgba(var(--picker-rgb),.4);
}
.m2-picker-option::after{
  content:"";
  position:absolute;
  z-index:6;
  inset:-60% auto -60% -42%;
  width:23%;
  background:linear-gradient(90deg,transparent,rgba(255,230,184,.13),transparent);
  transform:skewX(-18deg);
  transition:left .72s ease;
  pointer-events:none;
}
.m2-picker-option:hover{
  transform:translateY(-5px);
  border-color:rgba(var(--picker-rgb),.54)!important;
  box-shadow:inset 0 0 0 1px rgba(255,225,170,.025),0 24px 43px rgba(0,0,0,.4),0 0 25px rgba(var(--picker-rgb),.1);
  filter:brightness(1.05);
}
.m2-picker-option:hover::after{left:130%}
.m2-picker-image{position:relative;isolation:isolate;display:block;min-height:156px;overflow:hidden;border-right:1px solid rgba(211,159,87,.12);background:#080706}
.m2-picker-image::before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(6,5,4,.04),rgba(6,5,4,.04) 55%,rgba(8,7,6,.67)),linear-gradient(180deg,transparent 48%,rgba(7,6,5,.55));pointer-events:none}
.m2-picker-image img{width:100%;height:100%;object-fit:cover;object-position:center 24%;filter:saturate(.8) contrast(1.04) brightness(.8);transform:scale(1.03);transition:transform .65s cubic-bezier(.2,.75,.2,1),filter .45s ease}
.m2-picker-option:hover .m2-picker-image img{transform:scale(1.1) translateX(1.5%);filter:saturate(1) contrast(1.04) brightness(.98)}
.m2-picker-image>i{position:absolute;z-index:3;inset:8px;border:1px solid rgba(255,224,167,.12);pointer-events:none}
.m2-picker-image>b{position:absolute;z-index:4;left:13px;top:13px;min-width:29px;padding:6px 7px;border:1px solid rgba(241,191,102,.26);background:rgba(7,6,5,.78);color:#efc578;font:700 8px/1 Georgia,serif;letter-spacing:1px;text-align:center}
.m2-picker-copy{position:relative;display:flex;min-width:0;flex-direction:column;justify-content:center;padding:22px 46px 22px 21px;overflow:hidden}
.m2-picker-copy::after{content:"選";position:absolute;right:8px;bottom:-11px;color:rgba(229,178,94,.04);font:73px/1 "Noto Serif SC",serif;pointer-events:none}
.m2-picker-copy small{position:relative;z-index:2;margin-bottom:8px;color:rgb(var(--picker-rgb));font:800 7px/1 Inter,Arial,sans-serif;letter-spacing:1.7px}
.m2-picker-copy strong{position:relative;z-index:2;margin-bottom:8px;color:#f3e5d0;font:600 19px/1.2 Georgia,serif;transition:color .28s ease,transform .28s ease}
.m2-picker-option:hover .m2-picker-copy strong{color:#fff0d8;transform:translateX(2px)}
.m2-picker-copy em{position:relative;z-index:2;color:#8f8477;font:400 9px/1.5 Inter,Arial,sans-serif;font-style:normal}
.m2-picker-copy>i{position:absolute;z-index:3;right:17px;top:50%;width:28px;height:28px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid rgba(var(--picker-rgb),.25);background:rgba(var(--picker-rgb),.05);color:#e9bd72;font-style:normal;transition:transform .28s ease,background .28s ease,border-color .28s ease}
.m2-picker-option:hover .m2-picker-copy>i{transform:translate(4px,-50%);background:rgba(var(--picker-rgb),.14);border-color:rgba(var(--picker-rgb),.5)}
.m2-picker-foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:17px;padding-top:15px;border-top:1px solid rgba(208,158,84,.11);color:#817568;font-size:8px}
.m2-picker-foot>span{display:flex;align-items:center;gap:8px}
.m2-picker-foot>span i{width:6px;height:6px;border-radius:50%;background:#d29c50;box-shadow:0 0 0 4px rgba(210,156,80,.07),0 0 11px rgba(210,156,80,.42)}
.m2-picker-foot>b{color:#9d794a;font:800 7px/1 Inter,Arial,sans-serif;letter-spacing:1.55px}

@keyframes m2PickerCardEnter{from{opacity:0;transform:translateY(26px) scale(.965);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes m2PickerOptionEnter{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes m2PickerSealPulse{0%,100%{transform:translateY(0);filter:brightness(1)}50%{transform:translateY(-3px);filter:brightness(1.14)}}

@media(max-width:1040px){
  .m2-server-heading>.m2-section-banner{padding-right:244px!important}
  .m2-server-heading .m2-banner-kanji{right:224px!important}
  .m2-server-add-slot{width:212px}
  .m2-server-add-btn strong{font-size:13px}
  .m2-server-picker-card{width:min(100%,880px)!important;padding:32px 28px 25px!important}
  .m2-picker-option{grid-template-columns:142px minmax(0,1fr)}
  .m2-picker-copy strong{font-size:17px}
}
@media(max-width:760px){
  .m2-server-heading>.m2-section-banner{
    min-height:151px!important;
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    align-content:start!important;
    padding:12px 12px 11px!important;
  }
  .m2-server-heading .m2-banner-kanji{right:18px!important;top:10px!important;font-size:39px!important;opacity:.12!important}
  .m2-server-add-slot{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    grid-column:1/-1;
    width:100%!important;
    height:58px;
    margin-top:11px;
  }
  .m2-server-add-btn{height:58px!important;grid-template-columns:37px minmax(0,1fr) 17px!important}
  .m2-server-picker-card{width:100%!important;max-width:680px!important;padding:30px 18px 22px!important}
  .m2-picker-head{grid-template-columns:62px minmax(0,1fr);gap:15px;padding:0 35px 18px 0;margin-bottom:17px}
  .m2-picker-seal{width:58px;height:58px}.m2-picker-seal span{font-size:26px}
  .m2-picker-head h2{font-size:24px!important}.m2-picker-head p{font-size:9.5px!important}
  .m2-picker-grid{grid-template-columns:1fr;gap:10px}
  .m2-picker-option{min-height:126px;grid-template-columns:132px minmax(0,1fr)}
  .m2-picker-image{min-height:126px}
  .m2-picker-copy{padding:17px 42px 17px 17px}
  .m2-picker-copy strong{font-size:17px}.m2-picker-copy em{font-size:8.5px}
  .m2-picker-foot{align-items:flex-start;flex-direction:column;gap:9px}
}
@media(max-width:470px){
  .m2-server-heading>.m2-section-banner{min-height:150px!important;padding:12px 10px 10px!important}
  .m2-server-add-slot{height:56px}
  .m2-server-add-btn{height:56px!important;padding:8px 10px!important}
  .m2-server-picker-card{padding:27px 12px 18px!important}
  .m2-picker-head{grid-template-columns:49px minmax(0,1fr);gap:11px;padding-right:28px}
  .m2-picker-seal{width:46px;height:46px}.m2-picker-seal span{font-size:21px}
  .m2-picker-head h2{font-size:21px!important}.m2-picker-head p{font-size:9px!important;line-height:1.5!important}
  .m2-picker-option{grid-template-columns:105px minmax(0,1fr);min-height:116px}
  .m2-picker-image{min-height:116px}
  .m2-picker-copy{padding:14px 36px 14px 13px}
  .m2-picker-copy small{font-size:6px;letter-spacing:1.1px}
  .m2-picker-copy strong{font-size:14px;margin-bottom:6px}
  .m2-picker-copy em{font-size:7.5px;line-height:1.35}
  .m2-picker-copy>i{right:9px;width:24px;height:24px}
  .m2-picker-foot>b{display:none}
}
@media(prefers-reduced-motion:reduce){
  .m2-server-picker-modal.is-open .m2-server-picker-card,
  .m2-server-picker-modal.is-open .m2-picker-option,
  .m2-picker-seal{animation:none!important;opacity:1!important;transform:none!important}
}


/* M2D PVP SIDEBAR ICONS · 20260802 */
.nav-group-pvp .m2-realm-seal--pvp{
  background:
    radial-gradient(circle at 15% 50%,rgba(196,69,43,.18),transparent 34%),
    linear-gradient(120deg,rgba(126,32,27,.28),rgba(198,154,85,.055));
  border-color:rgba(205,78,52,.38);
}
.nav-group-pvp .m2-realm-seal--pvp .m2-seal-kanji{
  color:#e06f4c;
  border-color:rgba(223,102,70,.48);
  background:linear-gradient(145deg,rgba(161,42,31,.38),rgba(77,22,18,.42));
  box-shadow:inset 0 0 0 3px rgba(0,0,0,.22),0 0 18px rgba(196,60,40,.17);
}
.nav-group-pvp .m2-realm-seal--pvp > i{
  background:#e0a661;
  box-shadow:0 0 12px #c74d35;
}
.nav-link--pvp{
  --pvp-icon:#c89b58;
  --pvp-glow:rgba(200,155,88,.28);
}
.nav-link--pvp svg{
  width:19px!important;
  height:19px!important;
  stroke:var(--pvp-icon)!important;
  filter:drop-shadow(0 0 5px var(--pvp-glow));
}
.nav-link--pvp::after{
  background:linear-gradient(var(--pvp-icon),#7e2a24)!important;
  box-shadow:0 0 12px var(--pvp-glow)!important;
}
.nav-link--pvp:hover svg,
.nav-link--pvp.active svg{
  stroke:#ffe0a2!important;
  filter:drop-shadow(0 0 8px var(--pvp-glow));
}
.nav-link--pvp-tr{--pvp-icon:#dc7654;--pvp-glow:rgba(220,118,84,.42)}
.nav-link--pvp-farm{--pvp-icon:#a4b875;--pvp-glow:rgba(164,184,117,.35)}
.nav-link--pvp-easy{--pvp-icon:#e0ad55;--pvp-glow:rgba(224,173,85,.42)}
.nav-link--pvp-ws{--pvp-icon:#ba8ed7;--pvp-glow:rgba(186,142,215,.36)}

/* =========================================================
   M2D PVP CATEGORY LIST V6 · 15 / 16 / 17 / 18
   Reference-complete server cards: facts + homepage/Discord/like/detail
   ========================================================= */
.m2-pvp-list{
  grid-template-columns:1fr!important;
  gap:18px!important;
  scroll-margin-top:95px;
}
.m2-pvp-category-intro{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:76px minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  min-height:116px;
  margin:0 0 18px;
  padding:18px 20px;
  overflow:hidden;
  border:1px solid rgba(202,150,78,.24);
  background:
    radial-gradient(circle at 8% 50%,rgba(169,46,37,.2),transparent 29%),
    linear-gradient(110deg,rgba(36,24,17,.98),rgba(14,11,9,.98) 64%,rgba(28,17,13,.98));
  box-shadow:0 18px 48px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,219,157,.025);
  clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));
}
.m2-pvp-category-intro::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.22;
  background:
    url('../assets/oriental-pattern.svg') right -30px center/300px auto no-repeat,
    linear-gradient(90deg,transparent,rgba(216,168,91,.08),transparent);
}
.m2-pvp-category-intro::after{
  content:"龍 戦 武";
  position:absolute;
  right:245px;
  top:50%;
  z-index:-1;
  transform:translateY(-50%);
  font-family:"Noto Serif SC",serif;
  font-size:54px;
  letter-spacing:14px;
  color:rgba(238,191,112,.035);
  white-space:nowrap;
}
.m2-pvp-category-intro__seal{
  position:relative;
  width:66px;
  height:66px;
  display:grid;
  place-items:center;
  border:1px solid rgba(227,159,78,.5);
  background:linear-gradient(145deg,rgba(151,44,31,.88),rgba(67,20,17,.95));
  box-shadow:inset 0 0 0 5px rgba(0,0,0,.2),0 0 26px rgba(177,52,35,.22);
  transform:rotate(-3deg);
}
.m2-pvp-category-intro__seal::before,.m2-pvp-category-intro__seal::after{
  content:"";position:absolute;width:12px;height:12px;border-color:rgba(255,217,146,.62)
}
.m2-pvp-category-intro__seal::before{left:4px;top:4px;border-left:1px solid;border-top:1px solid}
.m2-pvp-category-intro__seal::after{right:4px;bottom:4px;border-right:1px solid;border-bottom:1px solid}
.m2-pvp-category-intro__seal span{font-family:"Noto Serif SC",serif;font-size:31px;color:#f3c67d;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.m2-pvp-category-intro__seal i{position:absolute;right:-5px;bottom:-5px;width:10px;height:10px;border-radius:50%;background:#d5a85d;box-shadow:0 0 15px #cf4e35}
.m2-pvp-category-intro__copy{min-width:0}
.m2-pvp-category-intro__copy small{display:block;margin-bottom:5px;color:#a97948;font-size:7.5px;font-weight:900;letter-spacing:2.1px}
.m2-pvp-category-intro__copy strong{display:block;color:#f2e4cf;font-family:Georgia,serif;font-size:22px;font-weight:500;letter-spacing:.15px}
.m2-pvp-category-intro__copy p{margin:7px 0 0;color:#8f867a;font-size:10px;line-height:1.55}
.m2-pvp-category-intro__actions{display:flex;align-items:center;gap:8px}
.m2-pvp-category-intro__actions button,.m2-pvp-category-intro__actions a{
  min-height:47px;display:inline-flex;align-items:center;gap:9px;padding:0 14px;border:1px solid rgba(205,149,76,.2);background:rgba(255,255,255,.025);color:#bcb09f;cursor:pointer;transition:.22s ease
}
.m2-pvp-category-intro__actions button{border-color:rgba(207,83,54,.4);background:linear-gradient(135deg,rgba(154,43,32,.72),rgba(87,25,20,.82));color:#fff0d9}
.m2-pvp-category-intro__actions span{font-size:17px;color:#e4b565}.m2-pvp-category-intro__actions b{font-size:9px;letter-spacing:.7px;white-space:nowrap}
.m2-pvp-category-intro__actions button:hover,.m2-pvp-category-intro__actions a:hover{transform:translateY(-2px);border-color:rgba(230,175,94,.5);box-shadow:0 10px 24px rgba(0,0,0,.3)}

.m2-pvp-row{
  --pvp-accent:#d15b3e;
  --pvp-accent-rgb:209,91,62;
  position:relative;
  isolation:isolate;
  min-width:0;
  min-height:320px;
  display:grid;
  grid-template-columns:250px minmax(0,1fr) 180px;
  overflow:hidden;
  border:1px solid rgba(211,160,86,.22);
  background:
    radial-gradient(circle at 0 50%,rgba(var(--pvp-accent-rgb),.12),transparent 28%),
    linear-gradient(105deg,rgba(39,25,18,.97),rgba(13,10,8,.985) 48%,rgba(24,15,12,.98));
  box-shadow:0 18px 46px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,220,162,.018);
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));
}
.m2-pvp-row::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.16;
  background:url('../assets/oriental-pattern.svg') right -80px center/320px auto no-repeat;
  pointer-events:none;
}
.m2-pvp-row::after{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:1px;
  z-index:5;
  background:linear-gradient(90deg,transparent,var(--pvp-accent),rgba(245,195,119,.75),transparent);
  box-shadow:0 0 14px rgba(var(--pvp-accent-rgb),.28);
  pointer-events:none;
}
.m2-pvp-row--tr{--pvp-accent:#d65f45;--pvp-accent-rgb:214,95,69}
.m2-pvp-row--farm{--pvp-accent:#91ad64;--pvp-accent-rgb:145,173,100}
.m2-pvp-row--easy{--pvp-accent:#d49b43;--pvp-accent-rgb:212,155,67}
.m2-pvp-row--ws{--pvp-accent:#9d6cca;--pvp-accent-rgb:157,108,202}
.m2-pvp-pinned{position:absolute;z-index:8;left:9px;top:8px;padding:5px 8px;border:1px solid rgba(255,210,132,.22);background:rgba(53,20,14,.9);color:#ebbf77;font-size:6px;font-weight:900;letter-spacing:1px;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.m2-pvp-pinned span{color:var(--pvp-accent)}

.m2-pvp-facts{
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:17px 14px 14px;
  border-right:1px solid rgba(211,160,86,.12);
  background:linear-gradient(180deg,rgba(var(--pvp-accent-rgb),.065),rgba(0,0,0,.11));
  overflow:hidden;
}
.m2-pvp-facts::after{
  content:"戦";
  position:absolute;
  right:-12px;
  bottom:-22px;
  z-index:0;
  color:rgba(var(--pvp-accent-rgb),.045);
  font-family:"Noto Serif SC",serif;
  font-size:112px;
  line-height:1;
  pointer-events:none;
}
.m2-pvp-facts>*{position:relative;z-index:1}
.m2-pvp-facts__head{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:11px;padding-bottom:11px;border-bottom:1px solid rgba(219,166,91,.14)}
.m2-pvp-type-seal{position:relative;width:70px;height:66px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(var(--pvp-accent-rgb),.5);background:radial-gradient(circle at 50% 42%,rgba(var(--pvp-accent-rgb),.16),rgba(7,6,5,.82) 72%);box-shadow:inset 0 0 0 4px rgba(0,0,0,.24),0 0 22px rgba(var(--pvp-accent-rgb),.15)}
.m2-pvp-type-seal::before,.m2-pvp-type-seal::after{content:"";position:absolute;z-index:3;width:11px;height:11px;border-color:rgba(255,218,150,.48)}
.m2-pvp-type-seal::before{left:4px;top:4px;border-left:1px solid;border-top:1px solid}.m2-pvp-type-seal::after{right:4px;bottom:4px;border-right:1px solid;border-bottom:1px solid}
.m2-pvp-type-seal img{position:relative;z-index:2;width:61px;height:58px;display:block;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(0,0,0,.58)) drop-shadow(0 0 8px rgba(var(--pvp-accent-rgb),.2));transition:transform .28s ease,filter .28s ease}.m2-pvp-row:hover .m2-pvp-type-seal img{transform:scale(1.055) rotate(-1deg);filter:drop-shadow(0 5px 8px rgba(0,0,0,.62)) drop-shadow(0 0 12px rgba(var(--pvp-accent-rgb),.3))}.m2-pvp-type-seal__text,.m2-pvp-type-seal i{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.m2-pvp-facts__title{min-width:0}.m2-pvp-facts__title small{display:block;margin-bottom:6px;color:#9a8062;font-size:8px;font-weight:900;letter-spacing:1.5px}.m2-pvp-facts__title strong{display:block;color:#ead8bd;font-size:11px;font-weight:800;line-height:1.4;white-space:normal;text-shadow:0 1px 8px rgba(0,0,0,.45)}
.m2-pvp-specs{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
.m2-pvp-spec{min-width:0;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;min-height:36px;padding:6px 8px;border:1px solid rgba(215,163,88,.11);background:linear-gradient(90deg,rgba(255,255,255,.022),rgba(255,255,255,.008));box-shadow:inset 2px 0 0 rgba(var(--pvp-accent-rgb),.08)}
.m2-pvp-spec>span:last-child{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.m2-pvp-spec small{display:block;min-width:0;color:#a19483;font-size:8.5px;font-weight:800;line-height:1.25;white-space:nowrap}.m2-pvp-spec b{display:block;min-width:0;margin:0;color:#ead8bc;font-size:10px;font-weight:900;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;text-shadow:0 1px 7px rgba(0,0,0,.45)}
.m2-pvp-spec__icon{width:20px;height:20px;display:grid;place-items:center;color:#e2b869;font-size:13px;filter:drop-shadow(0 0 6px rgba(210,151,67,.3))}
.m2-pvp-spec__mark{width:18px;height:18px;display:grid;place-items:center;border-radius:3px;background:#776b5c;color:#19120d;font-style:normal;font-size:11px;font-weight:900;box-shadow:0 0 0 3px rgba(255,255,255,.022)}
.m2-pvp-spec__mark::before{content:"·"}.m2-pvp-spec.is-positive .m2-pvp-spec__mark{background:#79a35d;color:#eef7e8;box-shadow:0 0 10px rgba(121,163,93,.25)}.m2-pvp-spec.is-positive .m2-pvp-spec__mark::before{content:"✓"}.m2-pvp-spec.is-positive b{color:#9fbd82}
.m2-pvp-spec.is-negative .m2-pvp-spec__mark{background:#a64336;color:#ffe5dc;box-shadow:0 0 10px rgba(166,67,54,.22)}.m2-pvp-spec.is-negative .m2-pvp-spec__mark::before{content:"×"}.m2-pvp-spec.is-negative b{color:#c87568}
.m2-pvp-spec.is-unknown .m2-pvp-spec__mark{background:#6e6255;color:#ddd0bf}.m2-pvp-spec.is-unknown .m2-pvp-spec__mark::before{content:"?"}
.m2-pvp-like-summary{width:max-content;max-width:100%;min-height:35px;margin-top:10px;padding:0 11px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(112,149,78,.3);background:linear-gradient(135deg,rgba(94,129,65,.18),rgba(0,0,0,.13));color:#c8dda8;cursor:pointer;transition:.2s ease}
.m2-pvp-like-summary svg{width:15px;height:15px;fill:currentColor}.m2-pvp-like-summary span{font-size:9px;font-weight:800}.m2-pvp-like-summary b{color:#edf7dd;font-size:10px}.m2-pvp-like-summary:hover,.m2-pvp-like-summary.is-liked{transform:translateY(-1px);border-color:rgba(130,179,87,.52);box-shadow:0 7px 17px rgba(0,0,0,.25),0 0 14px rgba(111,155,74,.1)}
.m2-pvp-category-tag{min-height:36px;margin-top:7px;padding:7px 9px;display:flex;align-items:center;gap:7px;border:1px solid rgba(var(--pvp-accent-rgb),.26);background:rgba(var(--pvp-accent-rgb),.09);color:#dec49c;font-size:9px;font-weight:900;line-height:1.35}.m2-pvp-category-tag span{color:var(--pvp-accent);font-size:11px}
.m2-pvp-live{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:9px;color:#93a77c;font-size:7.5px;font-weight:900;letter-spacing:1.15px}.m2-pvp-live i{width:7px;height:7px;border-radius:50%;background:#83a56b;box-shadow:0 0 0 4px rgba(131,165,107,.08),0 0 11px rgba(131,165,107,.55);animation:m2PvpPulse 1.8s ease-in-out infinite}

.m2-pvp-center{min-width:0;padding:17px 18px 15px}
.m2-pvp-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:11px}
.m2-pvp-head__copy{min-width:0}.m2-pvp-head__copy small{display:block;margin-bottom:3px;color:var(--pvp-accent);font-size:6.5px;font-weight:900;letter-spacing:1.8px}.m2-pvp-head h3{margin:0;font-family:Georgia,serif;font-size:19px;font-weight:500;line-height:1.18;color:#f2e5d2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m2-pvp-head h3 a:hover{color:#ffd99d}
.m2-pvp-head__meta{flex:0 0 auto;display:flex;align-items:center;gap:7px}.m2-pvp-head__meta span{display:flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid rgba(216,162,87,.09);background:rgba(255,255,255,.012);color:#756c62;font-size:6px;white-space:nowrap}.m2-pvp-head__meta svg{width:11px;height:11px;fill:none;stroke:var(--pvp-accent);stroke-width:1.5}
.m2-pvp-banner{position:relative;display:block;height:170px;overflow:hidden;background:#080706;border:1px solid rgba(226,178,104,.15);box-shadow:inset 0 0 24px rgba(0,0,0,.42)}
.m2-pvp-banner>img,.m2-pvp-banner__image,.m2-pvp-banner__image>img,.m2-pvp-banner__image picture,.m2-pvp-banner__image picture img{width:100%!important;height:100%!important;display:block;object-fit:cover!important}
.m2-pvp-banner>img,.m2-pvp-banner__image>img,.m2-pvp-banner__image picture img{filter:saturate(.78) contrast(1.08);transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .45s ease}
.m2-pvp-banner:hover>img,.m2-pvp-banner:hover .m2-pvp-banner__image>img,.m2-pvp-banner:hover .m2-pvp-banner__image picture img{transform:scale(1.035);filter:saturate(.98) contrast(1.04)}
.m2-pvp-banner__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,7,6,.08),transparent 56%,rgba(8,7,6,.56)),linear-gradient(180deg,rgba(8,7,6,.14),transparent 43%,rgba(8,7,6,.5));pointer-events:none}
.m2-pvp-banner__pattern{position:absolute;inset:0;opacity:.1;background:url('../assets/oriental-pattern.svg') right -50px center/280px auto no-repeat;mix-blend-mode:screen;pointer-events:none}
.m2-pvp-banner__corners::before,.m2-pvp-banner__corners::after{content:"";position:absolute;width:23px;height:23px;border-color:rgba(244,197,122,.45)}
.m2-pvp-banner__corners::before{left:7px;top:7px;border-left:1px solid;border-top:1px solid}.m2-pvp-banner__corners::after{right:7px;bottom:7px;border-right:1px solid;border-bottom:1px solid}
.m2-pvp-banner__shine{position:absolute;inset:-40% auto -40% -35%;width:18%;background:linear-gradient(90deg,transparent,rgba(255,230,184,.24),transparent);transform:skewX(-19deg);transition:left .75s ease;pointer-events:none}.m2-pvp-banner:hover .m2-pvp-banner__shine{left:125%}
.m2-pvp-banner__cta{position:absolute;right:10px;bottom:10px;display:grid;grid-template-columns:auto 28px;column-gap:10px;align-items:center;padding:8px 9px 8px 11px;border:1px solid rgba(var(--pvp-accent-rgb),.36);background:rgba(14,10,8,.84);backdrop-filter:blur(7px);box-shadow:0 8px 22px rgba(0,0,0,.36);transform:translateY(3px);transition:.24s ease}.m2-pvp-banner:hover .m2-pvp-banner__cta{transform:none;border-color:rgba(var(--pvp-accent-rgb),.6)}
.m2-pvp-banner__cta small{grid-column:1;color:#8e7d69;font-size:5.5px;font-weight:900;letter-spacing:1.3px}.m2-pvp-banner__cta b{grid-column:1;color:#f2ddbd;font-size:8.5px}.m2-pvp-banner__cta i{grid-column:2;grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(var(--pvp-accent-rgb),.35);background:rgba(var(--pvp-accent-rgb),.12);color:var(--pvp-accent);font-style:normal}
.m2-pvp-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:13px;padding-top:11px}
.m2-pvp-summary__text{position:relative;min-width:0;color:#8e8579;font-size:9px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m2-pvp-summary__text img{display:none!important}.m2-pvp-brush{display:inline-block;width:20px;height:1px;margin:0 8px 3px 0;background:linear-gradient(90deg,var(--pvp-accent),transparent);box-shadow:0 0 8px rgba(var(--pvp-accent-rgb),.32)}
.m2-pvp-stats{display:flex;gap:6px}.m2-pvp-stats>span{min-width:71px;display:grid;grid-template-columns:17px auto;column-gap:5px;align-items:center;padding:6px 8px;border:1px solid rgba(211,160,86,.09);background:rgba(255,255,255,.013)}.m2-pvp-stats svg{grid-row:1/3;width:15px;height:15px;fill:none;stroke:var(--pvp-accent);stroke-width:1.5}.m2-pvp-stats b{color:#cbbda7;font-size:9px}.m2-pvp-stats small{color:#645d54;font-size:5.5px}

.m2-pvp-actions{display:flex;flex-direction:column;justify-content:center;gap:9px;padding:18px 13px;border-left:1px solid rgba(211,160,86,.1);background:linear-gradient(180deg,rgba(255,255,255,.008),rgba(var(--pvp-accent-rgb),.035))}
.m2-pvp-action{--action-rgb:164,111,65;position:relative;min-height:51px;width:100%;display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;border:1px solid rgba(var(--action-rgb),.28);border-radius:2px;background:linear-gradient(135deg,rgba(var(--action-rgb),.19),rgba(0,0,0,.16));color:#d8c8b4;text-align:left;transition:.22s ease;overflow:hidden;cursor:pointer;font:inherit;appearance:none}
.m2-pvp-action::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 10%,rgba(255,255,255,.08),transparent 86%);transform:translateX(-115%);transition:.45s ease}.m2-pvp-action:hover{transform:translateX(-3px);border-color:rgba(var(--action-rgb),.58);color:#fff0d7;box-shadow:0 8px 21px rgba(0,0,0,.25),0 0 17px rgba(var(--action-rgb),.08)}.m2-pvp-action:hover::before{transform:translateX(115%)}
.m2-pvp-action__icon{position:relative;z-index:1;width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(var(--action-rgb),.34);background:rgba(var(--action-rgb),.15);color:#f2dfc2}.m2-pvp-action__icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.m2-pvp-action--like .m2-pvp-action__icon svg{fill:currentColor;stroke:none}
.m2-pvp-action>span:not(.m2-pvp-action__icon){position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;gap:2px}.m2-pvp-action small{color:#85776a;font-size:5.3px;font-weight:900;letter-spacing:1px}.m2-pvp-action b{color:#eadbc5;font-size:8.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m2-pvp-action>i,.m2-pvp-action>em{position:relative;z-index:1;font-style:normal;color:#f0d1a4;font-size:10px}.m2-pvp-action>em{min-width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:rgba(0,0,0,.2);font-size:7px}
.m2-pvp-action--home{--action-rgb:70,153,84}.m2-pvp-action--discord{--action-rgb:202,151,44}.m2-pvp-action--like{--action-rgb:190,65,48}.m2-pvp-action--detail{--action-rgb:119,73,48;background:linear-gradient(135deg,rgba(113,64,38,.23),rgba(0,0,0,.17))}
.m2-pvp-action.is-disabled{opacity:.42;cursor:not-allowed;filter:saturate(.45)}.m2-pvp-action.is-disabled:hover{transform:none;border-color:rgba(var(--action-rgb),.28);box-shadow:none}.m2-pvp-action.is-disabled::before{display:none}
.m2-pvp-action.is-liked{animation:m2PvpLikePop .48s ease;border-color:rgba(224,103,77,.72);box-shadow:0 0 22px rgba(190,65,48,.17)}

@keyframes m2PvpPulse{0%,100%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.14)}}
@keyframes m2PvpLikePop{0%,100%{transform:none}45%{transform:scale(1.025)}}

@media(max-width:1180px){
  .m2-pvp-row{grid-template-columns:230px minmax(0,1fr) 166px}
  .m2-pvp-center{padding-left:14px;padding-right:14px}.m2-pvp-actions{padding-left:10px;padding-right:10px}
  .m2-pvp-category-intro{grid-template-columns:68px minmax(0,1fr)}.m2-pvp-category-intro__actions{grid-column:1/-1;justify-content:flex-end;margin-top:-5px}
  .m2-pvp-head__meta span:last-child{display:none}
}
@media(max-width:900px){
  .m2-pvp-row{grid-template-columns:220px minmax(0,1fr)}
  .m2-pvp-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:10px 12px;border-left:0;border-top:1px solid rgba(211,160,86,.1)}
  .m2-pvp-action{min-height:48px}.m2-pvp-action:hover{transform:translateY(-2px)}
}
@media(max-width:700px){
  .m2-pvp-category-intro{grid-template-columns:52px minmax(0,1fr);gap:12px;padding:14px}.m2-pvp-category-intro__seal{width:50px;height:50px}.m2-pvp-category-intro__seal span{font-size:23px}.m2-pvp-category-intro__copy strong{font-size:18px}.m2-pvp-category-intro__copy p{font-size:9px}.m2-pvp-category-intro__actions{justify-content:stretch}.m2-pvp-category-intro__actions>*{flex:1;justify-content:center;padding:0 8px!important}
  .m2-pvp-row{grid-template-columns:1fr;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
  .m2-pvp-facts{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:start;gap:12px;padding:14px;border-right:0;border-bottom:1px solid rgba(211,160,86,.1)}
  .m2-pvp-facts__head{grid-template-columns:64px minmax(0,1fr);margin:0;padding:0 12px 0 0;border-bottom:0;border-right:1px solid rgba(219,166,91,.11)}.m2-pvp-type-seal{width:62px;height:58px}.m2-pvp-type-seal img{width:54px;height:51px}.m2-pvp-facts__title strong{white-space:normal}
  .m2-pvp-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.m2-pvp-spec{min-height:36px}.m2-pvp-like-summary{grid-column:1;margin:0}.m2-pvp-category-tag{grid-column:2;margin:0}.m2-pvp-live{display:none}.m2-pvp-facts::after{font-size:75px}
  .m2-pvp-center{padding:13px}.m2-pvp-banner{height:150px}.m2-pvp-summary{grid-template-columns:1fr}.m2-pvp-stats{justify-content:flex-end}.m2-pvp-head h3{font-size:17px}.m2-pvp-head__meta{display:none}
  .m2-pvp-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.m2-pvp-action{min-height:49px}
}
@media(max-width:480px){
  .m2-pvp-category-intro{grid-template-columns:1fr;text-align:center}.m2-pvp-category-intro__seal{margin:auto}.m2-pvp-category-intro__actions{grid-column:1}.m2-pvp-category-intro__actions b{font-size:7.5px}.m2-pvp-category-intro::after{display:none}
  .m2-pvp-facts{grid-template-columns:1fr}.m2-pvp-facts__head{border-right:0;border-bottom:1px solid rgba(219,166,91,.11);padding:0 0 9px}.m2-pvp-specs{grid-template-columns:1fr 1fr}.m2-pvp-spec:nth-child(5){grid-column:1/-1}.m2-pvp-like-summary,.m2-pvp-category-tag{grid-column:auto}.m2-pvp-head h3{font-size:15.5px}.m2-pvp-banner{height:130px}.m2-pvp-banner__cta{right:7px;bottom:7px}.m2-pvp-summary__text{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.m2-pvp-stats{justify-content:stretch}.m2-pvp-stats>span{flex:1;min-width:0}.m2-pvp-actions{padding:8px;gap:7px}.m2-pvp-action small{display:none}
}
@media(prefers-reduced-motion:reduce){.m2-pvp-row{opacity:1;transform:none}.m2-pvp-live i{animation:none}.m2-pvp-banner__shine{display:none}.m2-pvp-action.is-liked{animation:none}}

/* =========================================================
   M2D PVP EMPTY CATEGORY V8 · 15 / 16 / 17 / 18
   Konu bulunmayan PVP kategorileri için Uzak Doğu temalı bildirim
   ========================================================= */
.m2-pvp-list:has(.m2-pvp-row) .m2-pvp-empty-state{display:none!important}
.m2-pvp-list.is-empty{display:block!important}
.m2-pvp-list.is-empty>.m2-pvp-engine-empty-hidden{display:none!important}

.m2-pvp-empty-state{
  --empty-accent:#d15b3e;
  --empty-accent-rgb:209,91,62;
  position:relative;
  isolation:isolate;
  min-height:340px;
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  align-items:center;
  gap:34px;
  padding:42px 54px;
  overflow:hidden;
  border:1px solid rgba(218,166,89,.28);
  background:
    radial-gradient(circle at 10% 50%,rgba(var(--empty-accent-rgb),.18),transparent 31%),
    radial-gradient(circle at 87% 38%,rgba(220,168,88,.07),transparent 24%),
    linear-gradient(115deg,rgba(43,26,19,.98),rgba(12,10,8,.99) 54%,rgba(28,17,13,.98));
  box-shadow:0 24px 64px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,226,168,.025);
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));
  animation:m2PvpEmptyReveal .65s cubic-bezier(.2,.75,.25,1) both;
}
.m2-pvp-empty-state--tr{--empty-accent:#d65f45;--empty-accent-rgb:214,95,69}
.m2-pvp-empty-state--farm{--empty-accent:#91ad64;--empty-accent-rgb:145,173,100}
.m2-pvp-empty-state--easy{--empty-accent:#d49b43;--empty-accent-rgb:212,155,67}
.m2-pvp-empty-state--ws{--empty-accent:#9d6cca;--empty-accent-rgb:157,108,202}
.m2-pvp-empty-state::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.24;
  background:
    url('../assets/oriental-pattern.svg') right -55px center/430px auto no-repeat,
    repeating-linear-gradient(90deg,transparent 0 88px,rgba(232,185,106,.018) 89px 90px);
  pointer-events:none;
}
.m2-pvp-empty-state::after{
  content:"無　空　静";
  position:absolute;
  right:34px;
  top:50%;
  z-index:-2;
  transform:translateY(-50%);
  color:rgba(var(--empty-accent-rgb),.055);
  font-family:"Noto Serif SC",serif;
  font-size:92px;
  letter-spacing:16px;
  line-height:1;
  white-space:nowrap;
  pointer-events:none;
}
.m2-pvp-empty-state__top-line{
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--empty-accent),#e7b96d,var(--empty-accent),transparent);
  box-shadow:0 0 18px rgba(var(--empty-accent-rgb),.38);
}
.m2-pvp-empty-state__seal{
  position:relative;
  width:132px;
  height:132px;
  display:grid;
  place-items:center;
  border:1px solid rgba(var(--empty-accent-rgb),.68);
  background:
    radial-gradient(circle at 50% 45%,rgba(var(--empty-accent-rgb),.27),rgba(11,8,7,.96) 68%),
    linear-gradient(145deg,rgba(var(--empty-accent-rgb),.19),transparent);
  box-shadow:inset 0 0 0 7px rgba(0,0,0,.28),inset 0 0 34px rgba(var(--empty-accent-rgb),.13),0 0 32px rgba(var(--empty-accent-rgb),.16);
  transform:rotate(-3deg);
  animation:m2PvpEmptySeal 4.2s ease-in-out infinite;
}
.m2-pvp-empty-state__seal::before,.m2-pvp-empty-state__seal::after{
  content:"";
  position:absolute;
  width:23px;
  height:23px;
  border-color:rgba(255,220,153,.62);
}
.m2-pvp-empty-state__seal::before{left:7px;top:7px;border-left:1px solid;border-top:1px solid}
.m2-pvp-empty-state__seal::after{right:7px;bottom:7px;border-right:1px solid;border-bottom:1px solid}
.m2-pvp-empty-state__seal span{
  color:#f0c77f;
  font-family:"Noto Serif SC",serif;
  font-size:64px;
  line-height:1;
  text-shadow:0 4px 18px rgba(0,0,0,.75),0 0 18px rgba(var(--empty-accent-rgb),.34);
}
.m2-pvp-empty-state__seal i{
  position:absolute;
  right:-7px;
  bottom:-7px;
  width:15px;
  height:15px;
  border:2px solid rgba(12,8,6,.88);
  border-radius:50%;
  background:var(--empty-accent);
  box-shadow:0 0 20px rgba(var(--empty-accent-rgb),.9);
  animation:m2PvpEmptyDot 1.8s ease-in-out infinite;
}
.m2-pvp-empty-state__copy{position:relative;z-index:2;max-width:680px}
.m2-pvp-empty-state__copy small{
  display:block;
  margin-bottom:10px;
  color:#b17d4f;
  font-size:8px;
  font-weight:900;
  letter-spacing:2.7px;
}
.m2-pvp-empty-state__copy h3{
  margin:0;
  color:#f1e1ca;
  font-family:Georgia,"Times New Roman",serif;
  font-size:30px;
  font-weight:500;
  line-height:1.22;
  text-shadow:0 2px 14px rgba(0,0,0,.6);
}
.m2-pvp-empty-state__copy p{
  max-width:650px;
  margin:13px 0 0;
  color:#9f9588;
  font-size:11px;
  line-height:1.8;
}
.m2-pvp-empty-state__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}
.m2-pvp-empty-state__actions button,.m2-pvp-empty-state__actions a{
  position:relative;
  min-width:176px;
  min-height:52px;
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  padding:0 14px;
  overflow:hidden;
  border:1px solid rgba(213,162,86,.24);
  background:rgba(255,255,255,.025);
  color:#d8c5aa;
  font:inherit;
  text-decoration:none;
  cursor:pointer;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.m2-pvp-empty-state__actions button::before,.m2-pvp-empty-state__actions a::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(105deg,transparent 14%,rgba(255,255,255,.09),transparent 82%);
  transform:translateX(-120%);
  transition:transform .52s ease;
}
.m2-pvp-empty-state__actions button:hover,.m2-pvp-empty-state__actions a:hover{
  transform:translateY(-3px);
  border-color:rgba(234,183,99,.55);
  box-shadow:0 13px 29px rgba(0,0,0,.32),0 0 18px rgba(var(--empty-accent-rgb),.1);
}
.m2-pvp-empty-state__actions button:hover::before,.m2-pvp-empty-state__actions a:hover::before{transform:translateX(120%)}
.m2-pvp-empty-state__actions span,.m2-pvp-empty-state__actions b,.m2-pvp-empty-state__actions i{position:relative;z-index:1}
.m2-pvp-empty-state__actions span{color:#f0c570;font-size:19px;text-align:center}
.m2-pvp-empty-state__actions b{font-size:9px;letter-spacing:.7px;white-space:nowrap}
.m2-pvp-empty-state__actions i{color:#c99e62;font-style:normal;font-size:12px}
.m2-pvp-empty-state__primary{
  border-color:rgba(var(--empty-accent-rgb),.52)!important;
  background:linear-gradient(135deg,rgba(var(--empty-accent-rgb),.64),rgba(74,26,20,.82))!important;
  color:#fff0da!important;
}
.m2-pvp-empty-state__secondary{background:linear-gradient(135deg,rgba(77,58,38,.35),rgba(13,10,8,.65))!important}
.m2-pvp-empty-state__ornament{
  position:absolute;
  left:54px;
  right:54px;
  bottom:20px;
  display:flex;
  align-items:center;
  gap:12px;
  color:rgba(226,180,99,.34);
  pointer-events:none;
}
.m2-pvp-empty-state__ornament span{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(224,173,91,.25),transparent)}
.m2-pvp-empty-state__ornament b{font-family:"Noto Serif SC",serif;font-size:13px;font-weight:400;letter-spacing:4px}
.m2-pvp-empty-state__mist{
  position:absolute;
  z-index:-1;
  width:440px;
  height:100px;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(221,183,117,.07),transparent 68%);
  filter:blur(15px);
  pointer-events:none;
}
.m2-pvp-empty-state__mist--one{left:-160px;bottom:10px;animation:m2PvpEmptyMistOne 8s ease-in-out infinite alternate}
.m2-pvp-empty-state__mist--two{right:-170px;top:18px;animation:m2PvpEmptyMistTwo 10s ease-in-out infinite alternate}

@keyframes m2PvpEmptyReveal{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes m2PvpEmptySeal{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(1deg) translateY(-6px)}}
@keyframes m2PvpEmptyDot{0%,100%{opacity:.62;transform:scale(.78)}50%{opacity:1;transform:scale(1.13)}}
@keyframes m2PvpEmptyMistOne{from{transform:translateX(-20px) scale(.94);opacity:.45}to{transform:translateX(150px) scale(1.12);opacity:.9}}
@keyframes m2PvpEmptyMistTwo{from{transform:translateX(35px) scale(1.05);opacity:.34}to{transform:translateX(-130px) scale(.92);opacity:.78}}

@media(max-width:800px){
  .m2-pvp-empty-state{grid-template-columns:112px minmax(0,1fr);gap:24px;min-height:320px;padding:34px 30px 48px}
  .m2-pvp-empty-state__seal{width:104px;height:104px}.m2-pvp-empty-state__seal span{font-size:49px}
  .m2-pvp-empty-state__copy h3{font-size:25px}
  .m2-pvp-empty-state__ornament{left:30px;right:30px}
  .m2-pvp-empty-state::after{font-size:67px;right:10px}
}
@media(max-width:560px){
  .m2-pvp-empty-state{grid-template-columns:1fr;text-align:center;gap:18px;min-height:0;padding:30px 18px 50px}
  .m2-pvp-empty-state__seal{width:90px;height:90px;margin:auto}.m2-pvp-empty-state__seal span{font-size:43px}
  .m2-pvp-empty-state__copy small{font-size:7px;letter-spacing:1.8px}.m2-pvp-empty-state__copy h3{font-size:22px}.m2-pvp-empty-state__copy p{font-size:10px;line-height:1.65}
  .m2-pvp-empty-state__actions{display:grid;grid-template-columns:1fr;margin-top:19px}.m2-pvp-empty-state__actions button,.m2-pvp-empty-state__actions a{width:100%;min-width:0}
  .m2-pvp-empty-state::after{font-size:52px;letter-spacing:7px;right:50%;transform:translate(50%,-50%)}
  .m2-pvp-empty-state__ornament{left:18px;right:18px;bottom:17px}
}
@media(prefers-reduced-motion:reduce){
  .m2-pvp-empty-state,.m2-pvp-empty-state__seal,.m2-pvp-empty-state__seal i,.m2-pvp-empty-state__mist{animation:none!important}
}