.character-lab{max-width:1180px;margin:0 auto;padding:28px 28px 72px}.character-lab-intro{text-align:center;margin:24px 0 38px}.character-lab-intro h1{font-size:clamp(25px,3.5vw,36px);font-weight:750;letter-spacing:-1px;margin:10px 0 15px;color:#4b514a}.character-lab-intro p{font-size:13px;line-height:1.9;color:#8e9189;margin:0}.character-lab-intro a{color:#a88369;text-decoration:none;font-size:12px;display:inline-block;margin-top:16px}.character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.character-card{background:#fffdf9cc;border:1px solid #ffffff;border-radius:28px;overflow:hidden;box-shadow:0 7px 25px #827c6205}.character-card h2{text-align:center;margin:0;padding:20px 12px 0;font-size:16px;letter-spacing:.02em;font-weight:650;color:#72776b}.chi-reaction-stage{display:block;position:relative;width:100%;height:255px;border:0;background:transparent;overflow:hidden;cursor:pointer;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.chi-reaction-stage::before{content:'';position:absolute;inset:30px 30px 17px;background:radial-gradient(ellipse at 50% 80%,var(--character-tint,#f6eddf) 0,transparent 67%);opacity:.65}.chi-reaction-stage:focus-visible{outline:2px solid #cba88b;outline-offset:-5px;border-radius:20px}.chi-reaction-art{position:absolute;display:block;bottom:28px;left:50%;width:156px;height:170px;transform:translateX(calc(-50% + var(--travel-x,0px)));pointer-events:none}.chi-reaction-art canvas{position:absolute;pointer-events:none}.chi-reaction-shadow{position:absolute;bottom:25px;left:50%;height:6px;width:72px;transform:translateX(calc(-50% + var(--travel-x,0px)));background:#65794a12;border-radius:50%;pointer-events:none}.chi-reaction-bubble{position:absolute;z-index:2;max-width:170px;width:max-content;box-sizing:border-box;padding:9px 13px;background:#fffefa;border:1px solid #dedfcf;border-radius:15px;color:#6c765c;font-size:12px;font-weight:600;line-height:1.65;pointer-events:none;box-shadow:0 3px 10px #73784d05;opacity:1;visibility:visible}.chi-reaction-bubble.is-quiet{opacity:0;visibility:hidden}.character-lab-controls{display:flex;justify-content:center;margin-top:30px}.character-lab-controls button{border:1px solid #e1dacd;background:#fffaf3;color:#9c8d7c;padding:10px 22px;border-radius:22px;cursor:pointer;font:inherit;font-size:12px}.character-lab-footer{text-align:center;color:#b3ada1;font-size:11px;margin-top:30px}.character-lab-footer a{color:inherit;text-decoration:none}@media(max-width:900px){.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-lab{padding:20px 20px 50px}}@media(max-width:600px){.character-lab{padding:12px 16px 40px}.character-lab-intro{margin:20px 0 28px}.character-grid{grid-template-columns:1fr;gap:17px}.character-card{border-radius:24px}.chi-reaction-stage{height:248px}.character-card h2{padding-top:18px}.chi-reaction-art{width:127px;height:158px}}@media(prefers-reduced-motion:reduce){.chi-reaction-bubble{transition:none}}