/* character.css — appearance, wake transition, power breakdown */
.ap-row{display:grid;grid-template-columns:1fr 1.1fr;gap:16px;align-items:start}
.ap-art{min-height:300px}
.ap-states{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0}
.ap-states div{display:flex;flex-direction:column;align-items:center;gap:2px;background:rgba(10,5,22,.5);border:1px solid var(--cv-line);border-radius:var(--cv-radius-sm);padding:6px}
.ap-states img{height:90px;object-fit:contain}
#cine.wakecine{background:radial-gradient(circle at 50% 60%,rgba(58,23,104,.75),rgba(5,3,11,.95))}
.wake{position:relative;width:min(360px,80vw);height:min(50vh,400px)}
.wake img{position:absolute;inset:0;margin:auto;max-height:100%;max-width:100%;object-fit:contain}
.wk-a{animation:wkA 1.3s both}.wk-b{animation:wkB 1.3s both;filter:drop-shadow(0 0 24px rgba(255,231,160,.9))}
@keyframes wkA{0%,35%{opacity:1;transform:scale(1)}60%{opacity:0;transform:scale(1.04) translateY(-6px)}100%{opacity:0}}
@keyframes wkB{0%,40%{opacity:0;transform:translateY(12px) scale(.96)}70%,100%{opacity:1;transform:none}}
.wake-glow{position:absolute;inset:10% 0 0;border-radius:50%;background:radial-gradient(rgba(255,231,160,.5),transparent 65%);animation:fade 1.3s both}
.wk-w{position:absolute;right:-6%;top:28%;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--cv-lightgold);font-weight:700;font-size:12px;animation:wkW 1.3s both}
@keyframes wkW{0%,55%{opacity:0;transform:scale(.3) rotate(-40deg)}80%,100%{opacity:1;transform:none}}
.wk-t{position:absolute;bottom:14%;left:0;right:0;text-align:center;letter-spacing:5px}
.pw{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:var(--cv-radius-md);background:var(--cv-bg-glass);border:1px solid var(--cv-line)}
.pw-row{display:grid;grid-template-columns:130px 1fr 70px;gap:8px;align-items:center;font-size:13px;cursor:pointer}.pw-row b{text-align:right}
.recs{display:grid;gap:6px;margin:6px 0}
.rec{display:grid;grid-template-columns:1fr auto;gap:2px 8px;text-align:left;padding:10px 12px;border-radius:var(--cv-radius-sm);border:1px solid var(--cv-line-gold);background:rgba(58,23,104,.35);color:#fff;font:inherit;cursor:pointer;min-height:48px}
.rec small{grid-column:1/-1;color:var(--cv-muted)}
.fail-box{margin:8px 0;padding:10px;border-radius:var(--cv-radius-md);background:rgba(216,58,88,.08);border:1px solid rgba(216,58,88,.35);display:flex;flex-direction:column;gap:6px}
.fail-stats{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.chip.danger{color:#ff9db0;border-color:rgba(216,58,88,.5)}
/* V3.1 Đạo Tâm */
.dao-hero{display:flex;gap:14px;align-items:center;padding:14px;margin-bottom:10px;border-radius:var(--cv-radius-md);border:1px solid var(--dc,rgba(217,164,65,.4));background:radial-gradient(circle at 12% 50%,color-mix(in srgb,var(--dc,#B86CFF) 22%,transparent),rgba(18,10,36,.6) 70%)}
.dao-hero.explore{--dc:#74E7FF}.dao-sig{flex:none;width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:rgba(10,5,22,.7);box-shadow:0 0 18px var(--dc,#B86CFF)}
.dao-hero p{margin:4px 0 0}.dao-card-h{display:flex;align-items:center;gap:8px}.dao-card-h h4{margin:0}
.dao-grid .card{border-top:3px solid var(--dc,#B86CFF)}.st.warn{color:#ff9db0}.st.mut{opacity:.7;font-size:12px}