/* Mangocraft 1.9 — local assets, system fonts, progressive enhancement. */
:root,[data-theme=light] {
    --mg-paper:#fffaf2; --mg-surface:#fff; --mg-text:#382c24; --mg-muted:#85766a;
    --mg-line:#eee0ce; --mg-accent:#f39a27; --mg-soft:#fff0d8;
    --heo-background:var(--mg-paper)!important; --heo-card-bg:var(--mg-surface)!important;
    --heo-fontcolor:var(--mg-text)!important; --heo-secondtext:var(--mg-muted)!important;
    --heo-card-border:var(--mg-line)!important; --heo-main:#b85516!important; --heo-theme:#b85516!important;
    --mg-ink:var(--mg-text); --mg-shadow-soft:0 5px 20px #64371604;
    --global-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important;
}
[data-theme=dark] {
    --mg-paper:#231c18; --mg-surface:#30251e; --mg-text:#fff0da; --mg-muted:#c5b39f;
    --mg-line:#514031; --mg-soft:#3b2c21; --heo-main:#f4a365!important; --heo-theme:#f4a365!important;
}
body {background:var(--mg-paper)!important; color:var(--mg-text);font-family:var(--global-font-family);-webkit-font-smoothing:antialiased}
#web_bg {background:var(--mg-paper)}
button,a,input { -webkit-tap-highlight-color:transparent }
a:focus-visible,button:focus-visible,input:focus-visible {outline:3px solid var(--mg-accent)!important;outline-offset:5px}
.mg-skip-link {position:fixed;left:20px;top:-80px;z-index:100000;padding:12px 20px;background:var(--mg-surface);color:var(--mg-text);border-radius:8px}
.mg-skip-link:focus {top:12px}
#content-inner {scroll-margin-top:96px}
#page-header #nav,#page-header.nav-fixed #nav,#page-header.not-top-img #nav {height:76px!important;background:var(--mg-paper)!important;box-shadow:none!important;border-bottom:1px solid var(--mg-line)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#page-header #nav #nav-group {height:76px!important;max-width:1240px;padding:0 20px;gap:26px}
#page-header #nav #blog_name {flex:none;max-width:220px}
#page-header #nav #site-name {gap:9px!important;font-size:19px!important;letter-spacing:-.04em;font-weight:800!important}
#page-header #nav #site-name .site-logo-img {width:32px!important;height:32px!important;object-fit:contain}
#page-header #nav #site-name span {max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#page-header #nav #menus .menus_items .menus_item > a {font-size:13px!important;font-weight:550!important;padding:8px 11px!important;border-radius:7px!important}
#page-header #nav #menus .menus_items .menus_item > a[aria-current=page] {color:var(--heo-theme)!important;background:var(--mg-soft)!important}
#page-header #nav #nav-right {gap:6px}
#page-header #nav #nav-right .nav-button a {box-shadow:none!important;border-radius:50%!important;background:transparent!important}
#page-header #nav #page-name-mask {display:none!important}
@media(min-width:1001px){
    #page-header #nav #menus {position:static!important;transform:none!important;left:auto!important;margin-left:auto;max-width:none!important;height:76px!important}
    #page-header #nav #menus > .menus_items,#page-header #nav #menus > .menus_items > .menus_item {height:76px!important}
}
.mg-home-page #page-header.not-top-img {height:76px!important}
.mg-brand-home {width:min(1200px,calc(100% - 64px));margin:52px auto 0;padding:0;grid-template-columns:1fr 1fr;gap:42px 60px;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
.mg-brand-home::before {display:none}
.mg-brand-eyebrow {font-size:10px;font-weight:650;letter-spacing:.15em;color:var(--mg-muted);margin-bottom:26px}
.mg-brand-pixel {width:9px;height:9px;background:var(--mg-accent);box-shadow:none;border-radius:2px;transform:none}
.mg-brand-copy h1 {font-size:clamp(46px,5.2vw,72px);font-weight:800;line-height:1.22;letter-spacing:-.06em;margin:0;color:var(--mg-text)}
.mg-brand-copy h1 span {color:var(--mg-accent)}
.mg-brand-lead {font-size:15px;line-height:1.95;margin:24px 0 0;color:var(--mg-muted)}
.mg-brand-actions {margin-top:28px;gap:12px}
.mg-brand-button {min-height:48px;border-radius:9px;font-size:13px;padding:0 20px;gap:22px}
.mg-brand-button-primary {background:var(--mg-accent);color:#201e13!important;box-shadow:none}
.mg-brand-button-primary:hover {background:#f3964f;box-shadow:0 6px 18px #d8883129}
.mg-brand-button-quiet {background:transparent;border:1px solid var(--mg-line);color:var(--mg-text)!important}
.mg-brand-button span {font-size:20px;font-weight:400}
.mg-brand-note {margin-top:28px;color:var(--mg-muted);font-size:11px;display:flex;align-items:center;gap:8px}
.mg-brand-note > span {color:#bc741f;font-size:19px}
.mg-world-card {position:relative;min-width:0;isolation:isolate;align-self:stretch;min-height:460px;background:#3b241b;border-radius:16px;box-shadow:0 18px 42px #64371612}
.mg-world-image {position:absolute;width:100%;height:100%;inset:0;object-fit:cover;border-radius:16px;z-index:-1}
.mg-world-label {position:absolute;top:25px;left:26px;right:26px;color:#f9dbac;display:flex;gap:9px;align-items:center;font-size:9px;letter-spacing:.15em}
.mg-world-label > span:last-child {margin-left:auto;font-size:19px}
.mg-world-dot {width:6px;height:6px;border-radius:50%;background:#ffc761}
.mg-world-caption {position:absolute;bottom:27px;left:27px;right:27px;color:#ebc89c;display:flex;justify-content:space-between;align-items:end;font-size:12px;line-height:1.8}
.mg-world-caption strong {font-size:17px;font-weight:550;color:#fff1d9;letter-spacing:.06em}
.mg-world-coordinate {font-size:8px;letter-spacing:.1em;text-align:right}
.mg-world-sticker {position:absolute;right:-18px;bottom:98px;background:#fff4dc;color:#593919!important;padding:13px 19px 13px 13px;display:flex;align-items:center;gap:12px;border:4px solid var(--mg-paper);border-radius:12px;transform:rotate(-4deg);box-shadow:0 10px 30px #57271324;transition:transform .25s}
.mg-world-sticker:hover {transform:rotate(0) translateY(-3px)}
.mg-sticker-icon {display:grid;place-items:center;width:39px;height:39px;background:#ffe0a0;border-radius:8px;font-size:30px}
.mg-world-sticker small {display:block;font-size:9px;color:#947047;line-height:1.8}
.mg-world-sticker strong {font-size:12px;display:block}.mg-world-sticker strong span{padding-left:8px}
.mg-culture-grid {gap:0;margin:0;padding:28px 0;border-bottom:1px solid var(--mg-line);border-top:1px solid var(--mg-line)}
.mg-culture-item {border:0;border-radius:0;background:none;padding:0 26px;gap:16px;align-items:start}
.mg-culture-item:first-child {padding-left:0}.mg-culture-item + .mg-culture-item{border-left:1px solid var(--mg-line)}
.mg-culture-index {color:var(--mg-muted);font-size:11px;font-weight:400;line-height:2}
.mg-culture-item > div {flex:1}.mg-culture-item strong {font-size:15px;line-height:1.7;font-weight:650}.mg-culture-item strong span{float:right;color:var(--mg-muted);font-size:15px;font-weight:400;transition:transform .2s}
.mg-culture-item:hover strong span {transform:translate(2px,-2px);color:var(--mg-accent)}
.mg-culture-item p {font-size:11px;line-height:1.8;color:var(--mg-muted);margin-top:5px}
.layout {max-width:1240px;padding:0 20px;gap:26px}
.mg-home-page #home_top {width:min(1200px,calc(100% - 64px))}
.mg-home-page #content-inner {margin:42px auto 0;align-items:flex-start}
.mg-home-page #recent-posts {display:flex;flex-wrap:wrap;gap:22px;width:calc(100% - 286px);margin:0}
.mg-section-heading {width:100%;display:flex;align-items:center;justify-content:space-between;margin:0 0 3px}
.mg-section-kicker {font-size:9px;color:var(--mg-muted);letter-spacing:.17em}
.mg-section-heading h2 {font-size:28px;letter-spacing:-.045em;font-weight:750;line-height:1.4;margin:7px 0 0;color:var(--mg-text)}
.mg-heading-dot {color:var(--mg-accent);margin-left:3px}
.mg-section-heading > a {font-size:11px;color:var(--mg-muted);display:flex;gap:15px;align-items:center}
.mg-home-page #category-bar {width:100%;margin:0;padding:0 0 13px;background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;border-bottom:1px solid var(--mg-line)!important}
#category-bar .category-bar-item a {font-size:12px;padding:5px 12px;border-radius:6px;font-weight:500}
#category-bar .category-bar-item.select a {background:var(--mg-text)!important;color:var(--mg-paper)!important}
#recent-posts > .recent-post-item {border:1px solid var(--mg-line)!important;box-shadow:none!important;transition:transform .22s,border-color .22s,box-shadow .22s!important;border-radius:12px!important;overflow:hidden;background:var(--mg-surface)!important}
#recent-posts > .recent-post-item:hover {transform:translateY(-4px)!important;box-shadow:0 12px 28px #64371610!important;border-color:#e3b377!important}
.mg-home-page #recent-posts > .recent-post-item {width:calc((100% - 22px)/2)!important;display:flex!important;flex-direction:column!important;height:auto!important;min-height:0;margin:0!important;cursor:default}
.mg-home-page #recent-posts > .recent-post-item .post_cover {width:100%!important;height:auto!important;aspect-ratio:16/9;flex:none;border-radius:0!important}
.mg-home-page #recent-posts > .recent-post-item .post_cover a {display:block;height:100%}
.mg-home-page #recent-posts > .recent-post-item .post_cover img {width:100%;height:100%;object-fit:cover}
.mg-home-page #recent-posts > .recent-post-item > .recent-post-info {height:auto!important;min-height:190px!important;width:100%!important;padding:20px 21px 12px!important;flex:1}
.mg-home-page #recent-posts > .recent-post-item .recent-post-info-top {padding:0 0 12px!important;width:100%!important;position:static!important}
.mg-home-page #recent-posts > .recent-post-item .recent-post-info-top-tips {position:static!important;height:auto;min-height:17px;margin:0 0 9px;display:flex;align-items:center;gap:5px}
.mg-home-page #recent-posts .recent-post-info-top-tips .original {background:var(--mg-soft)!important;color:var(--mg-muted)!important;line-height:1.8;font-size:9px;padding:0 6px;border-radius:3px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mg-home-page #recent-posts .unvisited-post {display:none}
.mg-home-page #recent-posts > .recent-post-item .article-title {font-size:17px!important;line-height:1.65!important;margin:0 0 7px!important;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:auto!important;color:var(--mg-text)!important}
.mg-home-page #recent-posts > .recent-post-item .content {font-size:12px!important;line-height:1.8;max-height:3.6em;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--mg-muted)!important;opacity:1!important}
.mg-home-page #recent-posts > .recent-post-item > .recent-post-info > .article-meta-wrap {padding:10px 0 0!important;border-top:1px solid var(--mg-line);font-size:10px!important;min-height:30px;display:flex!important;gap:8px;justify-content:space-between;flex-wrap:wrap;color:var(--mg-muted)!important}
.mg-home-page #recent-posts .article-meta.tags {white-space:nowrap;overflow:hidden;max-width:65%;font-size:10px}
.mg-home-page #recent-posts .post-meta-date {margin-left:auto;font-size:10px;position:static}
.mg-home-page #aside-content {width:260px;max-width:260px;margin-top:111px}
.card-widget {border-radius:12px!important;box-shadow:none!important;border-color:var(--mg-line)!important}
.card-widget:hover {transform:none!important;box-shadow:none!important}
#aside-content > .card-widget::after {display:none}
#aside-content .card-info {background:var(--mg-soft)!important;color:var(--mg-text)!important}
#aside-content .card-info .author-info__name {color:var(--mg-text)!important}
#pagination {width:100%;margin:16px 0 0}#pagination .page-number,#pagination .extend {border-radius:8px!important;box-shadow:none!important}
#footer {margin-top:68px!important;background:var(--mg-soft)!important;border-top:1px solid var(--mg-line)}
#footer #footer-banner {background:none!important}#footer #footer-bar {padding:22px 20px}
/* Reading pages */
.post #page-header.post-bg {height:470px;background:#653b24}
.post #page-header #post-info {width:min(1160px,calc(100% - 64px));max-width:1160px;left:50%;transform:translateX(-50%);bottom:54px}
.post #post-info .post-title {font-size:clamp(28px,3.2vw,44px)!important;line-height:1.45;max-width:930px;letter-spacing:-.035em}
.post #post-info #post-meta {line-height:2;font-size:12px}
.post #coverdiv {opacity:.4}.post #coverdiv:after {background:linear-gradient(180deg,transparent,#3e251a)!important}
.post #content-inner {margin:32px auto 0;align-items:start}
#post {padding:42px!important;border:1px solid var(--mg-line)!important;border-radius:14px!important;box-shadow:none!important}
#article-container {font-size:16px!important;line-height:1.95!important;color:var(--mg-text);overflow-wrap:anywhere}
#article-container p {margin:0 0 1.4em;line-height:1.95}
#article-container h2 {font-size:26px;margin:1.8em 0 .8em;letter-spacing:-.02em;line-height:1.5}
#article-container h3 {font-size:20px;line-height:1.6;margin:1.6em 0 .7em}
#article-container img {height:auto;max-width:100%;border-radius:9px}
#article-container blockquote {padding:20px 24px;border-left:3px solid var(--mg-accent);background:var(--mg-soft);border-radius:0 8px 8px 0;color:var(--mg-text)}
#article-container pre {max-width:100%;overflow-x:auto}#article-container a:not(.tag-Link) {text-underline-offset:4px}
#about-page .author-info {margin-top:30px}#about-page .author-tag{box-shadow:none!important;border:1px solid var(--mg-line);background:var(--mg-surface)}
#about-page .author-content-item {border-radius:16px!important;box-shadow:none!important;border:1px solid var(--mg-line)}
/* Server landing page */
.mg-server-page {--server-ink:var(--mg-text);--server-muted:var(--mg-muted);--server-line:var(--mg-line);--server-panel:var(--mg-surface)}
.mg-server-page #page-header {height:76px}
.mg-server-main {width:min(1200px,calc(100% - 64px));margin:44px auto 0}
.mg-server-hero {grid-template-columns:1.05fr .95fr;min-height:475px;padding:44px 0 44px 44px;gap:28px;border-radius:16px;background:var(--mg-soft);border:1px solid var(--mg-line);box-shadow:none}
.mg-server-grid {display:none}
.mg-server-hero h1 {font-size:clamp(36px,4.2vw,58px);line-height:1.3;letter-spacing:-.055em;margin-top:22px}
.mg-server-hero p {font-size:14px;line-height:1.9;margin-top:22px}
.mg-server-kicker {font-size:9px;letter-spacing:.16em}
.mg-server-status-dot {animation:none;box-shadow:none;width:7px;height:7px}
.mg-server-actions {gap:10px;margin-top:25px;flex-direction:column;align-items:start}
.mg-server-primary {min-height:45px;padding:0 18px;font-size:12px;border-radius:8px;background:var(--mg-accent);box-shadow:none;white-space:normal}
.mg-server-primary.mg-server-secondary {background:transparent;border:1px solid var(--mg-line);color:var(--mg-text)!important}
.mg-server-hero-art {align-self:stretch;min-height:370px;height:auto;position:relative;overflow:hidden;border-radius:12px 0 0 12px;background:#3b241b;transform:none}
.mg-server-hero-art img.mg-server-landscape {position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;transform:none!important;filter:none;animation:none}
.mg-server-art-caption {position:absolute;bottom:22px;left:24px;color:#f9dbac;font-size:8px;letter-spacing:.15em}
.mg-server-connect {box-shadow:none;border-radius:12px;background:var(--mg-surface);margin-top:20px;gap:25px}
.mg-server-connect dl {gap:22px}.mg-server-connect dd {font-size:13px;overflow-wrap:anywhere}.mg-server-connect dt {font-size:10px}
.mg-copy-button {display:inline-flex;gap:7px;align-items:center;padding:4px 0;color:var(--heo-theme);background:none;border:0;font-size:10px;cursor:pointer;font-family:inherit}
.mg-server-stats {gap:16px;margin-top:20px}.mg-server-stat {border-radius:12px;box-shadow:none!important;background:var(--mg-surface);padding:24px}.mg-server-stat strong{font-size:34px}.mg-server-stat-label{font-size:12px}.mg-server-stat small{font-size:10px}
.mg-server-intro,.mg-server-timeline,.mg-server-apply {margin-top:64px}.mg-server-section-heading h2{font-size:28px;letter-spacing:-.03em}.mg-server-section-heading > span{font-size:9px;letter-spacing:.15em}.mg-server-section-heading p{font-size:13px;line-height:1.9}
.mg-server-feature {border-radius:12px;box-shadow:none;padding:26px}.mg-server-feature-main{background:var(--mg-soft)}.mg-server-feature h3{font-size:19px}.mg-server-feature p{font-size:12px}
.mg-server-apply-step {box-shadow:none;border-radius:12px}.mg-server-join{background:#743f22;color:#fff3df;border:0;border-radius:14px;box-shadow:none}.mg-server-join h2{color:#fff3df;font-size:27px}.mg-server-join p,.mg-server-join .mg-server-kicker{color:#f7d3a1}.mg-server-join > a{background:#e9b675;color:#55311d;border-radius:8px}
.mg-toast {position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:10000;background:var(--mg-text);color:var(--mg-paper);padding:11px 20px;border-radius:9px;box-shadow:0 6px 25px #0002;font-size:13px;max-width:calc(100vw - 32px);text-align:center}
@media(prefers-reduced-motion:no-preference){
    .mg-brand-copy {animation:mg-enter .65s ease-out both}.mg-world-card{animation:mg-enter .85s ease-out both}
    @keyframes mg-enter {from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
}
@media(max-width:1100px){
    .mg-brand-home{gap:32px}.mg-world-card{min-height:430px}.mg-brand-copy h1{font-size:58px}
    #page-header #nav #blog_name{max-width:170px}#page-header #nav #site-name span{max-width:125px}
    #page-header #nav #menus .menus_items .menus_item > a{padding:7px!important;font-size:12px!important}
    .mg-home-page #recent-posts{width:100%}.mg-home-page #aside-content{display:none}
}
@media(max-width:1000px){
    #page-header #nav #menus {display:none!important}#page-header #nav #nav-right{margin-left:auto}
    #page-header #nav #toggle-menu{display:flex!important}
    .mg-server-connect{align-items:start}.mg-server-connect dl{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}
}
@media(max-width:768px){
    #page-header #nav,#page-header.not-top-img #nav,#page-header.nav-fixed #nav,#page-header #nav #nav-group{height:64px!important}
    #page-header #nav #nav-group{padding:0 20px}#page-header #nav #site-name span{max-width:180px}#page-header #nav #blog_name{max-width:220px}
    .mg-home-page #page-header.not-top-img,.mg-server-page #page-header{height:64px!important}
    .mg-brand-home {width:calc(100% - 40px);margin-top:34px;grid-template-columns:1fr;gap:30px}
    .mg-brand-eyebrow{font-size:9px;margin-bottom:20px}.mg-brand-copy h1{font-size:56px;line-height:1.18}.mg-brand-lead{font-size:14px;margin-top:20px}
    .mg-brand-actions{gap:10px;margin-top:23px}.mg-brand-button{font-size:12px;min-height:46px;padding:0 15px;gap:12px}.mg-brand-note{margin-top:19px}
    .mg-world-card{min-height:360px;margin-right:8px}.mg-world-image{object-position:center 49%}.mg-world-sticker{right:-9px;bottom:75px;padding:9px 13px 9px 9px}.mg-world-caption strong{font-size:15px}.mg-world-label{font-size:8px}
    .mg-culture-grid{grid-template-columns:1fr;padding:4px 0;gap:0;margin-top:3px}.mg-culture-item,.mg-culture-item:first-child{padding:18px 0;gap:19px}.mg-culture-item + .mg-culture-item{border-left:0;border-top:1px solid var(--mg-line)}.mg-culture-item p{font-size:11px;margin-top:2px}.mg-culture-item strong{font-size:14px}
    .mg-home-page #home_top{width:calc(100% - 40px)}.layout{padding:0 20px!important;width:100%}.mg-home-page #content-inner{margin-top:30px}
    .mg-section-heading h2{font-size:26px}.mg-home-page #recent-posts{gap:18px}
    .mg-home-page #recent-posts > .recent-post-item{width:100%!important}.mg-home-page #recent-posts > .recent-post-item > .recent-post-info{min-height:185px!important}
    .post #page-header.post-bg{height:420px}.post #page-header #post-info{width:calc(100% - 40px);bottom:32px}.post #content-inner{margin-top:20px}#post{padding:24px 20px!important}#article-container{font-size:15px!important}#article-container h2{font-size:23px}
    .mg-server-main{width:calc(100% - 40px);margin-top:26px}.mg-server-hero{padding:26px;grid-template-columns:1fr;gap:28px;min-height:0}.mg-server-hero h1{font-size:39px}.mg-server-hero p{font-size:13px}.mg-server-hero-art{min-height:280px;border-radius:10px;margin:0 -12px -12px}.mg-server-hero-art img.mg-server-landscape{object-position:center 52%}
    .mg-server-connect{flex-direction:column;gap:18px;padding:22px}.mg-server-connect dl{width:100%;gap:18px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.mg-server-connect dd{font-size:12px}.mg-server-connect-title strong{font-size:18px}
    .mg-server-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mg-server-stat{padding:19px;min-height:148px}.mg-server-stat strong{font-size:28px}.mg-server-stat small{font-size:10px;line-height:1.6}
    .mg-server-section-heading h2{font-size:25px;line-height:1.5}.mg-server-feature-grid{grid-template-columns:1fr}.mg-server-feature{min-height:0}.mg-server-intro,.mg-server-timeline,.mg-server-apply{margin-top:44px}.mg-server-join h2{font-size:23px}
}
@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
/* Override legacy absolute action positioning so menus never sit under controls. */
#page-header #nav #nav-right {position:static!important;right:auto!important;flex:none!important;height:76px!important}
#page-header #nav #menus {flex-shrink:1}
#page-header #nav #menus > .menus_items {gap:0!important}
#page-header #nav #menus > .menus_items > .menus_item {margin:0!important}
#page-header #nav #menus > .menus_items > .menus_item > a[aria-current=page] {color:var(--heo-theme)!important;background:var(--mg-soft)!important}
@media(max-width:768px){#page-header #nav #nav-right{height:64px!important}}
.mg-home-page #content-inner.layout {width:min(1200px,calc(100% - 64px))!important;padding:0!important}
.mg-home-page #recent-posts > .recent-post-item .post_cover img.post_bg {object-fit:cover!important;margin:0!important;border-radius:0!important}
#aside-content .card-info .card-content {background:var(--mg-soft)!important}
#aside-content .card-info .author-info__description {color:var(--mg-muted)!important;font-size:13px;line-height:1.85}
#aside-content .card-info .author-info__sayhi {background:var(--mg-surface)!important;color:var(--mg-muted)!important;font-size:11px}
#aside-content .card-info .banner-button {background:var(--mg-text)!important;color:var(--mg-paper)!important;border-radius:8px!important;font-size:11px}
#aside-content .card-info .card-info-social-icons i {background:var(--mg-surface)!important;color:var(--mg-text)!important;width:30px!important;height:30px!important;font-size:14px!important}
#aside-content .card-info .card-info-social-icons .social-icon {margin-right:5px}
@media(max-width:768px){.mg-home-page #content-inner.layout{width:calc(100% - 40px)!important}}
#sidebar #sidebar-menus:not(.open) {visibility:hidden;box-shadow:none!important}
#sidebar #sidebar-menus.open {visibility:visible}
#sidebar #sidebar-menus {background:var(--mg-paper)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.mg-server-hero h1 {text-wrap:balance}
/* Reading header: neutral contrast, independent of extracted cover color. */
.post #page-header.post-bg {height:420px!important;background:#653b24!important;margin-bottom:0!important}
.post #page-header.post-bg::before {height:100%!important;background:linear-gradient(90deg,#4a2b1bf2,#4a2b1ba6)!important;z-index:1;animation:none!important}
.post #coverdiv {position:absolute;inset:0;width:100%;height:100%;opacity:.5;filter:saturate(.6)}
.post #coverdiv img {width:100%;height:100%!important;object-fit:cover;min-height:0!important}
.post #page-header #post-info {top:auto!important;bottom:54px;height:auto!important;padding:0!important;align-items:start;justify-content:end}
.post #post-info .post-title {width:auto!important;text-align:left!important;max-width:100%;overflow:visible;-webkit-line-clamp:unset;text-wrap:balance}
.post #page-header #post-info::after {display:none}
.post #content-inner.layout {width:min(1200px,calc(100% - 64px))!important;max-width:1200px!important;padding:0!important;gap:26px}
.post #post {min-width:0;flex:1}.post #aside-content{width:260px;max-width:260px;flex:none}
.post .main-hero-waves-area {display:none}
@media(max-width:768px){
    .post #page-header.post-bg{height:370px!important}.post #page-header #post-info{bottom:35px;width:calc(100% - 40px)}
    .post #content-inner.layout{width:calc(100% - 40px)!important}.post #post{width:100%!important}.post #aside-content{display:none}
}
.mg-server-connect dd .mg-server-address {display:block}
/* Text labels keep social links usable even if an optional icon service fails. */
#aside-content .card-info .card-info-social-icons .social-icon {padding:4px 7px;border-radius:5px;background:var(--mg-surface);color:var(--mg-text)!important}
#aside-content .card-info .card-info-social-icons .social-icon i {display:none!important}
#aside-content .card-info .card-info-social-icons .social-icon::after {content:attr(title);font-size:9px;line-height:1.5}
.post #coverdiv {z-index:0!important}
.post #coverdiv::before,.post #coverdiv::after {display:none!important}
.post #post {background:var(--mg-surface)!important}
@media(max-width:768px){
    .post #coverdiv{display:none!important}
    .post #page-header.post-bg::before{background:#653b24!important;opacity:1!important}
}
.post #post::before,.post #post::after{display:none!important}

/* 1.9.1: use a shared centerline instead of the legacy absolute menu links. */
#page-header #nav #nav-group {align-items:center!important}
#page-header #nav #menus > .menus_items > .menus_item {
    position:relative!important;inset:auto!important;transform:none!important;
    display:flex!important;align-items:center!important;justify-content:center;
    height:100%!important;margin:0!important;padding:0 2px!important;
}
#page-header #nav #menus > .menus_items > .menus_item > a.site-page {
    position:static!important;inset:auto!important;transform:none!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    height:40px!important;min-height:40px!important;margin:0!important;padding:0 12px!important;
    line-height:1!important;letter-spacing:.08em;
}
#page-header #nav #menus > .menus_items > .menus_item > a.site-page > span {
    position:static!important;inset:auto!important;transform:none!important;line-height:1!important;
}
#page-header #nav #nav-right {align-items:center!important;margin-right:0!important}

/* Default profile actions stay in document flow, including long social labels. */
#aside-content .card-info.mg-profile-card {
    display:flex!important;flex-direction:column;gap:16px;
    height:auto!important;min-height:0!important;padding:24px!important;
}
#aside-content .card-info.mg-profile-card > .card-content {
    position:static!important;inset:auto!important;transform:none!important;
    width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;
}
#aside-content .card-info.mg-profile-card .card-info-avatar {
    position:static!important;height:auto!important;margin:0!important;padding:0!important;
}
#aside-content .card-info.mg-profile-card .author-info__top-group {
    display:flex;align-items:center;justify-content:space-between;gap:12px;
}
#aside-content .card-info.mg-profile-card .avatar-img {
    position:static!important;inset:auto!important;width:28px!important;height:28px!important;
    margin:0!important;flex:none;object-fit:contain;
}
#aside-content .card-info.mg-profile-card .author-info__name {margin:0 0 12px!important;font-size:25px!important;line-height:1.3!important}
#aside-content .card-info.mg-profile-card .author-info__description {margin:0!important;font-size:12px!important;line-height:1.85!important}
#aside-content .card-info.mg-profile-card > .banner-button-group {
    position:static!important;inset:auto!important;transform:none!important;
    display:flex!important;width:100%!important;margin:4px 0 0!important;padding:0!important;
}
#aside-content .card-info.mg-profile-card .banner-button {
    position:static!important;inset:auto!important;transform:none!important;
    width:100%!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0 12px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:8px;line-height:1!important;
}
#aside-content .card-info.mg-profile-card .banner-button i {position:static!important;margin:0!important;line-height:1!important}
#aside-content .card-info.mg-profile-card > .card-info-social-icons {
    position:static!important;inset:auto!important;transform:none!important;
    display:flex!important;flex-wrap:wrap;align-items:center;justify-content:flex-start!important;
    width:100%!important;margin:0!important;padding:0!important;gap:8px;
}
#aside-content .card-info.mg-profile-card .card-info-social-icons .social-icon {
    position:static!important;inset:auto!important;transform:none!important;
    display:inline-flex!important;align-items:center;justify-content:center;
    flex:0 1 auto;width:auto!important;max-width:100%;height:auto!important;min-height:32px;
    margin:0!important;padding:7px 10px!important;border:1px solid var(--mg-line);line-height:1.4;
}
#aside-content .card-info.mg-profile-card .card-info-social-icons .social-icon::after {
    font-size:11px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;
}

/* 1.9.2: fixed SVG geometry avoids platform-dependent text-glyph baselines. */
.mg-world-sticker > .mg-sticker-icon {
    position:static!important;inset:auto!important;transform:none!important;
    display:grid!important;place-items:center;align-self:center;
    flex:0 0 44px;width:44px;height:44px;min-width:44px;
    margin:0!important;padding:0!important;line-height:0!important;
    background:#ffe0a0;color:#a65f16;border-radius:10px;
}
.mg-world-sticker > .mg-sticker-icon > svg {display:block;width:24px;height:24px;margin:0;overflow:visible}
.mg-server-page {--server-mint:#f7b73d;--server-cyan:#edb777;--server-purple:#bc8052}

/* 1.9.3: stable page geometry; video first, brand second. */
:root {--mg-nav-height:76px}
@media(max-width:768px){:root{--mg-nav-height:64px}}
#body-wrap.page:not(.mg-home-page):not(.mg-server-page) > #page-header.not-top-img {height:var(--mg-nav-height)!important;margin-bottom:0!important;flex-shrink:0}
#body-wrap.page:not(.mg-home-page):not(.mg-server-page) > #page-header.not-top-img + main {margin-top:0!important;padding-top:48px!important}
.post #page-header #post-info {left:0!important;right:0!important;margin-inline:auto!important;transform:none!important;animation:none!important;transition:none!important;text-align:left!important}
.post #page-header #post-info .post-title {animation:none!important;transform:none!important;transition:none!important;margin-inline:0!important}
.mg-home-page #page-header.full_page {height:100svh!important;min-height:520px;position:relative;background:#382c24}
.mg-home-page #page-header.full_page .pl-container {position:absolute;inset:0;animation:none;will-change:auto}
.mg-home-page #page-header.full_page #site-info {z-index:2;top:43%;text-shadow:0 2px 20px #0008}
.mg-home-page #page-header.full_page #site-title {font-size:clamp(36px,5vw,68px);color:white;animation:none}
.mg-home-page #page-header.full_page #site-title::after,.mg-home-page #page-header.full_page #site-subtitle::after {display:none}
.mg-home-page #page-header.full_page #site-subtitle {color:white;animation:none}
.mg-home-page #nav a.site-page,.mg-home-page #nav #site-name span {color:var(--mg-text)}
#mg-brand {scroll-margin-top:calc(var(--mg-nav-height) + 40px)}
.mg-world-light {position:absolute;inset:0;border-radius:16px;pointer-events:none;overflow:hidden;--mg-glow:#ffca65}
.mg-world-light::before {content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 73% 29%,#ffd47965,transparent 35%),linear-gradient(120deg,transparent 20%,#ffc06118 45%,transparent 65%);opacity:.65}
.mg-world-light::after {content:"";position:absolute;left:18%;top:22%;width:3px;height:3px;background:var(--mg-glow);border-radius:50%;box-shadow:85px 35px 2px var(--mg-glow),180px 140px 3px var(--mg-glow),30px 210px 1px var(--mg-glow),230px 80px 2px var(--mg-glow),130px 260px 2px var(--mg-glow)}
.mg-world-dot {box-shadow:0 0 12px #ffca65}
@keyframes mg-light-breathe {50%{opacity:1;transform:scale(1.04)}}
@keyframes mg-sparks-rise {50%{transform:translateY(-12px);opacity:.35}}
@media(prefers-reduced-motion:no-preference){
 .mg-world-light::before{animation:mg-light-breathe 7s ease-in-out infinite;animation-play-state:paused}
 .mg-world-light::after{animation:mg-sparks-rise 9s ease-in-out infinite;animation-play-state:paused}
 .mg-world-card.mg-in-view .mg-world-light::before,.mg-world-card.mg-in-view .mg-world-light::after{animation-play-state:running}
}
@media(dynamic-range:high){
 @supports(color:color(display-p3 1 .7 .25)){.mg-world-light{--mg-glow:color(display-p3 1 .7 .25)}}
 @supports(dynamic-range-limit:no-limit) and (color:color(srgb-linear 1.5 1 .3)){
  .mg-world-light{dynamic-range-limit:no-limit;--mg-glow:color(srgb-linear 1.5 1 .3)}
  .mg-world-dot{dynamic-range-limit:no-limit;background:color(srgb-linear 1.5 1 .3)}
 }
}
@media(max-width:768px){#body-wrap.page:not(.mg-home-page):not(.mg-server-page) > #page-header.not-top-img + main{padding-top:32px!important}}

/* Local-clock ambience; no location permission or weather service. */
.mg-world-card {--scene-center:#885d31;--scene-edge:#40291d;--scene-light:.65;--scene-stars:.4}
.mg-world-card[data-time=dawn] {--scene-center:#a0654c;--scene-edge:#49303a;--scene-light:.5;--scene-stars:.25}
.mg-world-card[data-time=day] {--scene-center:#9a723b;--scene-edge:#54351f;--scene-light:.8;--scene-stars:.12}
.mg-world-card[data-time=dusk] {--scene-center:#a04d29;--scene-edge:#49253b;--scene-light:.75;--scene-stars:.55}
.mg-world-card[data-time=night] {--scene-center:#3c3047;--scene-edge:#1e192a;--scene-light:.18;--scene-stars:1}
.mg-sky-center {stop-color:var(--scene-center);transition:stop-color 3s}
.mg-sky-edge {stop-color:var(--scene-edge);transition:stop-color 3s}
.mg-world-card .mg-world-light::before {opacity:var(--scene-light)}
.mg-world-card .mg-world-light::after {opacity:var(--scene-stars)}
.mg-scene-moon {opacity:0;transition:opacity 3s}
.mg-scene-sun {transition:opacity 3s}
[data-time=night] .mg-scene-moon {opacity:1}
[data-time=night] .mg-scene-sun {opacity:0}
[data-time=night] .mg-live-world {filter:brightness(.85)}
.mg-scene-time {position:absolute;left:26px;top:55px;color:#ffe4b6;font-size:10px;letter-spacing:.08em}
/* The parent previously painted a square cover-derived background behind the rounded card. */
.post #content-inner.layout {background:transparent!important;box-shadow:none!important}
.post #post {border-radius:16px!important;background-clip:padding-box!important;border:1px solid var(--mg-line)!important}
@keyframes mg-light-breathe {50%{opacity:calc(var(--scene-light, .65) * .75);transform:scale(1.04)}}
@keyframes mg-sparks-rise {50%{transform:translateY(-12px);opacity:calc(var(--scene-stars, 1) * .35)}}

/* Shared geometry: cards 16px, controls 10px, round avatars remain circular. */
:root {--mg-radius:16px;--mg-control-radius:10px}
#aside-content .card-widget,.recent-post-item,#page,#post,.mg-world-card,.mg-world-image,.mg-world-light,.mg-server-feature,.mg-server-step,.mg-server-join {border-radius:var(--mg-radius)!important}
.mg-brand-button,.mg-world-sticker,#aside-content .banner-button,#sidebar-menus .menu-child,#sidebar-menus .site-page,#sidebar-menu-close,#pagination .page-number,#pagination .extend {border-radius:var(--mg-control-radius)!important}
#sidebar #sidebar-menus {border-radius:var(--mg-radius) 0 0 var(--mg-radius)!important;background:var(--mg-paper)!important}
.mg-menu-toolbar {display:flex;align-items:center;justify-content:space-between;margin:0 0 20px;padding:0 0 16px;border-bottom:1px solid var(--mg-line);background:transparent!important}
.mg-menu-toolbar #sidebar-menu-close {position:static!important;display:grid;place-items:center;width:40px;height:40px;margin:0!important;background:var(--mg-surface)!important;color:var(--mg-text)!important;border:1px solid var(--mg-line)}
#footer {border-radius:0!important}
@media(max-width:768px){
 .post #page-header.post-bg {height:auto!important;min-height:0!important;padding:calc(var(--mg-nav-height) + 32px) 20px 32px!important}
 .post #page-header #post-info {position:relative!important;inset:auto!important;width:100%!important;height:auto!important;display:flex!important;align-items:flex-start!important;margin:0!important;padding:0!important}
 .post #post-info .post-title {display:block!important;font-size:26px!important;line-height:1.45!important;width:100%!important;text-wrap:wrap;overflow-wrap:anywhere;margin:16px 0!important}
 .post #post-firstinfo,.post #post-firstinfo .meta-firstline {justify-content:flex-start!important;align-items:center!important;flex-wrap:wrap;height:auto!important;margin:0!important;gap:6px}
 .post #post-info #post-meta,.post #post-meta .meta-secondline {display:flex!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:6px 10px;font-size:12px!important;text-align:left!important}
 .post #post-meta .meta-secondline>span {margin:0!important;white-space:normal}
}
.post #post-firstinfo {width:100%}
.post #post-firstinfo .post-meta-original,.post #post-firstinfo span.post-meta-categories {flex:0 0 auto!important;width:auto!important;height:28px!important;line-height:28px!important;margin:0!important;padding:0 10px!important;border-radius:var(--mg-control-radius)!important;font-size:12px!important}
.post #post-firstinfo .meta-firstline {gap:8px}

/* Keep the optional footer logo inside the copyright row. */
#footer .mg-footer-top {order:10;display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;margin:0;padding:4px;border:0;background:transparent;cursor:pointer;border-radius:10px}
#footer .mg-footer-top img {display:block;width:28px;height:28px;object-fit:contain;margin:0}
#footer .mg-footer-top:focus-visible {outline:2px solid var(--mg-accent);outline-offset:2px}
#footer_deal:not(:has(a,img)) {display:none}
#footer #footer-banner {margin-top:0;border-top:0}