:root{--sky-top:#eef3fa;--sky-mid:#fbfbfa;--paper:#faf9f5;--bg:#fbfbfa;--panel:#fff;--panel2:#f4f5f5;--ink:#161a24;--ink2:#3f4552;--ink3:#6d7382;--faint:#9da3af;--line:#1e2a4624;--hair:#1e2a4612;--gold:#a8873f;--gold-l:#c6ab72;--indigo:#2a4a7a;--silver:#5a6d8c;--accent:#2b3f6b;--btn-bg:#2b3f6b;--btn-ink:#fbfbfa;--E:#3a5f9e;--R:#96536e;--A:#2f7267;--star:#b08d57;--grain:.045;--ease:cubic-bezier(.2,.8,.2,1);--serif:ui-serif,"Songti SC","STSong","Noto Serif CJK SC","Source Han Serif SC","SimSun",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono","Courier New",monospace;--bg2:var(--panel2);--bg3:var(--panel2);--bg4:var(--paper);--tx:var(--ink);--tx2:var(--ink2);--tx3:var(--ink3);--tf:var(--faint);--line2:var(--line);--gold-soft:var(--gold-l);--gold-bg:color-mix(in srgb,var(--gold) 8%,transparent);--cyan:var(--indigo);--cyan-b:var(--indigo);--blue:var(--E);--red:var(--R);--green:var(--A);--shadow:none;--maxw:1360px}[data-theme=dark]{--sky-top:#0a0f1b;--sky-mid:#0a0e17;--paper:#0c111b;--bg:#080b12;--panel:#0d1220;--panel2:#0f1524;--ink:#e9e3d5;--ink2:#b4bdcb;--ink3:#8493ad;--faint:#5f6d86;--line:#96acd224;--hair:#96acd212;--gold:#c9a86a;--gold-l:#e8d9a8;--indigo:#9fb6dd;--silver:#c4cede;--accent:#c9a86a;--btn-bg:#c9a86a;--btn-ink:#0a0e17;--E:#74a0e0;--R:#d488a6;--A:#5bc2b4;--star:#c9a86a;--grain:.5}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;transition:background .5s var(--ease),color .5s var(--ease);line-height:1.7;overflow-x:clip}a{color:inherit;text-decoration:none}.wrap{max-width:1360px;margin:0 auto;padding:0 40px}em{color:var(--ink);font-style:normal;font-weight:500}nav{z-index:50;border-bottom:1px solid var(--hair);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(16px)saturate(1.1);transition:background .5s;position:sticky;top:0}nav .wrap{justify-content:space-between;align-items:center;height:66px;display:flex}.brand{font-family:var(--serif);letter-spacing:.06em;color:var(--ink);border:none;align-items:center;font-size:20px;font-weight:600;display:inline-flex}.brand .logo-mark{flex:none;margin-right:10px}.brand .en{font-family:var(--mono);letter-spacing:.22em;color:var(--ink3);margin-left:8px;font-size:11px}nav .links{align-items:center;gap:26px;display:flex}nav .links a{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink2);border:none;font-size:12px}nav .links a:hover{color:var(--accent);border:none}.tgl{cursor:pointer;border:1px solid var(--line);color:var(--ink3);font-family:var(--mono);letter-spacing:.06em;background:0 0;border-radius:20px;padding:5px 13px;font-size:11px;transition:all .2s}.tgl:hover{color:var(--accent);border-color:var(--accent)}.tgl:disabled{opacity:.42;cursor:not-allowed;color:var(--faint);border-color:var(--line)}main{background:var(--bg);z-index:1;padding:62px 0;position:relative}section{padding:112px 0}.sec-k{font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--accent);text-align:center;margin-bottom:14px;font-size:11px;display:block}.sec-h{font-family:var(--serif);letter-spacing:.06em;text-align:center;color:var(--ink);margin-bottom:18px;font-size:clamp(26px,3.4vw,34px);font-weight:300}.sec-lead{font-family:var(--serif);color:var(--ink2);text-align:center;max-width:680px;margin:0 auto 48px;font-size:15px;font-weight:300;line-height:2.05}.sec-data{font-family:var(--mono);letter-spacing:.08em;color:var(--ink3);text-align:center;margin-bottom:44px;font-size:12px}.sec-data b{color:var(--gold);font-weight:500}.reveal{opacity:0;transition:opacity .9s var(--ease),transform .9s var(--ease);transform:translateY(24px)}.reveal.in{opacity:1;transform:none}.cwall{perspective:1600px;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:12px;display:grid}.civcard{aspect-ratio:63/92;background:var(--panel);border:1px solid var(--line);transform-style:preserve-3d;transform:rotateX(var(--rx,0)) rotateY(var(--ry,0));transition:transform .4s var(--ease),box-shadow .4s var(--ease);border-radius:15px;flex-direction:column;padding:14px 13px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 32px -18px #28375a52}.civcard *{pointer-events:none}.civcard:hover{box-shadow:0 24px 50px -22px #28375a6b}.cc-noise{z-index:6;opacity:.3;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/></svg>");position:absolute;inset:0}.cc-top{z-index:4;justify-content:space-between;align-items:center;margin-bottom:9px;display:flex;position:relative}.cc-ax{font-family:var(--mono);font-size:11.5px;font-weight:600}.cc-ax.E{color:var(--E)}.cc-ax.R{color:var(--R)}.cc-ax.A{color:var(--A)}.cc-rare{font-family:var(--mono);letter-spacing:.04em;border:1px solid var(--line);color:var(--ink3);white-space:nowrap;border-radius:20px;padding:2px 9px;font-size:9px}.cc-art{z-index:2;background:var(--panel2);border-radius:9px;flex:1;min-height:0;position:relative;overflow:hidden}.cc-art img{object-fit:cover;object-position:center 26%;width:100%;height:100%;display:block}.release-placeholder{background:linear-gradient(145deg,var(--panel2),var(--paper));justify-content:center;align-items:center;display:flex}.release-placeholder svg{width:46px;height:46px;color:var(--gold);opacity:.72;--logo-sw:2.7;--logo-so:.55}.cc-art.portrait img{object-position:center 16%}.cc-dim{background:linear-gradient(180deg,transparent 58%,color-mix(in srgb,var(--panel) 60%,transparent));position:absolute;inset:0}.cc-name{font-family:var(--serif);color:var(--ink);z-index:4;letter-spacing:.02em;margin-top:10px;font-size:14.5px;font-weight:500;position:relative}.cc-desc{font-family:var(--serif);color:var(--ink3);z-index:4;margin-top:5px;font-size:11px;font-weight:300;line-height:1.55;position:relative}.cc-foot{border-top:1px solid var(--hair);z-index:4;justify-content:space-between;align-items:baseline;margin-top:9px;padding-top:8px;display:flex;position:relative}.cc-sc{font-family:var(--mono);color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:15px}.cc-meta{font-family:var(--mono);color:var(--faint);letter-spacing:.03em;font-size:8.5px}.cc-dim-mark{vertical-align:-2.5px;width:12px;height:12px;color:var(--faint);--logo-sw:6;--logo-so:.8;margin-right:4px;display:inline-block}.cc-holo{z-index:5;opacity:0;mix-blend-mode:color-dodge;-webkit-mask:radial-gradient(circle at var(--mx,50%) var(--my,50%),#000 0,#0000004d 55%,transparent 82%);mask:radial-gradient(circle at var(--mx,50%) var(--my,50%),#000 0,#0000004d 55%,transparent 82%);background:repeating-linear-gradient(115deg,#0000 0 6%,#78a0ff1a 8%,#c8a86a1a 11%,#0000 14% 20%);position:absolute;inset:0}.cc-glare{z-index:5;opacity:0;mix-blend-mode:overlay;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#fff8e880,transparent 44%);position:absolute;inset:0}.cc-myth{background:linear-gradient(var(--panel),var(--panel)) padding-box,linear-gradient(135deg,#c9a86a,#f2e8cc,#8fa8cf,#c9a86a) border-box;border:1.6px solid #0000;box-shadow:0 20px 46px -20px #96783c66}.cc-myth .cc-rare{color:var(--paper);background:linear-gradient(120deg,#c9a86a,#a67c3d);border-color:#0000;font-weight:600}[data-theme=dark] .cc-myth .cc-rare{color:#0a0e17}.cc-myth .cc-name{color:var(--gold)}.civcard.cc-legend{border-color:color-mix(in srgb,var(--gold) 58%,transparent)}.civcard.cc-legend .cc-rare{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 48%,transparent)}.cc-high{border-color:color-mix(in srgb,var(--gold) 32%,var(--line))}.cc-high .cc-rare{color:var(--gold)}.cc-mid{border-color:color-mix(in srgb,var(--silver) 34%,var(--line))}.civcard.gap .cc-art img{filter:saturate(.85)brightness(.95)}.civcard.gap .cc-name{color:var(--ink2)}.morebtn{border:1px dashed color-mix(in srgb,var(--accent) 34%,var(--line));background:var(--panel);transition:.2s var(--ease);border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin-top:30px;padding:20px 26px;text-decoration:none;display:flex}.morebtn:hover{border-color:var(--accent);transform:translateY(-2px)}.morebtn>span:first-child,.big-cta>span:first-child{text-align:left;flex-direction:column;gap:7px;display:flex}.morebtn .bt,.big-cta .bt{font-family:var(--serif);color:var(--ink);font-size:17px;font-weight:500;display:block}.morebtn .bs,.big-cta .bs{font-family:var(--serif);color:var(--ink3);margin-top:4px;font-size:12.5px;font-weight:300;display:block}.morebtn .ba{font-family:var(--mono);color:var(--accent);font-size:18px}.rank-cta{grid-template-columns:1fr 1fr;gap:16px;margin-top:30px;display:grid}.big-cta{border:1px solid var(--line);background:var(--panel);transition:.2s var(--ease);border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:22px 26px;text-decoration:none;display:flex}.big-cta:hover{border-color:color-mix(in srgb,var(--accent) 46%,transparent);transform:translateY(-3px)}.big-cta.gold{border-color:color-mix(in srgb,var(--gold) 40%,transparent);background:linear-gradient(160deg,var(--panel),var(--panel2))}.big-cta .ba{font-family:var(--mono);color:var(--accent);font-size:17px}@media (width<=1240px){.cwall{grid-template-columns:repeat(4,1fr)}}@media (width<=960px){.cwall{grid-template-columns:repeat(3,1fr)}.rank-cta{grid-template-columns:1fr}}@media (width<=680px){.cwall{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.civcard{transition:none}*{animation-duration:1ms!important}}footer{border-top:1px solid var(--hair);padding:30px 0 46px}footer .wrap{font-family:var(--mono);letter-spacing:.06em;color:var(--ink3);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:11px;display:flex}.narrow{max-width:760px}.eyebrow{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:11.5px;font-weight:500;display:inline-block}h1{font-family:var(--serif);letter-spacing:-.01em;color:var(--tx);margin-bottom:20px;font-size:46px;font-weight:600;line-height:1.16}h2{font-family:var(--serif);letter-spacing:0;color:var(--tx);margin:52px 0 16px;font-size:25px;font-weight:600}h3{font-family:var(--sans);letter-spacing:.005em;color:var(--tx);margin:22px 0 6px;font-size:16px;font-weight:680}p{margin:11px 0}.lead{color:var(--tx2);max-width:730px;font-size:17px;line-height:1.76}ul{margin:9px 0 9px 2px;list-style:none}li{padding:4px 0 4px 19px;position:relative}li:before{content:"✦";color:var(--cyan);opacity:.85;font-size:8.5px;position:absolute;top:5px;left:0}strong{color:var(--tx);font-weight:660}.hero{text-align:center;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--sky-top),var(--paper));width:100vw;margin:-30px -50vw 34px;padding:108px 0 94px;position:relative;left:50%;right:50%;overflow:hidden}.hero-inner{z-index:2;max-width:760px;margin:0 auto;padding:0 38px;position:relative}.hero h1{letter-spacing:.012em;margin:6px 0 20px;font-size:62px;line-height:1.1}.hero .lead{max-width:660px;color:var(--tx2);margin:0 auto;font-size:18px}.hero .crest{color:var(--cyan);letter-spacing:.5em;margin-bottom:8px;font-size:19px;line-height:1}.stats{border-top:1px solid var(--hair);flex-wrap:wrap;gap:30px;margin-top:26px;padding-top:22px;display:flex}.stat{flex-direction:column;gap:3px;display:flex}.stat .num{font-family:var(--mono);color:var(--silver);letter-spacing:.01em;font-size:26px;font-weight:500;line-height:1}.stat .lbl{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tx3);font-size:11px}.pathgrid{border:1px solid var(--line);border-radius:6px;grid-template-columns:1fr 1fr 1fr;gap:0;margin:18px 0;display:grid;overflow:hidden}.pathcard{border-right:1px solid var(--hair);background:var(--panel);padding:24px 24px 22px;transition:all .16s;display:block}.pathcard:last-child{border-right:none}.pathcard:hover{background:var(--bg3)}.pathcard .pnum{font-family:var(--mono);color:var(--tf);letter-spacing:.1em;font-size:13px}.pathcard .pcat{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin:14px 0 7px;font-size:11px;display:block}.pathcard .pt{font-family:var(--serif);color:var(--tx);margin-bottom:5px;font-size:18px;font-weight:600}.pathcard .pd{color:var(--tx2);font-size:13px;line-height:1.6}.pathcard .pgo{font-family:var(--mono);color:var(--accent);letter-spacing:.04em;margin-top:12px;font-size:11.5px;display:inline-block}.grid{grid-template-columns:1fr 1fr;gap:14px;margin:16px 0;display:grid}.pcard{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:5px;padding:22px 24px;transition:all .16s;display:block}.pcard:hover{border-color:var(--line2);background:var(--bg3)}.pcard h3{font-family:var(--serif);margin:0 0 6px;font-size:17px;font-weight:600}.pcard p{color:var(--tx2);margin:5px 0 0;font-size:13.5px;line-height:1.62}.pcard .tag{font-family:var(--mono);color:var(--tx3);letter-spacing:.06em;text-transform:uppercase;font-size:10.5px;font-weight:400}.tier-label{font-family:var(--mono);color:var(--tx3);letter-spacing:.2em;text-transform:uppercase;margin:30px 0 10px;font-size:11px;font-weight:500}.tier-label:before{content:"✦ ";color:var(--cyan)}.gap:not(.civcard){background:var(--panel);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:4px;align-items:center;gap:16px;margin:8px 0;padding:15px 18px;text-decoration:none;transition:all .16s;display:flex}.gap:not(.civcard):hover{border-color:var(--line2);background:var(--bg3);transform:translate(2px)}.gap:not(.civcard) .ax{font-family:var(--mono);text-align:center;letter-spacing:0;flex:none;width:18px;font-size:12px;font-weight:600}.gap:not(.civcard) .ax.E{color:var(--blue)}.gap:not(.civcard) .ax.R{color:var(--red)}.gap:not(.civcard) .ax.A{color:var(--green)}.gap:not(.civcard) .name{color:var(--tx);flex:1;font-size:14.5px;font-weight:600}.gap:not(.civcard) .name small{color:var(--tx3);letter-spacing:0;font-size:12.5px;font-weight:400;font-family:var(--sans);margin-top:2px;display:block}.gap:not(.civcard) .lv{font-family:var(--mono);color:var(--gold);white-space:nowrap;letter-spacing:.04em;flex:none;font-size:11px}.badges{flex-wrap:wrap;gap:7px;margin:14px 0;display:flex}.b{font-family:var(--mono);border:1px solid var(--line2);color:var(--tx2);letter-spacing:.04em;border-radius:2px;padding:3px 10px;font-size:11px}.b.E{border-color:color-mix(in srgb,var(--blue) 42%,transparent);color:var(--blue)}.b.R{border-color:color-mix(in srgb,var(--red) 42%,transparent);color:var(--red)}.b.A{border-color:color-mix(in srgb,var(--green) 42%,transparent);color:var(--green)}.b.lev{border-color:color-mix(in srgb,var(--gold) 50%,transparent);color:var(--gold);background:var(--gold-bg)}.team{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:5px;margin:13px 0;padding:19px 24px}.team .th{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px;display:flex}.team .tn{font-family:var(--serif);color:var(--tx);letter-spacing:.01em;font-size:17px;font-weight:600}.team .meta{font-family:var(--mono);color:var(--tx3);letter-spacing:.04em;font-size:11px}.team p{color:var(--tx2);margin:9px 0;font-size:14px}.team .links a{font-family:var(--mono);letter-spacing:.03em;margin-right:18px;font-size:11.5px}.dossier-head{border:1px solid var(--line);border-left:2px solid var(--cyan);background:var(--bg2);border-radius:4px;margin:6px 0;padding:18px 24px}.oneline{font-family:var(--serif);color:var(--tx);font-size:19px;font-weight:600;line-height:1.55}.credited-media{margin:16px 0 20px}.credited-media img{object-fit:cover;object-position:center 40%;border:1px solid var(--line);border-radius:9px;width:100%;max-height:390px;display:block}.credited-media figcaption{font-family:var(--mono);color:var(--tx3);margin-top:8px;font-size:10px;line-height:1.6}.credited-media figcaption a{color:var(--tx3);border-bottom:1px solid var(--hair)}.attack{background:var(--panel);border:1px solid color-mix(in srgb,var(--red) 26%,var(--line));border-radius:4px;margin:15px 0;padding:4px 22px}.note{border-left:2px solid var(--line2);color:var(--tx2);margin:18px 0;padding:6px 0 6px 16px;font-size:13.5px}.red{color:var(--red)}.how{border:1px solid color-mix(in srgb,var(--green) 24%,var(--line));border-radius:4px;margin:15px 0;padding:6px 22px}.subnav{flex-wrap:wrap;gap:8px;margin:20px 0 12px;display:flex}.subnav a{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--tx2);border:1px solid var(--line);border-radius:3px;padding:6px 12px;font-size:11.5px}.subnav a:hover{color:var(--cyan);border-color:var(--cyan)}.subnav a.cur{color:var(--bg);background:var(--cyan-b);border-color:var(--cyan-b)}.crumb{font-family:var(--mono);letter-spacing:.06em;color:var(--tx3);text-transform:uppercase;margin-bottom:16px;font-size:11px}.crumb a{color:var(--tx3)}.crumb a:hover{color:var(--cyan)}.planned{border:1px dashed var(--line2);color:var(--tx2);background:var(--bg2);border-radius:5px;margin:20px 0;padding:20px 24px;font-size:14px}.planned .tag{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);margin-bottom:9px;font-size:11px;display:block}.planned ul{margin:8px 0 0}.decision{border:1px solid var(--line);border-left:2px solid var(--cyan);background:var(--panel);border-radius:4px;margin:13px 0;padding:17px 22px}.decision .dh{font-family:var(--serif);color:var(--tx);margin-bottom:11px;font-size:16.5px;font-weight:600}.decision .row{gap:12px;margin:8px 0;font-size:13.5px;line-height:1.64;display:flex}.decision .lab{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;flex:none;width:50px;padding-top:3px;font-size:10px}.decision .lab.q{color:var(--tx3)}.decision .lab.w{color:var(--red)}.decision .lab.f{color:var(--green)}.decision .tx{color:var(--tx2);flex:1}.decision .tx strong{color:var(--tx);font-weight:660}.formula{font-family:var(--mono);background:var(--bg);border:1px solid var(--line);color:var(--cyan-b);letter-spacing:.02em;white-space:pre-wrap;border-radius:4px;margin:11px 0;padding:13px 17px;font-size:13px;line-height:1.75;overflow-x:auto}hr{border:none;border-top:1px solid var(--hair);margin:34px 0}.draft{font-family:var(--mono);color:var(--cyan);border:1px solid color-mix(in srgb,var(--cyan) 36%,transparent);background:var(--gold-bg);letter-spacing:.06em;border-radius:2px;margin-left:8px;padding:2px 8px;font-size:10.5px;display:inline-block}@media (width<=760px){nav .wrap{gap:12px;height:auto;min-height:58px;padding:7px 16px}.brand{flex:none;font-size:18px}.brand .en{display:none}nav .links{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;gap:15px;min-width:0;padding:7px 2px;overflow-x:auto}nav .links::-webkit-scrollbar{display:none}nav .links a,nav .links button{flex:none}.grid,.pathgrid{grid-template-columns:1fr}.pathcard{border-right:none;border-bottom:1px solid var(--hair)}h1{font-size:31px}.hero{margin-top:-22px;padding:64px 0 54px}.hero-inner{padding:0 22px}.hero h1{font-size:35px}main{padding:42px 0}.wrap{padding:0 22px}.stats{gap:0}}