:root{color-scheme:dark;background:#111612;color:#e7eddf;font:15px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft Yahei",sans-serif}*{box-sizing:border-box}body{margin:0}a{color:#d2ed7e;text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #d2ed7e;outline-offset:5px}header,footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px max(24px,calc((100vw - 1140px)/2));border-bottom:1px solid #323b2b}header .brand{display:flex;gap:12px;align-items:center;font-size:24px;color:#e7eddf;font-weight:700}.brand small{display:block;font-size:9px;letter-spacing:3px;color:#8f9c7e}nav{display:flex;gap:24px;font-size:13px}main{max-width:1140px;margin:auto;padding:45px 24px 80px}footer{border-top:1px solid #323b2b;border-bottom:0;font-size:11px;color:#91a082;flex-wrap:wrap}.eyebrow{font-size:11px;letter-spacing:2px;color:#a3b58b}.directory-hero{padding:24px 0 40px;background:radial-gradient(ellipse at 75% 35%,#586e1925,transparent 55%)}h1{font-size:clamp(34px,5vw,62px);line-height:1.2;letter-spacing:-1px;margin:20px 0}.lead{max-width:670px;color:#b3bda8;font-size:15px;line-height:1.9}.summary{color:#97a286;display:flex;gap:16px;align-items:baseline;margin-top:30px}.summary b{font-size:30px;font-weight:500;color:#d2ed7e}.summary i{color:#414c35;margin:0 12px}.notice{border-left:3px solid #9caf66;padding:16px 20px;background:#1c251a;margin:12px 0 34px;color:#abb89c;font-size:12px}.notice strong{color:#dce8ca;font-size:13px}.notice p{margin:4px 0}.search-label{display:block;color:#bbc7ad;font-size:12px;margin-bottom:8px}input[type=search]{background:#1b2218;border:1px solid #45523a;border-radius:6px;color:#e7eddf;padding:13px 16px;width:min(100%,470px)}#directory-result{font-size:12px;color:#8fa17d}.character-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.character-card a{display:block;border:1px solid #35412c;border-radius:10px;padding:23px;background:linear-gradient(145deg,#242e20,#171e15);color:inherit;height:100%;transition:border-color .15s,transform .15s}.character-card a:hover{border-color:#a9c66b;text-decoration:none;transform:translateY(-2px)}.card-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#9fad8f}.card-top>span{color:#d2ed7e;font-size:18px}.character-card h2{font-size:25px;margin:15px 0 10px}.character-card p{color:#c4d0b6;font-size:13px;margin:0}.character-card p span{margin:0 7px;color:#67785a}.character-card small{font-size:10px;color:#8a9c79}.back{font-size:12px}.hero{display:grid;grid-template-columns:1fr 250px;gap:65px;padding:35px 0}.hero h1 span{display:block;font-size:19px;letter-spacing:2px;color:#a4b490;margin-top:15px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:#d2ed7e;color:#1c2b0c;padding:13px 20px;border-radius:6px;font-weight:600;font-size:14px;margin-top:12px}.primary:hover{background:#e0f4ab;text-decoration:none}.stats{margin:25px 0;border-top:1px solid #3b4930}.stats>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3b4930;padding:16px 0}.stats dt{font-size:12px;color:#9eaf8c}.stats dd{font-size:29px;color:#d2ed7e;margin:0}.section-title{display:flex;align-items:center;justify-content:space-between;margin-top:45px}.section-title h2{font-size:23px}.section-title span{font-size:11px;color:#92a17f}.outfits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.outfit{border:1px solid #3b4930;border-radius:9px;padding:22px;background:#1a2317}.outfit-head h3{font-size:19px;margin:0 0 6px}.outfit-head>span{font-size:11px;color:#8fa07d}.scene-list{list-style:none;padding:0;margin:18px 0 0}.scene-list li+li{border-top:1px solid #34442b}.scene-list a{display:flex;gap:16px;justify-content:space-between;padding:12px 0;color:#d3ddc7;font-size:12px}.scene-list b{margin-left:15px;color:#d2ed7e;font-weight:400}.note{font-size:11px;color:#b4b792}.guide{border-top:1px solid #35412c;margin-top:45px;padding-top:24px;max-width:800px}.guide h2{font-size:20px}.guide p{color:#aab89a;font-size:13px}[hidden]{display:none!important}@media(max-width:760px){header{padding:18px 20px}.brand{font-size:18px!important}nav{gap:14px;font-size:11px}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr;gap:10px}.stats{display:flex;gap:20px;border:0;margin-top:5px}.stats>div{flex:1;display:block}.stats dd{font-size:25px}.outfits{grid-template-columns:1fr}.summary{gap:8px}.summary i{margin:0 3px}main{padding:25px 20px 55px}}@media(max-width:420px){.character-grid{grid-template-columns:1fr}.directory-hero h1{font-size:38px}.character-card a{padding:20px}.summary b{font-size:24px}.summary{font-size:11px}}

.character-card a{position:relative;display:flex;min-height:204px;padding:24px 20px;overflow:hidden;isolation:isolate}.card-copy{position:relative;z-index:2;max-width:66%;display:flex;flex-direction:column;align-items:flex-start}.character-card h2{margin:16px 0 10px;font-size:25px;text-shadow:0 1px 10px #10170b}.card-top{overflow-wrap:anywhere;font-size:9px}.character-card p{font-size:12px;text-shadow:0 1px 6px #10170b}.card-cta{display:inline-flex;gap:15px;font-size:11px;color:#baca9f;margin-top:auto;padding-top:15px}.card-cta b{color:#d2ed7e;font-size:17px}.character-portrait{position:absolute;z-index:0;right:0;top:0;width:42%;height:100%;object-fit:cover;object-position:50% 8%;mask-image:linear-gradient(90deg,transparent,#000 25%);opacity:.9;transition:transform .25s,opacity .25s}.character-card a:hover .character-portrait{transform:scale(1.035);opacity:1}@media(max-width:760px){.character-card a{padding:20px 16px;min-height:194px}.character-card h2{font-size:23px}.card-copy{max-width:70%}.character-portrait{width:43%}}@media(prefers-reduced-motion:reduce){.character-portrait,.character-card a{transition:none}}