:root{--xj3-bg:#050608;--xj3-card:rgba(11,15,23,.82);--xj3-card-hover:rgba(17,22,32,.96);--xj3-line:rgba(252,205,77,.16);--xj3-line-soft:rgba(255,255,255,.07);--xj3-gold:#fccd4d;--xj3-gold-soft:#d6aa45;--xj3-text:#f4f0e7;--xj3-muted:#96999f;--xj3-wrap:1180px}
body.xj-forum-card-v3{margin:0!important;min-width:320px;background:var(--xj3-bg)!important;color:var(--xj3-text)}body.xj-forum-card-v3 #arpggame_toptb,body.xj-forum-card-v3 #arpggame_footer>iframe,body.xj-forum-card-v3 #hd{display:none!important}body.xj-forum-card-v3 #arpggame_body,body.xj-forum-card-v3 #arpggame_footer,body.xj-forum-card-v3 #arpggame_1,body.xj-forum-card-v3 .arpggame_2,body.xj-forum-card-v3 .arpggame_3,body.xj-forum-card-v3 .arpggame_n,body.xj-forum-card-v3 #arpggame_1>.arpggame_2>.arpggame_3>.arpggame_n>.wp{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}body.xj-forum-card-v3 #arpggame_ft,body.xj-forum-card-v3 #ft,body.xj-forum-card-v3 .gamex123{display:none!important}
.xj3-page,.xj3-page *{box-sizing:border-box}.xj3-page{min-height:100vh;background:radial-gradient(circle at 50% -8rem,rgba(252,205,77,.105),transparent 35rem),linear-gradient(180deg,#050608,#080b11 48%,#050608);color:var(--xj3-text);font:14px/1.6 Arial,"Microsoft JhengHei","Noto Sans TC",sans-serif}.xj3-page a{color:inherit;text-decoration:none}.xj3-wrap,.xj3-header-inner{width:min(var(--xj3-wrap),calc(100% - 40px));margin:auto}
.xj3-header{position:relative;z-index:20;border-bottom:1px solid var(--xj3-line-soft);background:rgba(5,6,8,.88);backdrop-filter:blur(14px)}.xj3-header-inner{height:76px;display:grid;grid-template-columns:210px 1fr auto;align-items:center;gap:28px}.xj3-logo{height:70px;display:flex;align-items:center;overflow:hidden}.xj3-logo img{width:185px;height:86px;object-fit:contain;filter:drop-shadow(0 4px 10px #000)}.xj3-nav{display:flex;justify-content:center;gap:30px;height:100%}.xj3-nav a{position:relative;display:flex;align-items:center;color:#aaa9a5;font-size:13px;transition:.2s}.xj3-nav a:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--xj3-gold);transform:scaleX(0);transition:.2s}.xj3-nav a:hover,.xj3-nav a.is-active{color:#fff}.xj3-nav a:hover:after,.xj3-nav a.is-active:after{transform:scaleX(1)}.xj3-member{display:flex;align-items:center;gap:10px;color:#c9b985;font-size:12px}.xj3-member i{width:1px;height:11px;background:#494439}
.xj3-intro{min-height:245px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:54px 0 38px}.xj3-eyebrow,.xj3-section-head span{color:var(--xj3-gold);font-size:10px;font-weight:700;letter-spacing:.22em}.xj3-intro h1{margin:8px 0 6px;color:#fff9e9;font:700 clamp(34px,5vw,54px)/1.15 Georgia,"Noto Serif TC","Microsoft JhengHei",serif;letter-spacing:.045em}.xj3-intro p{margin:0;color:#a9a8a4;font-size:15px}.xj3-intro-actions{display:flex;gap:10px}.xj3-btn{min-width:145px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:13px 16px;border:1px solid var(--xj3-line);border-radius:8px;background:rgba(13,17,24,.78);color:#d8d5cc;transition:.2s}.xj3-btn span{color:var(--xj3-gold)}.xj3-btn:hover{border-color:rgba(252,205,77,.45);background:#111720;transform:translateY(-2px)}.xj3-btn.is-primary{border-color:rgba(252,205,77,.5);background:var(--xj3-gold);color:#18150d;font-weight:700}.xj3-btn.is-primary span{color:#18150d}
.xj3-crumb{min-height:36px;display:flex;align-items:center;gap:8px;margin-bottom:14px;color:#74777e;font-size:11px}.xj3-crumb a{color:#b6aa86}.xj3-crumb span{color:#474950}.xj3-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px}.xj3-stats div{position:relative;min-height:92px;display:grid;grid-template-columns:1fr auto;align-content:center;padding:17px 18px;border:1px solid var(--xj3-line-soft);border-radius:10px;background:var(--xj3-card)}.xj3-stats span{color:#b9b7b0;font-size:12px}.xj3-stats strong{grid-column:2;grid-row:1/3;align-self:center;color:#f3d780;font-size:29px;line-height:1}.xj3-stats small{color:#666b73;font-size:9px;letter-spacing:.16em}.xj3-notice{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;margin-bottom:22px;padding:10px 14px;border:1px solid var(--xj3-line);border-radius:9px;background:rgba(252,205,77,.045)}.xj3-notice>span{padding:3px 9px;border-radius:4px;background:var(--xj3-gold);color:#18150d;font-size:11px;font-weight:700}.xj3-notice #an{width:100%;margin:0}.xj3-notice #an dt{display:none}.xj3-notice #an dd,.xj3-notice #anc{width:100%;height:24px;margin:0;overflow:hidden}.xj3-notice #an li{float:none;width:100%;height:24px;color:#d7d1c2;text-align:left}.xj3-notice #an li span{float:none;width:auto}.xj3-notice #an li em{float:right;width:auto;color:#70747b}
.xj3-section{padding:30px 0}.xj3-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:17px}.xj3-section-head h2{margin:2px 0 0;color:#f5f0e5;font-size:24px;font-weight:600;letter-spacing:.035em}.xj3-section-head p,.xj3-section-head>a{margin:0 0 3px;color:#82858c;font-size:12px}.xj3-section-head>a:hover{color:var(--xj3-gold)}.xj3-category{margin-bottom:30px}.xj3-category-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.xj3-category-title h3{margin:0;color:#c9ba8e;font-size:13px;font-weight:500}.xj3-category-title h3:before{content:"";display:inline-block;width:15px;height:1px;margin:0 8px 4px 0;background:var(--xj3-gold)}.xj3-category-title small{color:#5e6269;font-size:10px}.xj3-board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.xj3-card{position:relative;border:1px solid var(--xj3-line-soft);border-radius:12px;background:var(--xj3-card);box-shadow:0 10px 30px rgba(0,0,0,.12);transition:border-color .2s,background .2s,transform .2s}.xj3-card:hover{border-color:rgba(252,205,77,.32);background:var(--xj3-card-hover);transform:translateY(-2px)}.xj3-board{min-height:196px;padding:22px;overflow:hidden}.xj3-board:before{content:"";position:absolute;top:-30px;right:-30px;width:100px;height:100px;border-radius:50%;background:rgba(252,205,77,.045)}.xj3-card-link{position:absolute;inset:0;z-index:2}.xj3-board-top{display:flex;align-items:center;justify-content:space-between}.xj3-tag{display:inline-block;color:#b99948;font-size:9px;font-weight:700;letter-spacing:.16em}.xj3-board-top em{color:#76b988;font-size:9px;font-style:normal}.xj3-board h4{margin:20px 0 7px;color:#f3eee3;font-size:19px;font-weight:600}.xj3-board p{height:44px;margin:0;overflow:hidden;color:#898c92;font-size:12px;line-height:1.8}.xj3-card-foot{position:absolute;right:22px;bottom:18px;left:22px;display:flex;align-items:center;gap:12px;color:#666b73;font-size:10px}.xj3-card-foot b{margin-left:auto;color:var(--xj3-gold);font-size:15px;font-weight:400;transition:.2s}.xj3-board:hover .xj3-card-foot b{transform:translateX(4px)}.xj3-hook{position:relative;z-index:3;pointer-events:none}.xj3-hook a{pointer-events:auto}.xj3-empty{padding:32px;border:1px solid var(--xj3-line-soft);border-radius:12px;background:var(--xj3-card);color:#777b82;text-align:center}
.xj3-lower{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:28px;padding:28px 0 54px;border-top:1px solid var(--xj3-line-soft)}.xj3-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.xj3-topic{min-height:158px;display:grid;grid-template-columns:1fr auto;align-content:start;padding:20px}.xj3-topic time{color:#666b73;font-size:9px}.xj3-topic h3{grid-column:1/-1;height:48px;margin:17px 0 12px;overflow:hidden;color:#e9e5db;font-size:15px;font-weight:500;line-height:1.6}.xj3-topic b{grid-column:1/-1;color:#bda75f;font-size:10px;font-weight:400}.xj3-quick-grid{display:grid;gap:9px}.xj3-quick-grid .xj3-card{min-height:71px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;padding:12px 15px}.xj3-quick-grid span{grid-row:1/3;color:#6f6240;font-size:10px}.xj3-quick-grid strong{color:#e4dfd4;font-size:13px}.xj3-quick-grid small{color:#71757c;font-size:10px}.xj3-quick-grid b{grid-column:3;grid-row:1/3;color:#9f873e;font-weight:400}.xj3-footer{min-height:105px;display:flex;align-items:center;justify-content:center;gap:22px;border-top:1px solid var(--xj3-line-soft);background:#040506;color:#5d6066;font-size:9px;letter-spacing:.15em}.xj3-footer img{width:130px;height:64px;object-fit:contain;filter:opacity(.64)}
@media(max-width:980px){.xj3-header-inner{grid-template-columns:180px 1fr}.xj3-member{display:none}.xj3-nav{justify-content:flex-end;gap:22px}.xj3-board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xj3-lower{grid-template-columns:1fr}.xj3-quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.xj3-wrap,.xj3-header-inner{width:min(100% - 24px,var(--xj3-wrap))}.xj3-header-inner{height:auto;grid-template-columns:1fr;padding:6px 0 10px;gap:0}.xj3-logo{height:64px;justify-content:center}.xj3-nav{height:42px;justify-content:space-between;gap:7px}.xj3-nav a{font-size:12px}.xj3-intro{min-height:0;display:block;padding:42px 0 28px}.xj3-intro h1{font-size:38px}.xj3-intro-actions{margin-top:25px}.xj3-btn{min-width:0;flex:1}.xj3-stats{grid-template-columns:repeat(2,1fr)}.xj3-board-grid,.xj3-topic-grid{grid-template-columns:1fr}.xj3-section-head p{display:none}.xj3-lower{gap:42px}.xj3-quick-grid{grid-template-columns:1fr}.xj3-footer{display:grid;place-items:center;align-content:center;gap:0;padding:16px}}
@media(max-width:430px){.xj3-nav a:nth-child(5){display:none}.xj3-intro-actions{display:grid}.xj3-stats div{min-height:82px;padding:13px}.xj3-stats strong{font-size:24px}.xj3-board{min-height:185px;padding:19px}.xj3-card-foot{right:19px;left:19px}.xj3-notice{grid-template-columns:1fr}.xj3-notice>span{width:max-content}}

/* V3 card language: continuation branding inspired by the reference site's
   near-black surfaces, restrained gold borders and layered information cards. */
.xj3-page{background:radial-gradient(circle at 12% 8%,rgba(179,135,40,.12),transparent 25rem),radial-gradient(circle at 88% 36%,rgba(44,71,104,.13),transparent 32rem),linear-gradient(180deg,#050608,#080b11 48%,#050608)}
.xj3-page:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.xj3-page a:focus-visible{outline:2px solid var(--xj3-gold);outline-offset:4px}
.xj3-intro{position:relative;min-height:245px;margin-top:28px;padding:46px 42px;overflow:hidden;border:1px solid rgba(252,205,77,.18);border-radius:16px;background:linear-gradient(110deg,rgba(18,18,17,.96),rgba(10,15,26,.9) 56%,rgba(15,22,32,.76));box-shadow:0 30px 80px rgba(0,0,0,.28)}
.xj3-intro:before{content:"III";position:absolute;right:31%;bottom:-48px;color:rgba(252,205,77,.035);font:900 220px/1 Georgia,serif;letter-spacing:-.13em;transform:skewX(-8deg)}
.xj3-intro:after{content:"";position:absolute;right:-120px;top:-170px;width:430px;height:430px;border:1px solid rgba(252,205,77,.1);border-radius:50%;box-shadow:0 0 0 46px rgba(252,205,77,.018),0 0 0 92px rgba(252,205,77,.012)}
.xj3-intro>div{position:relative;z-index:1}.xj3-btn.is-primary{background:linear-gradient(135deg,#f2c24b,#c9962e);box-shadow:0 10px 30px rgba(179,135,40,.18)}
.xj3-server-facts{display:flex;align-items:stretch;gap:8px;margin:22px 0 0}.xj3-server-facts div{min-width:104px;padding:8px 11px;border:1px solid rgba(252,205,77,.13);border-radius:8px;background:rgba(4,6,10,.36)}.xj3-server-facts dt{margin:0;color:#6f747d;font-size:9px;letter-spacing:.08em}.xj3-server-facts dd{margin:1px 0 0;color:#e7d397;font-size:12px;font-weight:700;letter-spacing:.04em}
.xj3-crumb{min-height:46px}.xj3-stats div{overflow:hidden;border-radius:12px;background:linear-gradient(145deg,rgba(14,19,29,.9),rgba(8,11,17,.88))}
.xj3-stats div:after{content:"";position:absolute;right:-25px;bottom:-45px;width:95px;height:95px;border-radius:50%;background:rgba(252,205,77,.04)}
.xj3-stats strong{position:relative;z-index:1}.xj3-notice{background:linear-gradient(90deg,rgba(252,205,77,.065),rgba(10,15,26,.72))}
.xj3-stats div.is-action{transition:border-color .2s,transform .2s,background .2s}.xj3-stats div.is-action:hover{border-color:rgba(252,205,77,.34);background:linear-gradient(145deg,rgba(28,25,16,.94),rgba(10,15,24,.9));transform:translateY(-2px)}.xj3-stats .is-action strong{font-size:18px;letter-spacing:.06em}.xj3-stat-action{position:absolute;inset:0;z-index:3}
.xj3-board{min-height:216px}.xj3-board:before{top:-45px;right:-45px;width:145px;height:145px;border:1px solid rgba(252,205,77,.075);background:transparent;box-shadow:0 0 0 22px rgba(252,205,77,.014)}
.xj3-board:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:linear-gradient(90deg,transparent,var(--xj3-gold),transparent);opacity:0;transform:scaleX(.35);transition:.25s}
.xj3-board:hover:after{opacity:.7;transform:scaleX(1)}.xj3-board-top{display:grid;grid-template-columns:42px 1fr auto;gap:10px}
.xj3-card-emblem{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(252,205,77,.25);border-radius:10px;background:linear-gradient(145deg,rgba(252,205,77,.12),rgba(179,135,40,.025));color:#ddba5d;font:700 12px/1 Georgia,serif;box-shadow:inset 0 0 18px rgba(252,205,77,.035)}
.xj3-board h4{margin-top:16px}.xj3-topic{background:linear-gradient(145deg,rgba(12,17,26,.94),rgba(8,11,17,.88))}
@media(max-width:700px){.xj3-intro{margin-top:16px;padding:34px 24px}.xj3-intro:before{right:8%;font-size:160px}}
@media(max-width:700px){.xj3-server-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.xj3-server-facts div{min-width:0}}
@media(max-width:430px){.xj3-board{min-height:205px}}

/* Portal-aligned edition: shared image, warm-black veil and antique-gold glass. */
body.xj-forum-card-v3{background:#080706!important}
.xj3-page{--xj3-gold:#e8bd68;--xj3-gold-soft:#c9974f;--xj3-text:#fff8ea;--xj3-muted:#c5bba9;--xj3-line:rgba(232,189,104,.38);--xj3-line-soft:rgba(232,189,104,.2);background:linear-gradient(90deg,rgba(3,2,2,.88),rgba(6,4,3,.55) 54%,rgba(3,2,2,.84)),linear-gradient(0deg,rgba(4,3,2,.95),transparent 52%),url("../../../style/img/forum-bg.png") center top/cover fixed no-repeat}
.xj3-page:before{opacity:.55;background:radial-gradient(circle at 52% 25%,rgba(255,210,119,.18),transparent 28%),linear-gradient(180deg,transparent 54%,rgba(0,0,0,.76));mix-blend-mode:screen;mask-image:none}
.xj3-header{border-bottom-color:rgba(232,189,104,.34);background:rgba(8,7,6,.82);backdrop-filter:blur(10px)}.xj3-nav a:after{background:#e8bd68}
.xj3-intro{min-height:290px;border:1px solid rgba(232,189,104,.38);border-radius:0;background:linear-gradient(100deg,rgba(10,8,7,.88),rgba(10,8,7,.58));box-shadow:0 18px 34px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(7px)}
.xj3-intro:before{right:30%;bottom:-58px;color:rgba(255,231,167,.045);font-size:230px}.xj3-intro:after{right:-140px;top:-160px;border-color:rgba(232,189,104,.18);box-shadow:0 0 0 48px rgba(232,189,104,.02),0 0 0 96px rgba(232,189,104,.014)}
.xj3-intro h1{max-width:620px;color:#ffe7a7;font-size:clamp(40px,4.4vw,54px);line-height:1.08;text-shadow:0 4px 18px rgba(0,0,0,.7)}.xj3-intro p{color:#eee4d4}
.xj3-server-facts{gap:10px;margin-top:28px}.xj3-server-facts div{min-width:158px;min-height:82px;display:flex;flex-direction:column;justify-content:center;padding:13px 16px;border-color:rgba(232,189,104,.42);border-radius:0;background:linear-gradient(145deg,rgba(18,13,9,.78),rgba(6,5,4,.62));box-shadow:0 10px 24px rgba(0,0,0,.28),inset 0 0 18px rgba(232,189,104,.035)}.xj3-server-facts dt{color:#d0bd9b;font-size:11px;font-weight:700;letter-spacing:.12em}.xj3-server-facts dd{margin-top:4px;color:#ffe8ad;font-size:17px;font-weight:700;letter-spacing:.05em;text-shadow:0 2px 12px rgba(232,189,104,.24)}
.xj3-btn{border-color:#e8bd68;border-radius:0;background:rgba(6,5,4,.58);color:#ffe7a7}.xj3-btn.is-primary{border-color:#ffe4a0;background:linear-gradient(135deg,#f5d184,#a86e27);box-shadow:0 9px 25px rgba(0,0,0,.45),0 0 16px rgba(232,189,104,.16)}
.xj3-stats{gap:10px;margin-bottom:24px}.xj3-stats div{min-height:98px;border:1px solid rgba(232,189,104,.28);border-radius:0;background:rgba(10,8,7,.76);box-shadow:0 14px 28px rgba(0,0,0,.26);backdrop-filter:blur(7px)}.xj3-stats div.is-action{background:rgba(111,42,27,.4)}.xj3-stats div.is-action:hover{border-color:#e8bd68;background:rgba(168,61,45,.52)}
.xj3-stats span{color:#fff1c5;font-size:18px;font-weight:700;letter-spacing:.04em;text-shadow:0 1px 12px rgba(232,189,104,.24)}.xj3-stats strong{color:#ffe091;font-weight:700}.xj3-stats small{color:#b5a17d}
.xj3-notice{border:1px solid rgba(232,189,104,.3);border-left:3px solid #e8bd68;border-radius:0;background:rgba(10,8,7,.72);backdrop-filter:blur(7px)}
.xj3-section{padding-top:42px}.xj3-section-head h2{color:#ffe7a7;font:700 27px/1.15 Georgia,"Noto Serif TC","Microsoft JhengHei",serif}.xj3-category-title h3{color:#e8bd68}.xj3-category-title small{color:#a99a83}
.xj3-board-grid{gap:12px}.xj3-card{border:1px solid rgba(232,189,104,.24);border-radius:0;background:rgba(10,8,7,.76);box-shadow:0 16px 32px rgba(0,0,0,.28);backdrop-filter:blur(7px)}.xj3-card:hover{border-color:rgba(255,231,167,.62);background:rgba(24,17,12,.88)}
.xj3-board:before{border-color:rgba(232,189,104,.1);box-shadow:0 0 0 22px rgba(232,189,104,.015)}.xj3-board:after{height:3px;background:linear-gradient(90deg,transparent,#e8bd68,transparent)}
.xj3-card-emblem{border-color:#e8bd68;border-radius:0;background:rgba(168,61,45,.32);color:#ffe1a0}.xj3-board h4{color:#fff3da}.xj3-board p{color:#bdb2a0}
.xj3-lower{margin-top:24px;padding-top:36px;border-top:1px solid rgba(232,189,104,.34);background:transparent}.xj3-topic,.xj3-quick-grid .xj3-card{background:rgba(10,8,7,.78)}.xj3-footer{border-top:1px solid rgba(232,189,104,.32);background:rgba(5,4,3,.9);color:#aa9878}
@media(max-width:700px){.xj3-intro{background:rgba(10,8,7,.78)}.xj3-intro h1{font-size:40px}.xj3-server-facts div{min-width:0;padding:12px 13px}.xj3-server-facts div:nth-child(3){grid-column:1/-1}.xj3-page{background-position:60% top}.xj3-stats{gap:8px}}

/* Three curated forum zones, adapted from the reference section/card rhythm. */
.xj3-forum-sections{display:grid;gap:24px;padding:42px 0 62px}
.xj3-zone{position:relative;overflow:hidden;border:1px solid rgba(232,189,104,.28);background:rgba(7,6,5,.78);box-shadow:0 18px 36px rgba(0,0,0,.34);backdrop-filter:blur(8px)}
.xj3-zone:after{content:"";position:absolute;top:0;right:0;left:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,231,167,.7),transparent)}
.xj3-zone-head{position:relative;min-height:86px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:16px;padding:15px 22px;border-bottom:1px solid rgba(232,189,104,.24);background:linear-gradient(180deg,rgba(91,48,25,.9),rgba(39,22,14,.94))}
.xj3-zone-head:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 50%,rgba(255,215,135,.12),transparent 23%),linear-gradient(90deg,rgba(255,255,255,.035),transparent 32%,transparent 76%,rgba(255,255,255,.025))}
.xj3-zone-head>span{position:relative;z-index:1;color:#e8bd68;font:700 25px/1 Georgia,serif}.xj3-zone-head>div{position:relative;z-index:1}.xj3-zone-head small{display:block;color:#bb9560;font-size:9px;font-weight:700;letter-spacing:.2em}.xj3-zone-head h2{margin:2px 0 0;color:#fff1cf;font:700 27px/1.15 Georgia,"Noto Serif TC","Microsoft JhengHei",serif;letter-spacing:.08em}.xj3-zone-head i{position:relative;z-index:1;color:rgba(255,225,157,.55);font-size:24px;font-style:normal}
.xj3-zone-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px}
.xj3-zone-grid:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 0,rgba(232,189,104,.07),transparent 36%)}
.xj3-zone-card{position:relative;z-index:1;min-height:174px;padding:20px 18px 17px 22px;overflow:hidden;border:1px solid rgba(232,189,104,.16);background:linear-gradient(180deg,rgba(17,13,10,.92),rgba(8,7,6,.96));transition:border-color .22s,background .22s,transform .22s,box-shadow .22s}
.xj3-zone-card:before{content:"";position:absolute;top:13px;bottom:13px;left:9px;width:3px;background:linear-gradient(180deg,#e8bd68,rgba(168,61,45,.2));box-shadow:0 0 10px rgba(232,189,104,.15)}
.xj3-zone-card:after{content:"";position:absolute;right:-40px;bottom:-55px;width:120px;height:120px;border:1px solid rgba(232,189,104,.07);border-radius:50%;transition:.22s}
.xj3-zone-card:hover{border-color:rgba(255,231,167,.52);background:linear-gradient(180deg,rgba(36,22,14,.94),rgba(12,9,7,.98));box-shadow:0 16px 28px rgba(0,0,0,.28),0 0 20px rgba(232,189,104,.07);transform:translateY(-5px)}
.xj3-zone-card:hover:after{transform:scale(1.18)}.xj3-zone-card small{color:#a98149;font-size:8px;font-weight:700;letter-spacing:.17em}.xj3-zone-card h3{margin:15px 0 8px;color:#fff2d2;font-size:20px;font-weight:700}.xj3-zone-card p{min-height:48px;margin:0;color:#afa28f;font-size:12px;line-height:1.75}.xj3-zone-card b{display:block;margin-top:13px;color:#d9b665;font-size:10px;font-weight:500;letter-spacing:.06em}
@media(max-width:980px){.xj3-zone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.xj3-forum-sections{gap:18px;padding-top:32px}.xj3-zone-head{min-height:76px;grid-template-columns:42px 1fr auto;padding:12px 16px}.xj3-zone-head h2{font-size:23px}.xj3-zone-grid{grid-template-columns:1fr;padding:12px}.xj3-zone-card{min-height:158px}}

/* Final polish: enlarge and center the continuation logo; mute the central sword glow. */
.xj3-header-inner{grid-template-columns:230px 1fr auto}
.xj3-logo{height:76px;justify-content:center}
.xj3-logo img{width:215px;height:100px}
.xj3-intro:before{color:rgba(164,153,136,.028);filter:saturate(.3)}
.xj3-intro:after{border-color:rgba(170,158,140,.08);box-shadow:0 0 0 46px rgba(170,158,140,.014),0 0 0 92px rgba(170,158,140,.009)}
@media(max-width:980px){.xj3-header-inner{grid-template-columns:210px 1fr}}
@media(max-width:700px){.xj3-header-inner{grid-template-columns:1fr}.xj3-logo{height:64px}.xj3-logo img{width:205px;height:92px}}

/* Keep the single opening date as a clean right-aligned Hero detail, not a card. */
.xj3-intro>.xj3-server-facts{display:block;align-self:center;margin:0 0 0 auto;text-align:right}
.xj3-intro>.xj3-server-facts div{min-width:0;min-height:0;display:block;padding:0;border:0;background:transparent;box-shadow:none}
.xj3-intro>.xj3-server-facts dt{font-size:11px}
.xj3-intro>.xj3-server-facts dd{margin-top:5px;font-size:19px}
@media(max-width:700px){.xj3-intro>.xj3-server-facts{margin:24px 0 0;text-align:left}}

/* Opening-date treatment: a prominent typographic date lockup without a box. */
.xj3-open-date{display:grid;grid-template-columns:auto 1px auto;grid-template-rows:auto auto;align-items:end;column-gap:13px;margin-left:auto;text-align:right}
.xj3-open-date:before{content:"";grid-column:2;grid-row:1/3;width:1px;height:42px;background:rgba(232,189,104,.55);box-shadow:0 0 10px rgba(232,189,104,.18)}
.xj3-open-date span{grid-column:1;grid-row:1;color:#d0bd9b;font-size:10px;font-weight:700;letter-spacing:.18em}
.xj3-open-date strong{grid-column:1;grid-row:2;color:#ffe8ad;font:700 42px/.95 Georgia,"Times New Roman",serif;letter-spacing:.04em;text-shadow:0 2px 16px rgba(232,189,104,.28)}
.xj3-open-date em{grid-column:3;grid-row:2;color:#ffe1a0;font-size:18px;font-style:normal;font-weight:700;white-space:nowrap}
@media(max-width:700px){.xj3-open-date{margin:26px 0 0;text-align:left}.xj3-open-date strong{font-size:36px}}

/* Make announcement copy easy to scan while keeping its date secondary. */
.xj3-notice #an li{font-size:15px;font-weight:600;letter-spacing:.035em;color:#fff0cc;text-shadow:0 1px 10px rgba(232,189,104,.2)}
