/* V0.10 P9 Fix 1 — consolidated Skill Grade presentation; inherits existing detail-section design. */
.pet-detail-cp{display:block;margin:2px 0 4px;line-height:1.2}
.pet-detail-cp .pet-cp{display:inline-block;font-size:19px;font-weight:900;letter-spacing:.02em;line-height:1.25}
.pet-detail .pet-metric-row{grid-template-columns:repeat(4,minmax(0,1fr))}
.v010-skill-card{display:grid;gap:6px;min-width:0;position:relative;overflow:hidden}
.v010-skill-heading{display:block;font-size:10px;letter-spacing:.08em;color:var(--gold);font-weight:800}
.v010-skill-card>strong{font-size:17px;margin:0;color:var(--gold)}
.v010-skill-card>p{font-size:12px;line-height:1.5;margin:0;color:#d7e4eb;white-space:normal;overflow-wrap:anywhere}
.v010-skill-card .v010-skill-effect{display:flex;justify-content:space-between;gap:8px;align-items:baseline;padding-top:5px;font-size:12px;color:#cad8e1;flex-wrap:wrap}
.v010-skill-effect b{font-variant-numeric:tabular-nums}
.v010-skill-rating{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:12px;color:#d3e1e9;min-height:26px}
.skill-grade-badge{--grade-color:#fff;display:inline-flex;position:relative;isolation:isolate;align-items:center;justify-content:center;min-width:36px;padding:3px 9px;border-radius:8px;border:1px solid currentColor;background:color-mix(in srgb,var(--grade-color) 11%,transparent);color:var(--grade-color);font-weight:900;font-size:15px;line-height:1.2;letter-spacing:.04em;text-shadow:none}
.v010-skill-value{--grade-color:#fff;color:var(--grade-color);font-variant-numeric:tabular-nums}
.skill-grade-badge.grade-f,.v010-skill-value.grade-f{--grade-color:#fff}
.skill-grade-badge.grade-e,.v010-skill-value.grade-e{--grade-color:#b6d6bc}
.skill-grade-badge.grade-d,.v010-skill-value.grade-d{--grade-color:#74dda4}
.skill-grade-badge.grade-c,.v010-skill-value.grade-c{--grade-color:#69deeb}
.skill-grade-badge.grade-b,.v010-skill-value.grade-b{--grade-color:#8aaeff}
.skill-grade-badge.grade-a,.v010-skill-value.grade-a{--grade-color:#c796ff}
.skill-grade-badge.grade-s,.v010-skill-value.grade-s{--grade-color:#ffca69;text-shadow:0 0 8px rgba(255,190,72,.65)}
.skill-grade-badge.grade-ss,.v010-skill-value.grade-ss{--grade-color:#ff535f;text-shadow:0 0 8px rgba(255,64,87,.85),0 0 18px rgba(255,64,87,.45);animation:v010-skill-ss-pulse 2.2s ease-in-out infinite}
.skill-grade-badge.grade-s{box-shadow:0 0 12px rgba(255,174,42,.19)}
.skill-grade-badge.grade-ss{box-shadow:0 0 13px rgba(255,68,93,.4),inset 0 0 8px rgba(255,68,93,.1)}
.v010-skill-card.grade-s{border-color:rgba(255,197,81,.35);background:linear-gradient(125deg,rgba(255,195,74,.065),rgba(255,255,255,.045))}
.v010-skill-card.grade-ss{border-color:rgba(255,82,94,.45);background:linear-gradient(125deg,rgba(255,81,91,.09),rgba(255,255,255,.045));box-shadow:inset 0 0 16px rgba(255,72,82,.035)}
.v010-skill-card.grade-ss:before{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,120,130,.09) 50%,transparent 65%);background-size:250% 100%;animation:v010-skill-ss-shimmer 4s linear infinite}
@keyframes v010-skill-ss-pulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.28)}}
@keyframes v010-skill-ss-shimmer{from{background-position:200% 0}to{background-position:-100% 0}}
.reveal .capture-score-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:9px;width:100%;margin:12px auto 10px}
.capture-score-item{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:9px 4px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.045)}
.reveal .capture-score-item strong{font-size:clamp(16px,4vw,27px);line-height:1.15;white-space:nowrap}
.reveal .capture-cp-item strong{font-size:clamp(16px,4vw,24px)}
.capture-score-item>span{font-size:9px;letter-spacing:.09em;color:var(--muted);margin-top:6px}
.reveal .capture-skill-list{display:grid;grid-template-columns:1fr;gap:9px;width:100%;padding:0;border:0;background:none;text-align:left}
.reveal .capture-skill-list>.detail-section{margin:0;padding:11px}
.reveal .capture-skill-list .v010-skill-card>strong{font-size:16px}
.reveal .capture-skill-list .v010-skill-card>p{font-size:11px}
.reveal .capture-skill-list .v010-skill-effect{font-size:11px}
.v010-p9-reset{appearance:none;border:1px solid rgba(242,162,162,.36);border-radius:9px;background:rgba(162,53,65,.13);padding:10px;color:#ffc6c6;cursor:pointer;font-size:12px;text-align:left;width:100%;margin:10px 0}
.v010-p9-reset:focus-visible{outline:2px solid #ffcc8a;outline-offset:3px}
@media(max-width:390px){.pet-detail-cp .pet-cp{font-size:17px}.reveal .capture-skill-list>.detail-section{padding:9px}.capture-score-item{padding:8px 2px}}
@media(prefers-reduced-motion:reduce){.skill-grade-badge.grade-ss,.v010-skill-value.grade-ss,.v010-skill-card.grade-ss:before{animation:none}}

/* V0.10 P9 Fix 3 — unified power badge and restored high-emphasis D-Mon metrics. */
.pet-cp{display:inline-flex;align-items:center;gap:.36em;max-width:100%;vertical-align:middle;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:900;line-height:1.2}
.pet-cp-icon{display:inline-grid;place-items:center;flex:none;width:1.52em;height:1.52em;border:1px solid rgba(255,207,116,.52);border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(255,229,165,.34),rgba(145,81,22,.30) 72%);box-shadow:0 0 11px rgba(250,171,61,.2),inset 0 0 5px rgba(255,223,136,.22);color:#ffcf7c;font-size:.88em;line-height:1;text-shadow:0 0 4px #9a5b21}
.pet-cp-value{font:inherit;letter-spacing:.012em}
.pet-detail-cp .pet-cp{font-size:clamp(19px,5.4vw,25px);color:#ffd37e;gap:.52em}
.inventory-power{display:flex;align-items:center;min-height:26px;margin:5px 0 6px}
.inventory-power .pet-cp{font-size:clamp(13px,3.7vw,17px);color:#ffd37e}
.inventory-body [data-pet-summary-meta]{display:block;line-height:1.45;white-space:normal}
.pet-detail .pet-metric-row{gap:7px}
.pet-detail .pet-metric-row div{padding:12px 2px}
.pet-detail .pet-metric-row b{font-size:clamp(20px,5vw,27px);line-height:1.2;font-variant-numeric:tabular-nums}
.pet-detail .pet-metric-row span{font-size:10px;letter-spacing:.03em;margin-top:5px}
.pet-perfection-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;margin:0 13px 10px;padding:11px 13px;border:1px solid rgba(110,228,174,.35);border-radius:14px;background:linear-gradient(105deg,rgba(55,123,88,.13),rgba(255,255,255,.035))}
.pet-perfection-row>span{font-size:11px;font-weight:850;letter-spacing:.1em;color:#9abcae}
.pet-perfection-row>strong{font-size:clamp(24px,6vw,30px);font-weight:900;line-height:1.1;color:#72e7bd;font-variant-numeric:tabular-nums}
.pet-perfection-row .perfection-meter{grid-column:1/-1;height:6px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.12)}
.pet-perfection-row .perfection-meter i{display:block;height:100%;background:linear-gradient(90deg,#2e9874,#88eabc);border-radius:inherit}
.pet-detail .pet-detail-exp-row{grid-template-columns:minmax(0,1fr) 90px;gap:7px}
.pet-detail .pet-detail-exp{padding:8px 10px}
.pet-detail .pet-detail-exp>span{font-size:10px;letter-spacing:.025em}
.pet-detail .pet-detail-exp>.pet-detail-exp-next{display:block;margin:6px 0 8px;font-size:11px;line-height:1.4;color:#c3d1d9;font-weight:700}
.pet-detail .evolution-inline-btn{padding:6px 3px;gap:2px}
.pet-detail .evolution-inline-btn b{font-size:11px}
.pet-detail .evolution-inline-btn small{font-size:8px}
.capture-score-power .pet-cp{font-size:clamp(16px,4vw,24px);color:#ffd37e}
.arena-player-select [data-v010-arena-cp] .pet-cp{font-size:inherit;color:#ffd37e}
@media(max-width:390px){.pet-detail .pet-metric-row{gap:5px}.pet-detail .pet-metric-row b{font-size:20px}.pet-detail .pet-metric-row span{font-size:9px}.inventory-power .pet-cp{font-size:13px}}

/* Native Perfection information control and shared DWorldUI dialog. */
.pet-perfection-row{width:calc(100% - 26px);cursor:pointer;color:inherit;font:inherit;text-align:left;appearance:none}
.pet-perfection-row:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.pet-perfection-row:active{filter:brightness(1.08)}
.pet-perfection-hint{display:inline-flex;align-items:center;justify-content:center;margin-left:4px;color:#72e7bd;font-size:14px;font-weight:900;vertical-align:middle}
.pet-perfection-help{display:grid;gap:11px;line-height:1.55;color:var(--text);font-size:13px;padding:3px 0 9px}
.pet-perfection-help h3{font-size:14px;color:var(--gold);margin:5px 0 0}
.pet-perfection-help p{margin:0;overflow-wrap:anywhere}
.pet-perfection-formula{border:1px solid var(--line);background:rgba(255,255,255,.045);padding:9px;border-radius:10px}
.pet-perfection-note{color:var(--muted);font-size:12px}
.pet-perfection-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.pet-perfection-help-stat{display:flex;justify-content:space-between;gap:9px;min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px 9px;background:rgba(255,255,255,.05)}
.pet-perfection-help-stat span{min-width:0}.pet-perfection-help-stat strong{color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:370px){.pet-perfection-help-grid{grid-template-columns:1fr}}