
@media(min-width:900px){
#app .home-sections{max-width:1440px;padding:24px 3.1% 12px;margin:auto}
#app .campaign-strip{padding:12px 3.1%;gap:0;min-height:0;border:8px solid transparent;border-image:url(panel-frame.b05bc8f5b490.svg) 24 /8px/0 stretch}
#app .campaign-strip>a{min-height:64px;padding:0 24px}
#app .home-main-grid{width:100%;margin:0 0 22px;padding:0;grid-template-columns:minmax(0,405fr) minmax(0,474fr);gap:20px;align-items:end}
#app .home-news #home-news{margin-left:0;min-height:0;height:auto;padding:8px 14px}
#app .home-news .home-news-row{min-height:36px;padding:4px 0}
#app .home-game-intro{grid-template-columns:minmax(0,340fr) minmax(0,520fr);gap:22px;padding:0 0 20px;align-items:start}
#app .home-game-intro>div:first-child>p{font-size:14px;line-height:1.8;margin-bottom:14px;max-width:none;font-size:clamp(14px,1.25vw,18px)}
#app .home-game-intro>div:first-child>.intro-lead{font-size:16px;line-height:1.5;font-weight:600}
#app .home-game-intro>div:first-child{align-self:stretch;display:flex;flex-direction:column}
#app .home-game-intro>div:first-child>.button{margin:24px auto 0}
#app .home-game-visual{margin:0}
#app .home-game-visual .battle-scene-preview{aspect-ratio:520/200}
#app .home-game-visual .game-design-features{margin-top:8px;gap:8px}
#app .home-game-visual .game-design-features>a>.feature-art{aspect-ratio:175/78;margin-bottom:4px}
#app .home-game-visual .game-design-features h3{font-size:18px;margin-bottom:2px}
#app .home-game-visual .game-design-features p{font-size:12px}
#app .home-lower-grid{grid-template-columns:minmax(0,405fr) minmax(0,434fr);gap:22px;padding:0 0 16px}
#app .home-welfare .welfare-poster{min-height:176px;padding:16px 24px;gap:6px}
#app .home-welfare .welfare-poster>p{max-width:55%;line-height:1.5;text-wrap:balance}
#app .home-welfare .welfare-benefit-line{display:block}
#app .home-archive{padding:0 0 8px;margin:0}
#app .home-archive .archive-entry-grid>a{min-height:110px;border:1px solid #c9b18b;box-shadow:none}
#app .home-community{padding:0;margin:0}
#app .community-grid{gap:10px}
#app .community-grid>.ornate-panel{min-height:110px;border:1px solid #c9b18b;box-shadow:none;padding-top:8px;padding-bottom:8px}
#app .community-motto{margin:8px 0 0}
footer .footer-reference-layout{display:grid;grid-template-columns:140px minmax(0,1fr);gap:28px;align-items:center}
footer{background:#17181a;padding:24px 4%;min-height:0;font-family:Arial,"PingFang SC",sans-serif}
footer .footer-identity{display:block;color:#cabd9d;text-align:left}
footer .footer-identity .brand{font-size:24px}
footer .footer-identity p{font-size:12px;margin:8px 0}
footer .footer-reference-layout .footer-information p{margin:8px 0;font-size:13px;line-height:1.9}
footer .footer-reference-layout .footer-information p.footer-health{margin-top:12px;font-size:12px;line-height:1.8}
footer .footer-reference-layout .fcb{display:block}
footer .footer-reference-layout .fcs{display:none}
footer:before,footer:after{display:none}
footer{background-image:none}
#app .home-archive .archive-entry-grid>a,#app .community-grid>.ornate-panel,#app .home-news #home-news,#app .home-lower-grid #home-servers,#app .home-welfare .welfare-poster{border:8px solid transparent;border-image:url(panel-frame.b05bc8f5b490.svg) 24 /12px/0 stretch;box-shadow:none;border-radius:0;background-color:#fffdf8e8}
footer .footer-links{gap:6px 20px;margin-bottom:12px}
footer .footer-links a{font-size:13px;min-height:24px}
#app>.page:is(.welfare-directory,.server-directory,.news-page,.rank-directory,.game-introduction,.gift-catalog,.catalog-page,.voucher-introduction,.legacy-information,.recruitment-page,.version-page,.test-entry){max-width:1440px;width:100%;background:linear-gradient(#fffdf8e8,#fffdf8e8),url(home-landscape-clean-v208.3ec4425bb139.webp) center/cover;padding:40px 4% 56px;margin:0 auto}
#app>.page.welfare-directory>h1:after{content:"";display:block;width:180px;height:136px;margin:12px auto 0;background:url(welfare-treasure-20261009.dc18ddb17e23.avif) center/contain no-repeat}
#app .welfare-directory .welfare-options{gap:28px}
#app .welfare-directory .welfare-option{background:#fffdf8d9;padding:28px 20px;border-top:1px solid #d8cbb6;border-bottom:0}
#app .game-introduction .game-design-note{max-width:960px;margin:24px auto 0;text-align:center}
#app .game-introduction .game-design-note .actions{justify-content:center}
#app .game-introduction .game-design-note p{font-size:14px;line-height:1.8}
}

@media(min-width:900px) and (max-width:1100px){.site-header{position:relative;padding-inline:32px}.site-header:before,.site-header:after{content:"";position:absolute;inset:0 auto 0 0;width:24px;pointer-events:none;background:url(header-corner-vector.006a6510a18a.svg) left top/24px 100% no-repeat}.site-header:after{left:auto;right:0;transform:scaleX(-1)}}

@media(min-width:900px){#app .voucher-introduction .voucher-example,#app .voucher-introduction .voucher-scenes>article{border:1px solid #c9b18b;box-shadow:none;border-radius:0}#app .voucher-introduction .voucher-scenes>article{text-align:center}}

@media(min-width:900px){@font-face{font-family:"Wly Brush";src:url(home-heading-brush.ae1cc83a88db.woff2) format("woff2");font-weight:400;font-display:swap}}

@media(min-width:900px){#app .home-sections.home-sections .section-title h2{font-family:"Wly Brush","Songti SC",serif;font-weight:400;font-size:34px}}

@media(min-width:1000px){#app .server-choice-grid{max-height:min(650px,65vh);overflow-y:auto;scrollbar-gutter:stable;padding-right:8px}}

@media(min-width:761px){#app .home-sections{background:#f6f0e3!important}#app .home-game-intro>div:first-child{background:#f8f3e9;padding:22px 24px}#app .home-game-intro p{font-family:"Kaiti SC","STKaiti","KaiTi",serif;color:#352c20}#app .home-welfare .welfare-poster{background:#f8f3e9 url(welfare-treasure-20261009.dc18ddb17e23.avif) right center/48% auto no-repeat!important}#app .home-archive .archive-entry-grid>a,#app .community-grid>.ornate-panel,#app .home-news #home-news,#app .home-lower-grid #home-servers{background-color:#fffdf8!important}}





@media(min-width:761px){#app .archive-entry-grid>a:nth-child(2) .mobile-catalog-icon{background-position:-75px 0}#app .archive-entry-grid>a:nth-child(3) .mobile-catalog-icon{background-position:-150px 0}#app .archive-entry-grid>a:nth-child(4) .mobile-catalog-icon{background-position:-225px 0}}

@media(min-width:761px){#app .mobile-catalog-icon .ui-icon{display:none!important}}
@media(min-width:761px){#app .mobile-catalog-icon{mix-blend-mode:darken;filter:brightness(1.2)}}
