@font-face{font-family:Rajdhani;src:url('fonts/Rajdhani-Medium.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Rajdhani;src:url('fonts/Rajdhani-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--bg:#fefefd;--paper:#fff;--panel:#faf9f6;--ink:#24272c;--muted:#60636a;--gold:#98722f;--gold-light:#ead6ae;--line:#83735630;--surface:#f5f2eb;--raised:#faf9f6;--header:#ffffffc9;--secondary:#565960;--soft:#7c7e83;--faint:#999a9d;--table-hover:#faf8f3;--button-ink:#292721;--shadow:none;font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif}
:root[data-theme=blackgold]{--bg:#040608;--paper:#0d1116;--panel:#0d1116;--ink:#efeeeb;--muted:#b1b3b8;--gold:#e8c78e;--gold-light:#e9cd9b;--line:#d7c8ac30;--surface:#14191f;--raised:#11161c;--header:#0b0e12ca;--secondary:#c4c4c6;--soft:#92969e;--faint:#787d87;--table-hover:#151a20;--button-ink:#292721;--shadow:none}
html{scroll-padding-top:125px}.topbar{top:18px;margin:18px 4% 0;padding:13px 22px;min-height:74px;height:auto;gap:30px;border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.topbar:after{display:none}.brand{display:block;flex-shrink:0}.brand img{display:block;width:142px;height:40px;object-fit:contain;filter:brightness(.62) sepia(1) saturate(1.7)}:root[data-theme=blackgold] .brand img{filter:brightness(.88) sepia(1) saturate(1.4)}.topbar nav{margin-left:45px;gap:30px}.navlink{border:0;font-size:14px;color:var(--muted);padding:10px 0}.navlink:first-child{border:0}.navlink:hover{color:var(--gold)}.nav-end{display:flex;align-items:center;margin-left:auto;gap:22px}.theme-switch{background:transparent;padding:3px;border:1px solid var(--line);border-radius:9px;margin:0}.theme-switch button{font-size:12px;padding:8px 10px;border-radius:6px;color:var(--muted);border:0}.theme-switch button[aria-pressed=true]{background:#bca06c24;color:var(--ink);border:0}.website-link{font-size:12px;color:var(--muted)}.website-link:hover{color:var(--gold)}main{padding-top:32px}.intro{min-height:145px;padding:8px 0 10px}.intro:after{display:none}.intro .eyebrow{font-size:9px;letter-spacing:2px;color:var(--gold)}h1{font-size:34px;font-weight:500;letter-spacing:-.5px;margin:14px 0 10px}.intro p{color:var(--muted);font-size:13px}.btn{font-size:12px;border-radius:9px;padding:11px 17px}.btn.primary,.btn.primary:hover,:root[data-theme=blackgold] .btn.primary,:root[data-theme=blackgold] .btn.primary:hover{background:var(--gold-light);color:#292721;border-color:transparent;box-shadow:none}.btn.primary:after{display:none}.btn.primary:hover{filter:brightness(1.035)}.btn.secondary{background:transparent}.statline strong,.env-pct{font-family:Rajdhani,Arial,sans-serif;font-weight:600}.statline strong{font-size:30px}.statline>div{gap:10px}.env-card{padding:19px 22px;border-radius:12px;background:var(--panel);box-shadow:none}.env-card:before{display:none}.env-pct{font-size:38px;letter-spacing:0}.env-count{font-size:11px}.env-top{font-size:13px}.env-body{gap:15px}.env-track{margin-top:9px;height:2px}.env-card.selected{border-color:var(--gold);background:var(--raised)}.section-number{font-family:Rajdhani,Arial,sans-serif;font-size:13px}.section-head h2{font-size:18px;font-weight:500}.charts{grid-template-columns:.95fr 1.18fr;gap:20px}.panel{border-radius:14px;box-shadow:none}.panel-head{padding:24px 25px 9px}.panel-head h3{font-size:16px;font-weight:500}.panel-head p{font-size:11px;color:var(--muted)}.ring-wrap{height:355px}.ring-legend{height:56px;gap:22px}.chart-scroll{height:411px;padding:16px 24px 8px}.bar-row{min-height:34px;grid-template-columns:130px minmax(70px,1fr) 61px;padding:5px 7px;border-radius:5px;gap:12px}.bar-row.selected{background:var(--surface);outline:1px solid var(--line)}.bar-label{font-size:12px}.bar-value{font-family:Rajdhani,Arial,sans-serif;font-size:15px}.bar-track{height:8px}.bar-segment{border:0}.bar-row:hover{background:var(--raised)}.bar-ticks{margin:8px 68px 0 149px}.chart-foot{min-height:48px;font-size:10px}.count-label{font-family:Rajdhani,Arial,sans-serif;color:var(--gold);font-size:16px;white-space:nowrap}.ring-center-count{font-family:Rajdhani,Arial,sans-serif}.scope-trail{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:-1px 0 14px;color:var(--faint);font-size:11px}.scope-trail button{border:0;background:none;padding:4px 0;color:var(--muted);font-size:11px}.scope-trail button:hover{color:var(--gold)}.scope-trail button.current{color:var(--gold)}.filters select{max-width:210px;min-width:100px}.filters #parentFilter{max-width:225px}.filters{padding:17px 19px;gap:8px}.filters .searchbox{min-width:190px}.table-scroll table{min-width:1140px}th.env-col{width:10%}th.scene-col{width:15%}th.coarse-col{width:19%}th.task-col{width:28%}th:nth-child(5){width:9%}th:nth-child(6){width:8%}th:nth-child(7){width:9%}th:last-child{width:2%}th small{font-size:9px;font-weight:400;color:var(--soft);display:block;margin-top:3px}td{padding:15px 14px}.coarse-task{border:0;background:none;text-align:left;padding:0;font-size:12px;line-height:1.7;color:var(--secondary);font-weight:400}.coarse-task:hover{color:var(--gold);text-decoration:underline;text-underline-offset:4px}.scene-title{font-size:12px;color:var(--ink)}.scene-space{font-size:10px;color:var(--soft);margin-top:3px}.task-title{font-size:12px;font-weight:400}.task-row.open{background:var(--table-hover)}.detail-grid{margin-left:10%;grid-template-columns:1fr 1.5fr}.detail-context{font-size:10px;color:var(--gold);margin-bottom:13px}.table-note{line-height:1.8}footer .brand img{width:110px;height:32px}.dialog-head h2{font-size:23px}:root[data-theme=blackgold] h1{background:linear-gradient(105deg,#d2d3d7 5%,#fff 34%,#e8c78e 50%,#e6e9ec 68%,#c4c0b9 92%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:catalog-letter-light 10s ease-in-out infinite}@keyframes catalog-letter-light{50%{background-position:100% 50%}}
@media(max-width:1100px){.topbar nav{margin-left:15px;gap:20px}.nav-end{gap:15px}.charts{grid-template-columns:1fr 1.1fr}.chart-scroll{padding-left:18px;padding-right:18px}.bar-row{grid-template-columns:110px minmax(60px,1fr) 52px;gap:9px}.bar-ticks{margin-left:126px;margin-right:59px}.ring-legend{gap:12px}.filters .searchbox{min-width:100%}.filters select,.filters #parentFilter{max-width:none;flex:1}.filters{flex-wrap:wrap}.detail-grid{margin-left:0}}
@media(max-width:760px){html{scroll-padding-top:105px}.topbar{margin:12px 16px 0;top:12px;min-height:62px;padding:9px 12px;gap:12px;border-radius:13px}.brand img{width:98px;height:30px}.topbar nav{display:none}.nav-end{gap:0}.website-link{display:none}.theme-switch{border-radius:8px}.theme-switch button{font-size:11px;padding:7px 8px;white-space:nowrap}main{padding-top:24px}.intro{min-height:170px;padding-top:2px;gap:17px}.intro .eyebrow{font-size:7px;letter-spacing:1.25px}.intro .eyebrow span{margin:0 5px}h1{font-size:29px;margin:13px 0 9px}.intro p{font-size:11px}.btn{padding:9px 13px;font-size:11px}.statline{margin-top:16px;gap:8px}.statline strong{font-size:26px}.statline>div{gap:0}.statline>div>span{font-size:9px}.env-card{padding:14px 15px;min-height:116px}.env-pct{font-size:34px}.env-count{font-size:9px}.env-top{font-size:12px}.charts{grid-template-columns:1fr}.panel-head{padding:19px 19px 10px}.panel-head h3{font-size:14px}.ring-wrap{height:300px}.ring-legend{height:47px}.chart-scroll{height:360px;padding:10px 16px}.bar-row{grid-template-columns:110px minmax(65px,1fr) 53px;min-height:35px;gap:8px}.bar-label{font-size:11px}.bar-value{font-size:14px}.bar-ticks{margin-left:125px;margin-right:60px}.chart-foot{margin:0 19px;font-size:9px;gap:10px}.directory{margin-top:29px}.scope-trail{font-size:10px;gap:8px}.scope-trail button{font-size:10px}.filters{padding:13px;gap:8px}.filters select,.filters #parentFilter{flex-basis:calc(50% - 4px);width:calc(50% - 4px);min-width:0;font-size:10px;padding:9px 18px 9px 8px}.filters .searchbox{min-width:100%}.table-scroll table{min-width:0}.task-row{grid-template-columns:1fr 1fr auto;gap:7px;padding:15px}.task-row td:nth-child(1){grid-column:1;grid-row:1}.task-row td:nth-child(2){grid-column:2/4;grid-row:1;text-align:right;padding-right:12px}.scene-space{display:none}.task-row .scene-title{font-size:11px;color:var(--muted)}.task-row td:nth-child(3){grid-column:1/4;grid-row:2}.coarse-task{font-size:11px;color:var(--gold)}.coarse-task:before{content:'一级 · ';font-size:9px;color:var(--soft)}.task-row td:nth-child(4){grid-column:1/4;grid-row:3}.task-row .task-title{font-size:13px;color:var(--ink)}.task-row td:nth-child(5){grid-column:1/3;grid-row:4}.task-row td:nth-child(6){grid-column:3;grid-row:4}.task-row td:nth-child(7){display:none}.task-row td:nth-child(8){right:13px;top:14px}.task-id{margin-top:3px!important}.detail-grid{padding:17px 15px;display:block}.detail-grid>div+div{margin-top:18px}.detail-context{font-size:9px}.table-panel{border-radius:12px}.pagination{font-size:10px}.task-row.open{border-color:var(--line)}}
@media(prefers-reduced-motion:reduce){:root[data-theme=blackgold] h1{animation:none}}

/* Brighter series and denser, larger directory typography. */
:root{--panel:#fffefa;--gold:#b88629;--gold-light:#f4d997;--surface:#fbf4e5;--raised:#fff9ed;--table-hover:#fff9ee;--soft:#737780;--faint:#858992}
:root[data-theme=blackgold]{--bg:#0b1019;--paper:#141d2a;--panel:#141d2a;--surface:#1b2839;--raised:#1c293b;--header:#101927ed;--ink:#faf8f1;--muted:#c2cbd8;--secondary:#d9e1eb;--soft:#a9b7ca;--faint:#91a2b9;--gold:#ffd47d;--gold-light:#ffe0a1;--table-hover:#1b2a3e;--line:#d7c8ac38}
.env-track{height:4px}.bar-track{height:10px}.bar-label{font-size:13px}.ring-legend button{font-size:12px}
.directory .section-head h2{font-size:20px}.filters{padding:12px 16px;gap:7px}.filters select,.filters #parentFilter,.searchbox input{font-size:13px}.resultline{padding:11px 16px;font-size:13px}th{font-size:13px;padding:11px 12px}th small{font-size:10px;margin-top:2px}td{padding:10px 12px}.coarse-task,.scene-title,.task-title{font-size:14px;line-height:1.45}.task-title{font-weight:500}.workspace{font-size:11px;line-height:1.35;margin-top:3px}.task-id{font-size:10px;margin-top:2px}.env-pill,.difficulty{font-size:12px}.num{font-size:14px}.detail-grid{padding-top:14px;padding-bottom:14px}.detail-grid p,.variant-tags{font-size:13px}.scope-trail{margin-bottom:9px}.scope-trail button{font-size:12px}
@media(max-width:760px){.task-row{padding:12px 14px;gap:5px}.task-row .task-title{font-size:15px}.coarse-task,.task-row .scene-title{font-size:13px}.coarse-task:before{font-size:11px}.filters select,.filters #parentFilter{font-size:12px;padding-top:8px;padding-bottom:8px}.task-row .workspace{font-size:10px}.resultline{font-size:12px}.env-pill,.difficulty{font-size:12px}.task-row .num{font-size:14px}}

/* Restrained mineral palette. */
:root{--gold:#9c7a40;--gold-light:#ead7b2;--surface:#f6f2e9;--raised:#fbf8f2;--table-hover:#faf7f0;--panel:#fdfcf9}
:root[data-theme=blackgold]{--bg:#10151b;--paper:#1a222c;--panel:#1a222c;--surface:#25303b;--raised:#25303b;--header:#151d26ed;--gold:#dfc18c;--gold-light:#ead3a8;--table-hover:#26313d;--line:#c9b58f32}

.theme-label{font-size:12px;color:var(--gold);letter-spacing:.08em}.website-link{display:inline-block;white-space:nowrap}@media(max-width:760px){.theme-label{display:none}.website-link{display:inline-block;font-size:11px}.nav-end{gap:10px}}

/* Match the official metallic ATTA brand asset and sizing. */
.topbar .brand img{filter:none!important;width:148px!important;height:42px!important;object-fit:contain}@media(max-width:760px){.topbar .brand img{width:108px!important;height:31px!important}}footer .brand img{filter:none!important}

/* Black and champagne, matching the official typography. */
:root[data-theme=blackgold]{color-scheme:dark;--bg:#060606;--paper:#101010;--panel:#101010;--header:#0b0b0be8;--surface:#1a1916;--raised:#1a1916;--ink:#efeeeb;--muted:#b1b0ab;--secondary:#d5d1c8;--soft:#a09b91;--faint:#827d74;--gold:#e8c78e;--gold-light:#e9cd9b;--line:#d7c8ac30;--table-hover:#1b1915}
body,button,input,select,textarea{font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif}.topbar .brand img,footer .brand img{mix-blend-mode:screen}.topbar{background:#0b0b0be8}.statline strong,.env-pct,.bar-value,.count-label{font-family:Rajdhani,Arial,sans-serif}.ring-wrap svg{overflow:visible}.ring-wrap [data-env-segment]{transition:opacity .2s,filter .2s;cursor:pointer}.ring-wrap [data-env-segment]:hover{filter:brightness(1.13)}.ring-wrap{height:355px}.ring-legend{gap:20px}.ring-legend button{font-size:12px}.panel-head p{line-height:1.6}

.topbar .brand img,footer .brand img{filter:grayscale(1) contrast(1.35) brightness(1.08)!important;mix-blend-mode:screen}

/* Navigation scrolls with the document. */
.topbar{position:relative;top:auto}html{scroll-padding-top:24px}
