:root{--gold:#f4d478;--paper:#bea074;--ink:#30281d;--silver:#b7b7ac}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#eee9df;color:var(--ink);font:13px/1.6 "Microsoft JhengHei",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #dfad35;outline-offset:3px}button{cursor:pointer}img{max-width:100%}[hidden]{display:none!important}.masthead{height:420px;background:linear-gradient(0deg,#eee9df,transparent 24%),linear-gradient(135deg,#252f35,#10191f) center 32%/cover no-repeat;position:relative;border-top:3px solid #a99b6f}.top-nav{width:min(980px,96%);height:67px;margin:12px auto 0;display:grid;grid-template-columns:repeat(3,1fr) 220px repeat(3,1fr);align-items:center;background:linear-gradient(90deg,transparent,#080b0ce8 12%,#080b0ce8 88%,transparent);position:relative;z-index:2}.top-nav>a:not(.brand){text-align:center;font-size:18px;letter-spacing:2px;color:#e8e5da;text-shadow:2px 2px 2px #000;font-weight:bold;white-space:nowrap}.top-nav>a:hover{color:var(--gold)}.brand{align-self:start;margin-top:-24px;height:190px;display:flex;align-items:center;justify-content:center}.brand img{width:210px;height:210px;object-fit:contain;filter:drop-shadow(0 5px 5px #0008)}.hero-stage{width:min(980px,94%);height:332px;margin:auto;position:relative}.hero-caption{position:absolute;top:120px;left:50%;width:500px;max-width:90%;transform:translateX(-50%);text-align:center;color:#f6e3ae;text-shadow:0 3px 6px #000}.hero-caption>span{letter-spacing:6px;font-size:11px}.hero-caption h1{font-family:"DFKai-SB",serif;font-size:38px;margin:6px 0;letter-spacing:4px}.hero-caption p{font-size:14px;letter-spacing:4px}.download-orb{position:absolute;left:15px;bottom:40px;width:156px;height:156px;border-radius:50%;background:radial-gradient(circle at 45% 30%,#546a75,#142f3b 52%,#030e13 55%,#457b8c 59%,#072330 66%,#031119 72%);border:4px ridge #b3b6ab;box-shadow:0 5px 12px #0009,inset 0 0 14px #000;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-shadow:2px 2px #000;transition:filter .2s}.download-orb:hover{filter:brightness(1.25)}.download-orb small{font-size:8px;color:#b2c6cb;letter-spacing:1px}.download-orb strong{font-size:24px;font-family:serif}.download-orb span{font-size:12px;color:#e8d08d}.hero-links{position:absolute;right:0;bottom:29px;display:flex;background:linear-gradient(#5b5d57,#101413);border:2px ridge #9b9c8f;color:#eee}.hero-links>*{padding:4px 12px;border-right:1px solid #777;font-size:12px}.hero-links>span{color:var(--gold)}.portal{width:min(980px,96%);margin:-15px auto 0;display:grid;grid-template-columns:192px minmax(0,1fr) 180px;gap:16px;align-items:start;position:relative;z-index:3}.left-column,.right-column{display:grid;gap:17px}.metal-panel{border:6px ridge #92948a;border-radius:13px;background:var(--paper);box-shadow:0 3px 4px #0007,0 0 0 1px #333;position:relative;min-width:0;overflow:hidden}.metal-panel:before,.metal-panel:after{content:'';width:9px;height:9px;position:absolute;top:7px;background:radial-gradient(circle at 35% 30%,#e0e0d4,#666 55%,#1b2020 60%);border:1px solid #363b39;border-radius:50%;z-index:2}.metal-panel:before{left:5px}.metal-panel:after{right:5px}.metal-title{margin:0;min-height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#303632,#7c8179 13%,#4e534d 19%,#252b27 47%,#111713 52%,#484c43 92%,#777e70);border-bottom:3px ridge #93958a;color:#eee;font-size:17px;letter-spacing:4px;font-weight:900;text-shadow:2px 2px #000,-1px -1px #000}.panel-body{padding:10px}.member-panel{background:radial-gradient(ellipse at top,#622766,#26152d 85%);color:#fff}.member-summary-row{display:flex;justify-content:space-between;font-size:11px;gap:6px;border-bottom:1px solid #ffffff22;padding:4px 0}.member-summary-row strong{overflow-wrap:anywhere;color:var(--gold)}.member-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:10px}.member-actions a{background:#ffffff16;text-align:center;padding:4px;font-size:12px}.login-form label{display:block;margin-bottom:6px}.login-form label>span{font-size:11px;color:#dbccdf}.login-form input{display:block;width:100%;min-width:0;background:#130f18;border:1px solid #837186;color:#fff;padding:6px 8px;font-size:12px;border-radius:2px}.captcha-line{display:flex;align-items:end;gap:5px}.captcha-line label{min-width:0;flex:1}.captcha-line .captcha{width:76px;height:32px!important;margin-bottom:6px;cursor:pointer}.login-form button{width:100%;padding:6px;background:linear-gradient(#936c9b,#44284b);color:#fff;border:1px solid #b79dbb;font-weight:bold;letter-spacing:4px}.member-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;font-size:11px;margin-top:9px;color:#e8d2ec}.menu-panel .panel-body{padding:3px}.menu-panel .panel-body>a{display:block;position:relative;text-align:center;padding:7px 6px;background:linear-gradient(#5e6c80,#152138 48%,#080f21 52%,#26314a);border:2px outset #7d8390;color:#e1e5e8;font-size:16px;font-weight:900;letter-spacing:2px;text-shadow:2px 2px #000}.menu-panel .panel-body>a:after{content:'›';position:absolute;right:8px;color:#9ba9c2}.menu-panel a:hover{filter:brightness(1.35)}.red-menu .panel-body>a{background:linear-gradient(#936a6b,#572c31 48%,#2b1319 52%,#65373a)}.red-menu .panel-body>.gold-link{color:#ffe18b}.small-promo{padding:16px 5px;text-align:center;background:linear-gradient(140deg,#1d1614,#64372a,#211a14);border:6px ridge #9b9a8b;border-radius:9px;box-shadow:0 3px 5px #0005;color:#ecd493}.small-promo>*{display:block}.small-promo strong{font-size:21px;color:#ffcc63;text-shadow:2px 2px #4b1705}.small-promo span{font-size:11px}.center-column{padding-bottom:14px}.notice-banner{display:flex;gap:16px;align-items:center;padding:16px 19px;background:linear-gradient(110deg,#d2b78a,#b39466);border-bottom:1px solid #886e43}.notice-seal{flex:none;width:66px;height:66px;border:3px double #69532b;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#503b17;font-family:serif;font-size:38px;line-height:1}.notice-seal span{font:8px Arial;letter-spacing:1px;margin-top:4px}.notice-banner small{display:block;color:#60471e;letter-spacing:2px;font-size:12px}.notice-banner strong{display:block;color:#31250b;font-size:21px;font-weight:900;line-height:1.5}.notice-banner em{font-style:normal;color:#783a15}.notice-banner b{font-size:11px;font-weight:400;color:#584322}.news-tabs{display:flex;justify-content:center;gap:3px;padding:6px 8px 0;background:#ae9368}.news-tabs a{font-size:12px;line-height:1.5;padding:2px 12px;border:1px solid #88734c;border-bottom:0;background:linear-gradient(#c6ac79,#93784f);color:#fff1c6}.news-tabs a:hover,.news-tabs a.active{background:#675b3f;color:#ffdf76}.news-list{margin:0 10px 12px;border:3px ridge #c6af84;background:#8b7756}.news-row{display:grid;grid-template-columns:34px minmax(0,1fr) 72px;gap:6px;align-items:center;border-bottom:1px solid #b9a27e;min-height:29px;padding:3px 7px;font-size:11px}.news-row:last-child{border:0}.news-row:hover{background:#a38a60}.news-type{color:#ffdd54}.news-row strong{font-weight:normal;color:#f7ecd6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:underline}.news-row time{font-size:10px;color:#342c20;text-align:right}.rank-tabs{display:flex;gap:12px;justify-content:center;align-items:center;margin:9px 10px 0;background:#7e6c4e;color:#d7c3a1;border:2px ridge #c5ad83}.rank-tabs button{background:none;border:0;color:#e0d4b9;padding:5px 8px;font-size:13px}.rank-tabs button.active{color:#ffe18b;font-weight:bold}.rank-list{margin:0 10px;background:#786345;border:2px ridge #c5ad83;border-top:0}.rank-row{display:grid;grid-template-columns:27px minmax(0,1fr) 60px 20px 30px;align-items:center;gap:5px;min-height:28px;border-bottom:1px solid #a9936b;padding:3px 8px;color:#ffdd69;font-size:11px}.rank-row:last-child{border:0}.rank-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:normal}.rank-number{font-family:Georgia,serif;font-weight:bold;color:#e4d4aa}.rank-row small{font-size:10px;color:#d0bea0}.more-link{display:block;text-align:right;font-size:10px;padding:5px 14px;color:#514122}.empty-state{padding:16px;text-align:center;font-size:12px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:13px 19px 6px}.feature-tile{height:88px;border:3px ridge #d7cbb0;position:relative;overflow:hidden;background:#2f281d}.feature-tile img{width:100%;height:100%;object-fit:cover;filter:sepia(.7) saturate(.55);transition:filter .2s,transform .3s}.feature-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#15120caa)}.feature-tile>span{position:absolute;right:8px;bottom:5px;z-index:1;text-align:right;color:#f5edd8;text-shadow:2px 2px #201d20}.feature-tile small{display:block;font:8px Arial;letter-spacing:1px;color:#d9cba7}.feature-tile strong{font-size:23px;font-style:italic;font-weight:900}.feature-tile:hover img{filter:sepia(0);transform:scale(1.06)}.search-form{padding:9px 6px;display:flex;gap:3px;background:#342f28}.search-form input{min-width:0;width:100%;padding:5px;background:#f8f6ee;border:2px inset #a8aaa0;font-size:11px}.search-form button{border:2px outset #8e8e86;background:linear-gradient(#666,#151817);color:white;padding:3px 5px;white-space:nowrap}.search-status{font-size:11px;margin:0;background:#342f28;color:#f6ddab;padding:0 8px}.search-status:not(:empty){padding-bottom:8px}.right-column .menu-panel a{font-size:13px;padding:10px 3px;letter-spacing:0}.event-poster{display:block;position:relative;overflow:hidden;text-align:center;color:#fff1bc;background:linear-gradient(145deg,#9c372a,#5c161b 65%,#d28a44);border:4px ridge #d0aa73;min-height:327px;padding:15px 5px 12px;box-shadow:0 3px 5px #0004}.event-poster>small{font-size:9px;letter-spacing:1px}.poster-label{display:block;font-size:13px;letter-spacing:5px;margin:10px 0 5px}.event-poster strong{display:block;font-family:serif;font-size:27px;line-height:1.4;text-shadow:2px 2px #4c150f}.event-poster img{width:150%;max-width:none;height:145px;object-fit:cover;margin-left:-25%;mix-blend-mode:luminosity;mask-image:linear-gradient(transparent,#000 15%,#000 80%,transparent)}.poster-cta{display:inline-block;background:linear-gradient(#f1d492,#b78a3e);color:#5c3512;border:2px outset #edce8d;border-radius:20px;font-size:12px;font-weight:bold;padding:4px 13px}.support-info{text-align:center;padding:0 5px;color:#3f4c5b;font-size:12px}.support-info h2{font-size:15px;color:#685222;margin:5px 0}.support-info a{display:block;color:#4c4c76;text-decoration:underline;font-size:11px;margin:6px 0}.service-note{margin-top:14px;padding-top:12px;border-top:1px solid #c6baa3;color:#817159;font-size:11px}.site-footer{width:min(980px,94%);margin:28px auto 0;padding:20px 0 30px;border-top:1px solid #c4b89f;text-align:center;color:#8a7d65;font-size:11px}.site-footer nav{display:flex;justify-content:center;gap:22px;color:#594f3f}.site-footer p{margin:8px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1500px){.masthead{background-size:1500px auto;background-color:#171a16}}@media(max-width:850px){.portal{grid-template-columns:172px minmax(0,1fr);gap:12px}.right-column{grid-column:1/-1;grid-template-columns:1fr 1fr 1fr;align-items:start}.right-column .support-info{grid-column:1/-1}.event-poster{grid-column:3;grid-row:1/3;min-height:310px}.top-nav{grid-template-columns:repeat(3,1fr) 150px repeat(3,1fr)}.top-nav>a:not(.brand){font-size:13px;letter-spacing:0}.brand img{width:170px;height:170px}.hero-caption h1{font-size:30px}.hero-caption{top:110px;left:60%;width:350px}.download-orb{width:130px;height:130px}.notice-banner{gap:9px;padding:14px 10px}.notice-banner strong{font-size:17px}.notice-seal{width:50px;height:50px;font-size:28px}.news-tabs a{padding:3px 8px}.feature-grid{padding:10px;gap:5px}.feature-tile strong{font-size:19px}}@media(max-width:580px){.masthead{height:350px;background-position:46% top}.top-nav{height:auto;min-height:100px;margin-top:0;padding:8px 3px;grid-template-columns:repeat(3,1fr) 94px;row-gap:12px}.top-nav .brand{grid-column:4;grid-row:1/3;margin:0;height:90px}.brand img{height:108px;width:108px}.top-nav>a:not(.brand){font-size:13px}.hero-stage{height:246px}.hero-caption{top:25px;left:50%;width:100%}.hero-caption h1{font-size:27px;letter-spacing:1px}.hero-caption p{font-size:11px;letter-spacing:2px}.hero-caption>span{font-size:9px}.download-orb{left:8px;bottom:19px;width:103px;height:103px}.download-orb small{font-size:6px}.download-orb strong{font-size:19px}.download-orb span{font-size:10px}.hero-links{bottom:26px}.hero-links>*{font-size:10px;padding:4px 6px}.portal{width:94%;grid-template-columns:minmax(0,1fr);gap:15px}.center-column{grid-row:1}.left-column{grid-template-columns:1fr 1fr;gap:12px}.member-panel{grid-row:span 2}.small-promo{grid-column:1/-1}.right-column{grid-column:1;grid-template-columns:1fr 1fr;gap:12px}.event-poster{grid-column:2;grid-row:1/3;min-height:330px}.right-column .support-info{grid-column:1/-1}.metal-title{font-size:15px;letter-spacing:3px}.news-row{grid-template-columns:28px minmax(0,1fr) 65px;padding:4px;font-size:11px}.notice-banner strong{font-size:18px}.news-tabs a{padding:3px 9px}.feature-tile{height:83px}.feature-tile strong{font-size:22px}.site-footer nav{gap:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Neutral identity and unified portal layout */
.masthead{background:radial-gradient(ellipse at 20% 20%,#43616c88,transparent 48%),radial-gradient(ellipse at 85% 60%,#9f783c55,transparent 45%),linear-gradient(170deg,#18272f,#354b51 58%,#eee9df);overflow:hidden}.masthead:before{content:'';position:absolute;inset:80px 0 0;background:repeating-linear-gradient(115deg,transparent 0 90px,#e8d5a60a 91px 92px,transparent 93px 180px);pointer-events:none}.brand{gap:10px;align-items:center;margin:0;height:90px;color:#f5e1b2;text-shadow:0 2px 3px #000}.brand-mark,.game-brand-mark{display:flex;flex:none;align-items:center;justify-content:center;width:58px;height:58px;border:4px double #c5b17f;border-radius:50%;background:linear-gradient(145deg,#49534b,#101b21);font:bold 34px Georgia,serif;color:#e6ce91;box-shadow:0 3px 8px #0005}.brand-name{font-size:22px;letter-spacing:3px}.brand-name small{display:block;font:9px Arial;letter-spacing:2px;margin-top:4px}.feature-tile{background:repeating-linear-gradient(125deg,transparent 0 36px,#d2c29a09 37px 38px),linear-gradient(120deg,#474e4c,#19252d);height:92px}.feature-tile:nth-child(2n){background:repeating-linear-gradient(125deg,transparent 0 36px,#d2c29a09 37px 38px),linear-gradient(120deg,#665640,#2b2924)}.feature-tile:before{content:'01';position:absolute;left:9px;top:3px;font:italic 54px Georgia,serif;color:#dfc99c30}.feature-tile:nth-child(2):before{content:'02'}.feature-tile:nth-child(3):before{content:'03'}.feature-tile:nth-child(4):before{content:'04'}.feature-tile:nth-child(5):before{content:'05'}.feature-tile:nth-child(6):before{content:'06'}.feature-tile:hover{border-color:#ffe3a5;filter:brightness(1.12)}.event-poster{min-height:327px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:repeating-linear-gradient(125deg,transparent 0 45px,#fff1c509 46px 47px),radial-gradient(ellipse at top,#997344,#362a23 70%)}.event-poster:before{content:'EVENT';font:italic 38px Georgia,serif;color:#e8cf9177;letter-spacing:2px}.event-poster strong{font-size:25px}.event-poster .poster-label{margin:0}.event-poster .poster-cta{margin-top:13px}.hero-caption h1{font-family:"Microsoft JhengHei",sans-serif;font-weight:900}.hero-caption p{color:#e1d9c9}@media(max-width:850px){.brand{gap:6px}.brand-mark{width:42px;height:42px;font-size:26px}.brand-name{font-size:17px;letter-spacing:1px}.brand-name small{font-size:7px;letter-spacing:1px}}@media(max-width:580px){.top-nav .brand{height:84px;flex-direction:column;gap:3px}.brand-mark{width:37px;height:37px;font-size:23px}.brand-name{font-size:13px}.brand-name small{font-size:6px;letter-spacing:1px}.feature-tile strong{font-size:21px}.hero-caption h1{font-size:25px}.event-poster{min-height:310px}}