@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700;800&display=swap');
:root{font-family:'Noto Sans SC',sans-serif;color:#eae7df;background:#14191d;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #e6c691;outline-offset:4px}.grain{position:fixed;inset:0;z-index:10;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='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.site-header{height:84px;padding:0 clamp(24px,5vw,86px);display:flex;align-items:center;gap:4vw;border-bottom:1px solid #ffffff19;position:relative;z-index:3;background:#14191df2}.brand{display:flex;align-items:center;gap:13px;font-size:16px;font-weight:700;letter-spacing:.14em;line-height:1.1;white-space:nowrap}.brand i{font-style:normal;color:#d7b880}.brand small{display:block;color:#a9a69f;letter-spacing:.24em;font-size:10px;font-weight:400;margin-top:5px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border:1px solid #bca472;color:#e7cc96;font:700 19px 'Noto Serif SC',serif;transform:rotate(-4deg)}nav{display:flex;gap:34px;margin-left:auto;font-size:13px;color:#d5d2c8}nav a:hover{color:#e7c88d}nav span{font-size:11px;background:#9a493f;color:white;border-radius:50%;display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:2px}.edition{font:11px Georgia,serif;color:#999b99;letter-spacing:.14em;border-left:1px solid #ffffff30;padding-left:28px}.hero{display:grid;grid-template-columns:51% 49%;min-height:565px;border-bottom:1px solid #ffffff24}.hero-copy{padding:80px 7vw 65px clamp(24px,8vw,135px);position:relative;z-index:1;background:radial-gradient(circle at 0 10%,#263235 0,transparent 45%),#151b1f}.eyebrow{color:#c8ad81;font:11px Georgia,serif;letter-spacing:.22em}.eyebrow .line{display:inline-block;width:29px;height:1px;background:#c8ad81;vertical-align:middle;margin-right:12px}.hero h1{font:600 clamp(56px,6vw,94px)/1.22 'Noto Serif SC',serif;letter-spacing:.04em;margin:39px 0 24px;white-space:nowrap}.hero h1 em{font-style:normal;color:#ddc38f}.hero-copy>p{font-size:15px;line-height:2;max-width:460px;color:#bdbfbd;margin:0 0 32px}.hero-link{display:inline-flex;align-items:center;justify-content:space-between;gap:58px;padding:14px 20px;border:1px solid #bd9e6d;color:#f0d7a7;font-size:13px;letter-spacing:.12em;transition:.2s}.hero-link:hover{background:#d5b57b;color:#181d1d}.hero-link span{font-size:21px;line-height:1}.hero-note{margin-top:45px;color:#929995;font-size:11px;letter-spacing:.1em}.hero-art{overflow:hidden;position:relative;min-height:565px;background:radial-gradient(circle at 48% 40%,#716762 0,#354446 44%,#1b282d 78%)}.hero-art:after{content:'';position:absolute;inset:21px;border:1px solid #f0e0b32b;pointer-events:none}.hero-sun{position:absolute;width:420px;height:420px;border-radius:50%;background:linear-gradient(135deg,#aa9990,#caac80);opacity:.28;top:11%;left:18%;filter:blur(1px)}.hero-ring{position:absolute;width:550px;height:550px;border-radius:50%;border:1px solid #e4d5a250;top:9%;left:10%;box-shadow:0 0 0 45px #d7c89e0b,0 0 0 102px #d7c89e09}.hero-mountain{position:absolute;bottom:-60px;width:110%;height:240px;clip-path:polygon(0 65%,10% 49%,20% 65%,37% 10%,53% 65%,68% 25%,86% 68%,100% 35%,100% 100%,0 100%);background:#1d3235;opacity:.9}.hero-mountain.m2{bottom:-75px;transform:scaleX(-1);background:#263d3f;opacity:.7}.hero-symbol{position:absolute;right:9%;top:10%;font:180px 'Noto Serif SC',serif;color:#e0c89812}.hero-stamp{position:absolute;right:8%;bottom:10%;z-index:2;border:1px solid #d4b7878c;padding:13px;color:#e7d3b5;font:13px/1.7 'Noto Serif SC',serif;letter-spacing:.2em;text-align:center}.hero-stamp b{font-weight:500}.hero-caption{position:absolute;left:7%;bottom:7%;font:11px Georgia,serif;letter-spacing:.18em;color:#e9d6b6;z-index:2}.portrait{--hair:#2f4544;--cloth:#859b88;position:absolute;width:230px;height:270px;left:50%;bottom:0;transform:translateX(-50%);filter:drop-shadow(0 18px 18px #10181b67)}.hero-portrait{width:355px;height:440px;bottom:-19px;left:50%;--hair:#243936;--cloth:#8ea395}.portrait div{position:absolute}.hair-back{width:53%;height:78%;left:24%;top:11%;background:var(--hair);border-radius:47% 47% 22% 22%;box-shadow:inset -22px 5px 0 #ffffff10}.neck{width:15%;height:24%;left:43%;top:58%;background:#ddac97;border-radius:10px}.body{width:92%;height:48%;left:4%;bottom:-9%;background:linear-gradient(125deg,#c9c3a6 0 23%,var(--cloth) 24% 75%,#455c58 76%);clip-path:polygon(28% 0,70% 0,98% 34%,100% 100%,0 100%,2% 34%);border-radius:38% 38% 0 0}.collar{width:38%;height:26%;left:31%;top:71%;background:#e4d8bc;clip-path:polygon(0 0,50% 73%,100% 0,80% 75%,50% 100%,19% 75%)}.face{width:43%;height:47%;left:29%;top:19%;background:linear-gradient(110deg,#e9c2a9,#f2d7bd 55%,#d6a58c);border-radius:43% 43% 47% 47%;clip-path:polygon(7% 0,92% 0,100% 54%,87% 86%,51% 100%,15% 83%,0 45%)}.ear{width:7%;height:10%;background:#d9ad97;top:45%;border-radius:50%}.ear.left{left:26%}.ear.right{right:25%}.bang{background:var(--hair);top:10%;height:30%}.bang.b1{width:48%;left:25%;border-radius:56% 48% 43% 40%;transform:rotate(15deg)}.bang.b2{width:29%;right:25%;border-radius:60% 50% 25% 60%;transform:rotate(-25deg);top:15%;height:24%}.hairpin{width:19%;height:4%;background:#dabd80;left:19%;top:32%;border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 0 2px #584b39}.eye{width:6%;height:1.8%;background:#4a3d3b;top:46%;border-radius:50%}.eye.e1{left:38%}.eye.e2{right:35%}.mouth{width:5%;height:1%;left:49%;top:57%;border-bottom:2px solid #a87975;border-radius:50%}.atlas,.collection{padding:76px clamp(24px,5vw,86px)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 35px}.section-heading h2{font:600 40px 'Noto Serif SC',serif;letter-spacing:.08em;margin:12px 0 6px}.section-heading p{font-size:14px;color:#a7adaa;margin:0}.section-index,.collection-total{font:34px Georgia,serif;color:#ddc18f}.section-index span{font:12px 'Noto Sans SC',sans-serif;color:#abb0ac;vertical-align:middle}.atlas-layout{display:grid;grid-template-columns:minmax(250px,28%) 1fr;gap:20px}.province-panel{border:1px solid #d4caac37;background:#1b2428}.panel-top{display:flex;justify-content:space-between;padding:20px 22px;color:#d8c398;font-size:13px;border-bottom:1px solid #d4caac27}.panel-top span+span{font:10px Georgia,serif;letter-spacing:.1em;color:#849491}.map-visual{height:174px;position:relative;overflow:hidden;border-bottom:1px solid #d4caac27;background:radial-gradient(circle at center,#3d5050,#263538)}.map-visual svg{display:block;width:100%;height:100%;padding:12px 23px}.map-visual path{fill:#81999545;stroke:#b5bdac;stroke-width:1.2}.map-visual .map-line{fill:none;stroke:#c5c19d88;stroke-width:.6;stroke-dasharray:3 4}.map-label{position:absolute;left:20px;bottom:12px;font:9px Georgia,serif;letter-spacing:.1em;color:#c2c9c0}.province-list{padding:7px 0}.province-button{display:flex;align-items:center;gap:16px;width:100%;border:0;background:transparent;color:#c5ccca;text-align:left;padding:13px 22px;transition:.2s;border-left:3px solid transparent}.province-button:hover,.province-button.active{background:#3e4f4c;color:#fff}.province-button.active{border-left-color:#d9bd87}.province-no{font:11px Georgia,serif;color:#bda980}.province-name{font:600 18px 'Noto Serif SC',serif;letter-spacing:.08em}.province-name small{display:block;font:10px Georgia,serif;color:#a2afac;margin-top:3px;letter-spacing:.12em}.province-arrow{margin-left:auto;color:#cbb88d;font-size:19px}.panel-foot{padding:16px 22px;color:#8f9a98;border-top:1px solid #d4caac27;font-size:11px;line-height:1.6}.province-cover{height:255px;position:relative;overflow:hidden;background:linear-gradient(105deg,var(--cover-dark),#263237);border:1px solid #d4caac37;padding:34px 38px}.province-cover:before{content:'';position:absolute;width:330px;height:330px;border:1px solid #e7d5b340;border-radius:50%;right:8%;top:-60px;box-shadow:0 0 0 40px #e7d5b30a,0 0 0 94px #e7d5b309}.cover-label{color:#ead7ad;font:11px Georgia,serif;letter-spacing:.18em}.province-cover h3{font:600 46px 'Noto Serif SC',serif;margin:12px 0 7px}.province-cover h3 small{font:14px Georgia,serif;color:#d6c9ae;margin-left:17px;letter-spacing:.18em}.province-cover p{position:relative;z-index:1;font-size:14px;color:#e2e1d8;line-height:1.8;max-width:430px}.cover-motif{display:inline-block;color:#e5d0a3;border-top:1px solid #dbc59570;padding-top:10px;font-size:12px;margin-top:5px}.cover-glyph{position:absolute;right:9%;top:-40px;font:260px 'Noto Serif SC',serif;color:#ffffff16}.cards-heading{display:flex;justify-content:space-between;margin:27px 0 14px;color:#c8c9c2;font-size:13px}.cards-heading b{font:18px Georgia,serif;color:#e4c58c;margin-left:6px}.cards-heading span+span{font-size:11px;color:#8c9995}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.archive-card{position:relative;background:#232d30;border:1px solid #d4caac2c;transition:transform .25s,border-color .25s}.archive-card:hover{transform:translateY(-4px);border-color:#d7bd8999}.card-main{width:100%;padding:0;border:0;background:none;color:inherit;text-align:left}.card-art{height:280px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 38%,var(--card-accent),var(--card-dark) 65%,#222d31)}.card-art:after{content:'';position:absolute;inset:11px;border:1px solid #ffffff35;pointer-events:none}.card-orbit{position:absolute;width:215px;height:215px;border:1px solid #fff5ce80;border-radius:50%;left:50%;top:30px;transform:translateX(-50%);box-shadow:0 0 0 23px #ffffff0a,0 0 0 55px #ffffff08}.card-mark{position:absolute;font:120px 'Noto Serif SC',serif;color:#fff3db24;right:19px;top:2px}.card-number{position:absolute;bottom:19px;left:22px;color:#e9dfc7;font:10px Georgia,serif;letter-spacing:.18em;z-index:1}.card-copy{padding:20px 22px 23px}.card-kicker{font-size:10px;letter-spacing:.16em;color:#c4aa78}.card-copy h4{font:600 26px 'Noto Serif SC',serif;margin:7px 0 7px}.card-copy h4 small{font:11px Georgia,serif;letter-spacing:.1em;color:#9caaa6;margin-left:11px}.card-copy p{margin:0 0 18px;color:#abb7b3;font-size:13px}.card-cta{display:flex;justify-content:space-between;color:#e1c38e;font-size:12px;border-top:1px solid #ffffff24;padding-top:13px}.card-cta span{font-size:17px}.save-button{position:absolute;right:20px;top:18px;z-index:2;width:34px;height:34px;border:1px solid #f3e6cf8c;background:#1b272877;border-radius:50%;color:#fff1dc;font-size:22px;line-height:1}.save-button.is-saved{color:#eab6aa;background:#4a3336}.collection{background:#1b2428;border-top:1px solid #ffffff21}.saved-list{display:flex;flex-wrap:wrap;gap:12px;min-height:112px}.saved-chip{display:flex;align-items:center;gap:11px;background:#293438;border:1px solid #c3b8974d;padding:12px 15px;color:#eee6d7;text-align:left;min-width:202px}.saved-chip:hover{background:#354448}.saved-chip>span{display:grid;place-items:center;width:35px;height:35px;border:1px solid #c7b183;color:#d8c18e;font:18px 'Noto Serif SC',serif}.saved-chip b{font:600 16px 'Noto Serif SC',serif}.saved-chip small{font-size:11px;color:#aab6b1}.saved-chip i{margin-left:auto;color:#d2bd91;font-style:normal}.empty-state{width:100%;display:flex;align-items:center;gap:18px;border:1px dashed #aeb2a44c;color:#a9b2ac;padding:20px 25px;font-size:13px;line-height:1.8}.empty-state span{font:36px Georgia,serif;color:#c7ae82}.empty-state p{margin:0}.storage-note{font-size:11px;color:#8f9995;margin:15px 0 0}footer{display:flex;justify-content:space-between;gap:20px;padding:24px clamp(24px,5vw,86px);font-size:11px;letter-spacing:.04em;color:#919c98;background:#11171a;border-top:1px solid #ffffff18}footer span:last-child{color:#c7aa85}dialog{width:min(860px,calc(100vw - 32px));max-height:min(850px,calc(100vh - 32px));padding:0;border:1px solid #cbb68a;background:#1c2629;color:#e8e8de;box-shadow:0 30px 90px #0009;overflow:auto}dialog::backdrop{background:#0a1114d9;backdrop-filter:blur(5px)}.dialog-open{overflow:hidden}.dialog-close{position:absolute;right:16px;top:13px;z-index:3;background:#1d292ba8;color:#f1e1c3;border:1px solid #d6c49b7a;width:38px;height:38px;font-size:26px;line-height:1}.detail-layout{display:grid;grid-template-columns:42% 58%;min-height:630px}.detail-art{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 39%,var(--card-accent),var(--card-dark) 63%,#172124);min-height:600px}.detail-art:before{content:'';position:absolute;width:320px;height:320px;top:17%;left:50%;transform:translateX(-50%);border:1px solid #f6ecc180;border-radius:50%;box-shadow:0 0 0 32px #f6ecc110,0 0 0 84px #f6ecc10a}.detail-art .portrait{width:330px;height:410px;bottom:5%;}.detail-mark{position:absolute;right:10%;top:4%;font:190px 'Noto Serif SC',serif;color:#fff8db22}.detail-art-caption{position:absolute;bottom:20px;left:25px;font:10px Georgia,serif;letter-spacing:.17em;color:#f0e1bf}.detail-copy{padding:60px 48px 35px}.detail-brand{color:#c1c9c0;font-size:13px;margin-top:35px}.detail-copy h2{font:600 52px 'Noto Serif SC',serif;margin:6px 0}.detail-subtitle{color:#dec38e;font-size:15px;margin:0}.detail-rule{height:1px;background:#cbb68a5c;margin:28px 0}.detail-copy dl{display:flex;gap:35px;margin:0 0 33px}.detail-copy dt{color:#8e9f99;font-size:11px;margin-bottom:7px}.detail-copy dd{font-size:13px;margin:0}.detail-copy h3{font:600 16px 'Noto Serif SC',serif;color:#ddc295;margin:20px 0 7px}.detail-copy h3+p{font-size:14px;line-height:1.85;color:#bdc6c0;margin:0}.detail-save{border:1px solid #c9ad7f;background:transparent;color:#edcf98;padding:12px 22px;margin-top:25px;font-size:13px}.detail-save:hover{background:#c9ad7f;color:#142023}.detail-disclaimer{font-size:11px;color:#83918e;margin:16px 0 0}
@media(max-width:950px){.site-header{padding:0 24px}.edition{display:none}.hero-copy{padding-left:35px}.hero h1{font-size:58px}.atlas,.collection{padding-left:24px;padding-right:24px}.atlas-layout{grid-template-columns:225px 1fr}.province-cover{padding:25px}.card-art{height:235px}.card-copy{padding:17px}}
@media(max-width:700px){.site-header{height:68px;padding:0 16px}.brand{font-size:12px;gap:8px}.brand-mark{width:30px;height:30px;font-size:16px}.brand small{font-size:8px}nav{gap:14px;font-size:11px}.hero{display:block}.hero-copy{padding:48px 23px 38px}.hero h1{font-size:clamp(46px,12vw,68px);margin:28px 0 18px}.hero-copy>p{font-size:14px}.hero-note{margin-top:25px}.hero-art{min-height:320px}.hero-portrait{width:280px;height:350px;bottom:-25px}.hero-sun{width:280px;height:280px}.hero-ring{width:370px;height:370px}.hero-stamp{font-size:10px;right:6%}.hero-caption{font-size:9px}.atlas,.collection{padding:53px 16px}.section-heading h2{font-size:32px}.section-heading p{font-size:12px;line-height:1.7}.section-index{font-size:25px;white-space:nowrap}.atlas-layout{display:block}.province-panel{margin-bottom:16px}.map-visual{display:none}.province-list{display:flex;overflow-x:auto;padding:8px;scrollbar-width:thin}.province-button{flex:none;width:105px;padding:10px;display:block;border-left:0;border-bottom:2px solid transparent;text-align:center}.province-button.active{border-left:0;border-bottom-color:#d9bd87}.province-no,.province-arrow{display:none}.province-name{font-size:17px}.panel-foot{display:none}.panel-top{padding:12px 16px}.province-cover{height:225px}.province-cover h3{font-size:39px}.province-cover p{font-size:13px;max-width:270px}.cover-glyph{right:-10px;font-size:200px}.card-grid{gap:10px}.card-art{height:210px}.card-art .portrait{width:180px;height:225px}.card-copy{padding:13px}.card-copy h4{font-size:20px}.card-copy h4 small{display:block;margin:4px 0 0;font-size:9px}.card-copy p{font-size:11px;line-height:1.5;min-height:34px}.card-cta{font-size:11px}.save-button{top:12px;right:12px;width:30px;height:30px}.cards-heading span+span{display:none}.detail-layout{display:block}.detail-art{min-height:320px;height:320px}.detail-art .portrait{width:265px;height:330px;bottom:-40px}.detail-copy{padding:30px 25px}.detail-brand{margin-top:20px}.detail-copy h2{font-size:42px}footer{display:block;padding:25px 16px;line-height:2}footer span{display:block}}
@media(max-width:380px){nav a:first-child{display:none}.card-art{height:175px}.card-art .portrait{width:150px;height:190px}.card-copy h4{font-size:18px}.card-copy p{font-size:10px}.section-index{font-size:21px}}

/* Atlas revision: real map, archive pack photos and anime character plates. */
.hero-art{background:radial-gradient(circle at 50% 40%,#536563,#1c2e32 78%)}
.hero-character{position:absolute!important;width:min(81%,520px)!important;height:auto!important;aspect-ratio:1!important;left:50%!important;bottom:-5%!important;transform:translateX(-50%);z-index:1;background-image:url('assets/characters-a.png');background-size:300% 200%;background-position:0% 0%;background-repeat:no-repeat;filter:drop-shadow(0 18px 25px #10191b90)}
.hero-stamp,.hero-caption{z-index:2}
.map-stage{position:relative;background:radial-gradient(circle at center,#2e4140,#1c292c 70%);border:1px solid #c9b78f58;padding:25px 28px 18px;overflow:hidden}
.map-stage:before{content:'';position:absolute;inset:12px;border:1px solid #dfc99a21;pointer-events:none}
.map-head{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:1;color:#cbb38a;font:11px Georgia,serif;letter-spacing:.18em}
.map-head strong{font:600 19px 'Noto Serif SC',serif;color:#ead4a9;letter-spacing:.07em}
.china-map{max-width:1050px;margin:0 auto;position:relative}
.china-svg{display:block;width:100%;height:auto;max-height:640px;margin:0 auto;overflow:visible}
.map-shape{fill:#556866;stroke:#abbcb35c;stroke-width:.8;vector-effect:non-scaling-stroke;transition:fill .25s,stroke .25s,filter .25s}
.map-shape.selectable{fill:#8e9c88;stroke:#e0d0a68c;cursor:pointer}
.map-shape.selectable:hover,.map-shape.selectable:focus-visible{fill:#c3a976;stroke:#fff0cb;outline:none}
.map-shape.active{fill:#d4aa65;stroke:#fff4d4;filter:drop-shadow(0 0 8px #f8cc7b)}
.map-pin{cursor:pointer;outline:none}.pin-halo{fill:#d6bd8f29;stroke:#e0c899;stroke-width:1}.pin-dot{fill:#f0cf8f;stroke:#2f4340;stroke-width:2}.map-pin text{fill:#f4e6ca;font:600 12px 'Noto Sans SC',sans-serif;paint-order:stroke;stroke:#1c292c;stroke-width:3px;letter-spacing:.03em}.map-pin:hover .pin-halo,.map-pin.active .pin-halo,.map-pin:focus-visible .pin-halo{fill:#eed29a88;stroke:#fff2d5;stroke-width:2}.map-pin.active .pin-dot{fill:#fff4d3}.map-pin.active text{fill:#fff1cd;font-weight:700}
.map-instruction{text-align:center;color:#aebcb6;font-size:12px;margin:0 0 4px;line-height:1.7}
.province-list{display:grid;grid-template-columns:repeat(6,1fr);gap:0;background:#202c2e;border:1px solid #c9b78f46;border-top:0;margin:0 0 22px;padding:0;overflow:visible}
.province-button{display:flex;width:100%;align-items:center;gap:11px;padding:17px 15px;border:0;border-right:1px solid #c9b78f27;border-bottom:3px solid transparent}
.province-button:last-child{border-right:0}.province-button.active{border-left:0;border-bottom-color:#d9bd87;background:#3e504d}.province-no{display:block}.province-arrow{display:none}.province-name{font-size:17px}
.province-cover{height:220px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card-art{height:340px;background:radial-gradient(circle at 45% 43%,var(--card-accent),var(--card-dark) 70%,#222d31)}
.card-art .character-image{position:absolute;width:62%;height:auto;aspect-ratio:1;bottom:-6%;left:0;background-image:var(--sheet);background-size:300% 200%;background-position:var(--sprite-x) var(--sprite-y);background-repeat:no-repeat;filter:drop-shadow(0 16px 15px #12181b66)}
.card-art .pack-image{position:absolute;width:33%;height:63%;right:10%;bottom:14%;background:#eeece6;box-shadow:0 17px 35px #111b1c99,0 0 0 5px #e9d1a14d;overflow:hidden;transform:rotate(3deg)}
.pack-image img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.5);image-rendering:auto}.card-orbit{left:20%;top:20px}.card-number{z-index:2}
.detail-art{min-height:640px}.detail-art .character-image{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;aspect-ratio:1;background-image:var(--sheet);background-size:300% 200%;background-position:var(--sprite-x) var(--sprite-y);background-repeat:no-repeat}
.detail-pack{display:grid;grid-template-columns:95px 1fr;gap:16px;align-items:center;border-top:1px solid #bca98254;border-bottom:1px solid #bca98254;margin-top:26px;padding:14px 0}.detail-pack-photo{width:95px;height:105px;overflow:hidden;background:#f3f0eb}.detail-pack-photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.45)}.detail-pack span{font-size:13px;color:#dec390}.detail-pack p{font-size:11px;line-height:1.5;color:#aab7b1;margin:6px 0}.detail-pack a{font-size:11px;color:#d8c18e;text-decoration:underline;text-underline-offset:3px}
@media(max-width:950px){.province-button{padding:13px 8px}.province-no{display:none}.province-name{font-size:15px}.card-art{height:300px}.detail-art{min-height:550px}}
@media(max-width:700px){.hero-character{width:300px!important;bottom:-7%!important}.map-stage{padding:18px 12px 14px;overflow-x:auto}.map-head{min-width:620px;padding:0 8px}.china-map{min-width:630px}.map-instruction{min-width:620px;text-align:left;padding-left:8px}.province-list{display:flex;overflow-x:auto;margin-bottom:16px}.province-button{flex:none;width:100px;display:block;text-align:center;border-right:1px solid #c9b78f27;border-bottom:3px solid transparent}.province-button.active{border-bottom-color:#d9bd87}.province-cover{height:215px}.card-grid{gap:10px}.card-art{height:220px}.card-art .character-image{width:75%;left:-8%;bottom:-4%}.card-art .pack-image{width:40%;height:57%;right:7%;bottom:18%}.detail-art{min-height:340px;height:340px}.detail-art .character-image{width:340px}.detail-pack{grid-template-columns:90px 1fr}}
@media(max-width:380px){.card-art{height:190px}.card-art .character-image{width:80%}.card-art .pack-image{width:42%;height:55%}}
.hero-character{width:min(140%,740px)!important;mask-image:radial-gradient(ellipse at center,#000 48%,transparent 76%)}
.detail-art .character-image{width:560px;height:560px;mask-image:radial-gradient(ellipse at center,#000 57%,transparent 82%)}
@media(max-width:700px){.hero-character{width:380px!important}.detail-art .character-image{width:360px;height:360px}}

/* Full regional index and pack-led color system. */
.province-list{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border:0;border-top:1px solid #c9b78f46;border-left:1px solid #c9b78f46;margin-top:0}
.province-button,.province-button:last-child{min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:7px;padding:11px 8px;border:0;border-right:1px solid #c9b78f46;border-bottom:1px solid #c9b78f46;text-align:left}
.province-button.active{border-bottom:1px solid #c9b78f46;box-shadow:inset 3px 0 0 var(--active-color,#d9bd87);background:color-mix(in srgb,var(--active-color,#d9bd87) 22%,#202c2e)}
.province-button .province-no{display:block;font-size:10px}.province-button .province-name{font-size:15px;white-space:nowrap}.province-button .province-name small{font-size:9px;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.map-shape.selectable{fill:#6d817b;stroke:#c0cfbf8c}.map-shape.active{fill:var(--active-color,#d4aa65);stroke:#fff4d4;filter:drop-shadow(0 0 8px var(--active-color,#f8cc7b))}.map-pin.active .pin-halo{fill:var(--active-color,#eed29a)}
.province-cover{display:flex;align-items:center;position:relative;background:linear-gradient(105deg,var(--cover-dark),color-mix(in srgb,var(--cover-accent) 35%,#1c292c));min-height:250px;height:auto;isolation:isolate}
.province-cover>div:first-child{position:relative;z-index:2;width:min(65%,650px)}
.province-cover h3{line-height:1.25}.province-cover p{max-width:530px}
.cover-glyph{position:absolute;left:50%;top:50%;right:auto;transform:translate(-50%,-50%);font:600 clamp(150px,18vw,250px)/1 'Noto Serif SC',serif;color:#fff;opacity:.095;white-space:nowrap;pointer-events:none;z-index:0}
.region-pending{min-height:175px;display:flex;align-items:center;gap:26px;padding:34px;border:1px solid #bca98255;background:#202a2d;margin-top:18px}.region-pending span{font:600 24px 'Noto Serif SC',serif;color:#d7bd93}.region-pending p{font-size:14px;line-height:1.7;color:#aeb9b4}
@media(max-width:1100px){.province-list{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:700px){.province-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;padding:0}.province-button,.province-button:last-child{width:auto;display:flex;text-align:left;padding:10px 6px}.province-button .province-no{display:none}.province-button .province-name{font-size:14px}.province-button .province-name small{font-size:8px}.province-cover{min-height:230px;padding:24px}.province-cover>div:first-child{width:90%}.cover-glyph{font-size:180px;opacity:.07}.region-pending{display:block;padding:25px}.region-pending p{margin-bottom:0}}
.card-art .pack-image{width:36%;height:70%;right:8%;bottom:9%;background:#e9e6db;box-shadow:0 20px 34px #111b1c9e;transform:rotate(2deg)}
.pack-image img,.detail-pack-photo img{transform:scale(1.65);object-position:center;image-rendering:auto}
.pack-image img[src*="baisha-v2"],.pack-image img[src*="suyan-v2"],.detail-pack-photo img[src*="baisha-v2"],.detail-pack-photo img[src*="suyan-v2"]{transform:scale(1)}
.pack-image img[src*="mudan-v2"],.pack-image img[src*="zhonghua-v2"],.detail-pack-photo img[src*="mudan-v2"],.detail-pack-photo img[src*="zhonghua-v2"]{transform:scale(1.25)}
.pack-image img[src*="yunyan-v2"],.detail-pack-photo img[src*="yunyan-v2"]{transform:scale(1.5)}
.detail-pack-photo{position:relative}
.pack-image img[src*="zhonghua-v2"],.detail-pack-photo img[src*="zhonghua-v2"]{position:absolute;left:50%;top:50%;width:240%;height:155%;max-width:none;object-fit:fill;transform:translate(-50%,-50%)}
.cover-glyph{left:72%;opacity:.13}
@media(max-width:700px){.cover-glyph{left:79%;top:31%;font-size:122px;opacity:.055}}
.detail-pack{grid-template-columns:170px 1fr;gap:22px}.detail-pack-photo{width:170px;height:225px}.detail-pack span{font-size:14px}.detail-pack p,.detail-pack a{font-size:12px}
@media(max-width:700px){.card-art .pack-image{width:43%;height:63%;right:5%;bottom:14%}.detail-pack{grid-template-columns:125px 1fr;gap:14px}.detail-pack-photo{width:125px;height:175px}}