/* MODZONE — wuxia punk: ink, vermilion, paper and cut steel. Keep the existing interaction/layout contracts. */
:root{color-scheme:light;--bg:#e7e3da;--panel:#f0ede6;--line:#c8c1b5;--muted:#70685e;--text:#252320;--red:#a33225;--paper:#292623;--acid:#be3b2b}
body{background:radial-gradient(ellipse at 90% 0,#d7ccbd 0,transparent 45%),var(--bg)}
.shell{max-width:1400px;padding-left:48px;padding-right:48px}
.header{background:#e7e3daf2;border-bottom:1px solid var(--line)}
.header-row{height:84px;gap:60px}.logo{font-size:25px;letter-spacing:-1.4px}.logo svg{color:var(--text)}.logo-dot{color:#a33225}
nav{gap:30px}nav a{font-size:13px;font-weight:600}nav a[aria-current]:after{height:4px;background:var(--text);bottom:17px;border-radius:3px}
.header-note{font:10px var(--mono);letter-spacing:1px}.header-note i{background:#a33225;border-radius:50%;width:6px;height:6px}
.intro{padding:38px 0 28px;gap:20px}.intro h1{font-size:36px;letter-spacing:-1.8px;line-height:1.35;margin:9px 0 0}.intro h1 span{color:#8d3c30}.intro .eyebrow{font-size:9px;letter-spacing:2px}.intro>p{font-size:11px;white-space:nowrap;padding-bottom:5px}
.featured{display:block;min-height:440px;border:0;background:#201e1c;border-radius:5px;isolation:isolate;color:#f2e9db}
.feature-image{position:absolute;inset:0 0 0 20%;min-height:0;z-index:-2}
.feature-image>img{object-position:62% 39%;width:100%;height:100%}
.feature-image:after{inset:0;background:linear-gradient(90deg,#201e1c 0%,#201e1cb5 18%,transparent 55%),linear-gradient(0deg,#18201999,transparent 40%)}
.feature-copy{width:49%;min-height:440px;padding:47px 42px 48px;border:0;background:linear-gradient(90deg,#201e1c 18%,#201e1cba 72%,transparent)}
.feature-copy:after{display:none}.feature-copy .eyebrow{color:#d4c7b3;font-size:10px;letter-spacing:1.6px}.feature-copy .eyebrow b{background:var(--acid);width:6px;height:6px}
.feature-copy h2{font-size:clamp(36px,4.1vw,58px);line-height:1.06;letter-spacing:-2.5px;margin:53px 0 18px;max-width:430px}
.feature-copy>p{font-size:15px;color:#d8ccba;line-height:1.8;margin-bottom:20px}.feature-copy .tag{color:#d8cbb8;border-color:#d8cbb840;background:#ffffff08;font-size:10px}
.feature-copy .button{margin-top:27px}.feature-credit{color:#bbad99;margin-left:15px}.image-caption{left:auto;right:24px;bottom:22px;flex-direction:column;align-items:flex-end;font-size:12px;color:#fff;gap:6px}.image-caption span{color:#d9ccba;font-size:9px}
.button{border-radius:3px;font-size:13px;min-height:46px;gap:24px}.button.red{background:var(--acid);color:#fff2df;border:1px solid #a33427}.button.red:hover{background:#d34a36;color:#fff2df}.button.outline{border-color:#a69b8a;background:transparent}.button.outline:hover{background:#d9d1c3;color:var(--text)}
.tag{border-color:#c6baaa;color:#6a5d4e;border-radius:3px}.tag.accent{color:#953f2e;border-color:#b99a87;background:#e9ddd0}
.home-skill{margin:14px 0 0;padding:22px 28px;gap:22px;border:1px solid #c9bdad;background:#ddd6ca;border-radius:4px;position:relative;overflow:hidden}.home-skill h2{font-size:20px;letter-spacing:-.5px;margin:6px 0}.home-skill p{font-size:12px}.home-skill .eyebrow{font-size:9px;letter-spacing:1px}.home-skill .button{background:#eee7dc;border-color:#bdae9a}.skill-orbit{width:65px;height:65px}.skill-orbit i{inset:8px;transform:rotate(45deg);border-color:#a68b73;border-radius:7px}.skill-orbit b{font-size:25px}.skill-orbit span{display:none}
.library{padding-top:45px}.section-head{margin-bottom:22px}.section-head h2{font-size:25px;letter-spacing:-.8px}.red-slash{color:#aa3d2e;font-weight:700}.section-head small{font-size:9px;color:#7e7161}.search-bar{background:#fff;border-color:#c9bdad;border-radius:5px;height:54px}.search-input input::placeholder{color:#817667}.search-button{background:#e8e0d4;border-radius:0 4px 4px 0;border-color:#c9bdad}.search-button:hover{background:#d7c7b5}.filters{padding:15px 0;border-bottom:0;gap:12px}.filter-chips{gap:6px}.filter-chip{border-radius:4px;padding:8px 14px;font-size:12px}.filter-chip.active{background:#292421;color:#f4ecdf}.filter-chip:hover:not(.active){background:#dcd3c5}.selects select{font-size:12px}.result-line{padding:1px 0 19px;font-size:11px}
.mod-grid{gap:23px}.mod-card{background:#fff;border:1px solid #cec4b6;border-radius:5px;overflow:hidden;box-shadow:0 3px 12px #25301703}.mod-card:hover{border-color:#a98a72;box-shadow:0 12px 25px #2530170a}.card-image{aspect-ratio:16/10;background:#c9c0b2}.image-badge{background:#eee5d8ee;color:#302820;border-radius:3px;backdrop-filter:blur(8px)}.example-badge{color:#f0e5d3;background:#48392fda;border-radius:3px}.image-arrow{background:#efe5d4ed;color:#342b23;border-radius:50%;width:30px;height:30px;font-size:17px}.card-body{padding:21px}.card-body h3{font-size:21px;letter-spacing:-.6px;margin:12px 0}.card-body>p{font-size:13px;line-height:1.85;min-height:70px}.card-kicker{font-size:11px}.card-kicker .mono{color:#817262}.card-meta{font-size:11px;border-color:#d9d0c2;padding-top:15px}.contribute{margin:44px 0 50px;padding:27px 0}.contribute h2{font-size:22px}.contribute p{font-size:13px}
.footer{background:#d9d2c7;border-color:#bfb3a2}.footer-main{padding-top:30px;padding-bottom:25px}.footer-bottom{border-color:#b9ab97;color:#766957}.footer-links{font-size:12px}.footer p{font-size:12px}
.detail-heading{margin-top:12px}.detail-heading h1{font-size:48px;letter-spacing:-2px}.detail-grid{gap:34px;grid-template-columns:minmax(0,1fr) 320px}.gallery>a{border-radius:5px;background:#211d1a}.thumbnail{border-radius:4px;background:#ded3c2}.download-card{border:1px solid #c9b8a3;border-top:4px solid #a33225;border-radius:5px;background:#efe8dc;box-shadow:0 8px 30px #25301705}.article-body p,.article-body li,.skill-markdown{color:#5f5447}.source-card,.help-card{padding:24px 5px}.notice{background:#e0d5c4}.info-panel,.skill-task-card,.skill-overview,.skill-guide-grid>a,.workflow-row{border-radius:5px}.page-heading em{color:#a33225}.skill-workbench{border-radius:5px;border-top-color:#a33225}.skill-workbench input,.skill-workbench textarea,#task-output{background:#fff;border-radius:4px;color:var(--text)}.skill-workbench input::placeholder,.skill-workbench textarea::placeholder{color:#7d705f}.task-result{background:#e1d7c8;border-radius:5px}.task-choices button{border-radius:4px}.task-choices button[aria-pressed=true],.task-choices button:hover{background:#ddcaba}.skill-status{border-color:#bda28b;color:#8c402c;background:#ebdecd;border-radius:3px}.skill-markdown a{color:#a33225}.skill-markdown code{background:#ddd1bf}.toast{background:#32271f;color:#f5ead8}.skip{color:#fff}
@media(min-width:1450px){.featured{min-height:470px}.feature-copy{min-height:470px;padding:50px}.feature-copy h2{margin-top:65px}}
@media(max-width:1100px){.shell{padding-left:28px;padding-right:28px}.header-row{gap:35px}nav{gap:23px}.header-note{display:none}.intro h1{font-size:32px}.intro>p{display:none}.feature-copy{width:57%;padding:35px;min-height:410px}.featured{min-height:410px}.feature-copy h2{font-size:44px}.feature-image{left:15%}.card-body{padding:17px}.card-body h3{font-size:19px}.detail-grid{grid-template-columns:minmax(0,1fr) 280px;gap:24px}}
@media(max-width:700px){.shell{padding-left:18px;padding-right:18px}.header-row{height:auto;min-height:104px;padding-top:18px;gap:12px}.logo{font-size:23px}nav{gap:0}nav a{font-size:12px}nav a[aria-current]:after{bottom:0;height:3px}.intro{padding:26px 0 22px}.intro h1{font-size:27px;line-height:1.5;letter-spacing:-1px}.intro h1 span{display:block}.intro .eyebrow{font-size:8px;letter-spacing:1.5px}.featured{display:flex;flex-direction:column-reverse;min-height:0}.feature-image{position:relative;inset:auto;z-index:0;aspect-ratio:16/11;min-height:0;width:100%}.feature-image>img{object-position:60% 38%}.feature-image:after{background:linear-gradient(0deg,#201e1c,transparent 35%)}.image-caption{right:16px;bottom:19px;font-size:10px}.image-caption span{display:none}.feature-copy{width:100%;min-height:0;padding:13px 24px 27px;background:#201e1c}.feature-copy h2{font-size:36px;letter-spacing:-1.4px;margin:20px 0 13px}.feature-copy>p{font-size:14px}.feature-copy .button{margin-top:21px}.feature-credit{font-size:10px;margin-left:10px}.home-skill{padding:21px;gap:13px}.home-skill h2{font-size:18px;line-height:1.6}.home-skill p{font-size:12px}.home-skill>.button{min-height:44px;font-size:12px}.library{padding-top:33px}.section-head h2{font-size:22px}.search-input input{font-size:16px}.filters{gap:8px}.filter-chip{padding:8px 10px}.selects{margin-left:0}.result-line{padding-top:6px}.mod-grid{gap:19px}.card-image{aspect-ratio:16/10}.card-body{padding:20px}.card-body h3{font-size:21px}.card-body>p{min-height:0;font-size:14px}.card-meta{font-size:11px}.contribute{margin:32px 0;padding:26px 0}.contribute h2{font-size:21px}.detail-heading h1{font-size:34px}.detail-grid{display:flex;gap:24px}.footer-bottom{font-size:9px}.footer-links{gap:4px 20px}}

/* Typography and geometry carry the direction; artwork stays true to each Mod. */
:root{--display:"Noto Serif SC","Source Han Serif SC","Songti SC","SimSun",serif}
body{background:repeating-linear-gradient(0deg,#53412b03 0,#53412b03 1px,transparent 1px,transparent 4px),radial-gradient(ellipse at 95% 0,#c7b29a55,transparent 50%),var(--bg)}
.header{border-bottom:1px solid #827363;background:#e7e3daf5}.logo{font-weight:900}.logo svg{color:#a33225}.logo-dot{color:#a33225}
nav a[aria-current]:after{background:#a33225;border-radius:0;height:2px}.header-note{letter-spacing:2px}.header-note i{border-radius:0;transform:rotate(45deg)}
.intro{padding-top:40px;padding-bottom:30px;align-items:center}.intro h1{font-family:var(--display);font-size:42px;font-weight:900;letter-spacing:3px;line-height:1.4}.intro h1 span{margin-left:12px}.intro .eyebrow{letter-spacing:3px}.intro>p{border-left:2px solid #a33225;padding:7px 0 7px 16px;line-height:1.8}
.featured{border-radius:0;border-top:3px solid #2a231d;border-bottom:3px solid #2a231d}.feature-copy{border-left:5px solid #a33225}.feature-copy h2{font-family:var(--display);font-weight:900;letter-spacing:-1.8px}.feature-copy>p{font-family:var(--display);letter-spacing:2px;font-size:17px}.feature-copy .eyebrow{color:#d3bca1}.feature-copy .eyebrow b{background:#c74b36;transform:rotate(45deg)}
.feature-copy:after{display:block;position:absolute;width:80px;height:4px;bottom:22px;right:12px;background:#bb4933;transform:rotate(-42deg);opacity:.65}.feature-image:before{content:"";position:absolute;right:20px;top:20px;width:36px;height:36px;border-top:1px solid #ead7b8aa;border-right:1px solid #ead7b8aa;z-index:2;pointer-events:none}
.button,.tag,.filter-chip,.search-bar,.search-button,.mod-card,.image-badge,.example-badge,.home-skill,.download-card,.info-panel,.skill-task-card,.skill-overview,.skill-guide-grid>a,.workflow-row,.skill-workbench,.skill-workbench input,.skill-workbench textarea,#task-output,.task-result,.task-choices button,.skill-status,.thumbnail,.gallery>a{border-radius:0}
.button.red{clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));border:0}.button{letter-spacing:.5px}.button.outline:hover{background:#29241f;color:#f4e9d7;border-color:#29241f}
.home-skill{background:linear-gradient(110deg,#d4c5b3,#e4ded3 70%);border-left:0;border-right:0;border-top:1px solid #b4a28c;border-bottom:1px solid #b4a28c;margin-top:19px;padding-top:23px;padding-bottom:23px}.home-skill h2{font-family:var(--display);font-weight:900;font-size:23px;letter-spacing:1px}.home-skill>.button{background:transparent;border-color:#98826b}.skill-orbit i{border-radius:0;border-color:#a33225;transform:rotate(0deg);border:2px solid #a33225}.skill-orbit b{color:#a33225}.skill-orbit:after{content:"";position:absolute;inset:13px;border:1px solid #a3322566}
.section-head h2,.detail-heading h1,.page-heading h1,.skill-lead h1,.skill-detail-heading h1,.contribute h2{font-family:var(--display);font-weight:900;letter-spacing:1px}.section-head h2{font-size:28px}.red-slash{font-family:var(--mono);font-weight:900;color:#a33225}.section-head small{letter-spacing:2px}.search-bar{background:#f0ece3}.search-button{border-left-color:#bfb19c}.filter-chip.active{background:#302823;color:#f8edda}.filters{border-bottom:1px solid #c8bca9;margin-bottom:14px}.mod-card{background:#eeeadf;border:0;box-shadow:none;border-bottom:2px solid #b2a18a}.mod-card:hover{box-shadow:0 10px 20px #3423130c;border-color:#a33225}.card-image{border-bottom:1px solid #84725b}.card-body h3{font-family:var(--display);font-weight:900;letter-spacing:.3px}.card-meta{border-top:1px dashed #bcae9b}.image-arrow{border-radius:0;background:#a33225;color:#fff0db}.image-badge{border-left:2px solid #b64a33}.example-badge{background:#382b20df}.card-kicker .mono{color:#a33225}
.contribute{border-color:#b5a38c}.footer{background:#28231f;color:#eee3cf;border-top:4px solid #a33225}.footer .logo svg{color:#cc6046}.footer p,.footer-links{color:#c2b299}.footer-bottom{color:#b09d82;border-color:#594a39}.footer-links a:hover{color:#fff3df}.detail-heading h1{letter-spacing:-1px}.download-card{background:#eae2d4;box-shadow:none}.download-card h2,.article-body h2,.skill-workbench h2,.info-panel h2{font-family:var(--display);font-weight:900}.skill-status{color:#843d29}.skill-workbench{background:#ede7dc}.skill-markdown a{color:#a33225}.task-result{background:#e4dacc}
@media(max-width:1100px){.intro h1{font-size:35px;letter-spacing:2px}.feature-copy h2{font-size:43px}}
@media(max-width:700px){.intro{padding-top:26px;padding-bottom:22px}.intro h1{font-size:30px;letter-spacing:2px}.intro h1 span{margin-left:0}.feature-copy{border-left-width:3px}.feature-copy h2{font-size:35px;letter-spacing:-1px}.feature-copy>p{font-size:14px;letter-spacing:1px}.feature-copy:after{width:40px;right:14px;bottom:20px}.home-skill h2{font-size:21px}.section-head h2{font-size:25px}.detail-heading h1{font-size:33px}.card-body h3{font-size:22px}}

/* Work-bound tasks and invited feedback use the same form system. */
#work-task-form,#feedback-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#work-task-form label,#feedback-form label{margin:0;min-width:0;line-height:1.8}
#work-task-form select,#feedback-form select{display:block;width:100%;min-width:0;min-height:46px;margin-top:9px;padding:10px 12px;border:1px solid var(--line);color:var(--text);background:#fff;font-size:14px;border-radius:0}
#work-task-form label:has(textarea),#feedback-form label:has(textarea),#feedback-form label:has(#feedback-token),#feedback-form label:has(input[type=file]),#feedback-form label:has(input[type=checkbox]),#work-conditions,#feedback-form>.muted,#feedback-execution-fields{grid-column:1/-1}
#feedback-execution-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#feedback-form label:has(input[type=checkbox]){display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-size:13px}
#feedback-form input[type=checkbox]{width:18px;min-height:18px;height:18px;padding:0;flex-shrink:0;margin:3px 0 0;accent-color:var(--red)}
#feedback-form input[type=file]{font-size:13px}
#work-output{width:100%;min-height:320px;background:var(--panel);border:1px solid var(--line);padding:18px;color:var(--text);font:13px/1.8 var(--mono)}
#feedback-own{display:grid;gap:16px;margin-bottom:45px}#feedback-own .button{margin-right:12px}
@media(max-width:700px){#work-task-form,#feedback-form,#feedback-execution-fields{grid-template-columns:1fr;gap:17px}#work-task-form select,#feedback-form select{font-size:16px}#feedback-form label:has(input[type=checkbox]){font-size:13px;line-height:1.8}.skill-workbench:has(#feedback-form),.skill-workbench:has(#work-task-form){padding:22px 18px}}