.pet-summary button{min-width:0;padding:0;border:0;color:inherit;background:transparent;cursor:pointer}.pet-summary button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.pet-summary button span{display:block}
.pet-attribute-sheet{max-height:min(82dvh,660px)}.pet-attribute-head{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0 9px}.pet-attribute-head span{padding:10px;border-radius:13px;background:#eef3e8;text-align:center}.pet-attribute-head b,.pet-attribute-head span{display:block}.pet-attribute-head b{color:var(--green);font-size:18px}.pet-attribute-head span{color:var(--muted);font-size:9px}
.pet-attribute-list{display:grid;gap:7px}.pet-attribute-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:14px;background:#fff}.pet-attribute-row>span{font-size:20px;text-align:center}.pet-attribute-row strong,.pet-attribute-row small{display:block}.pet-attribute-row strong{font-size:13px}.pet-attribute-row small{margin-top:2px;color:var(--muted);font-size:9px}.pet-attribute-row>b{min-width:38px;font-size:17px;text-align:right}.pet-attribute-row em{display:block;color:#b17818;font-size:9px;font-style:normal}.pet-stepper{display:flex;gap:5px}.pet-stepper button{display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:10px;color:#fff;background:var(--green);font-size:17px;font-weight:850}.pet-stepper button:disabled{color:#aaa39a;background:#e5e1da}
.pet-derived{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:9px}.pet-derived span{padding:7px 3px;border-radius:11px;background:#f1eee7;text-align:center}.pet-derived small,.pet-derived b{display:block}.pet-derived small{color:var(--muted);font-size:9px}.pet-derived b{margin-top:2px;font-size:13px}.pet-attribute-save{width:100%;min-height:43px;margin-top:10px;border:0;border-radius:13px;color:#fff;background:var(--green);font-size:12px;font-weight:850}.pet-attribute-save:disabled{color:#9c958b;background:#e3dfd7}.pet-attribute-confirm{margin-top:10px;padding:10px;border-radius:13px;background:#fff5dc}.pet-attribute-confirm>span{display:block;color:#795e2b;font-size:10px;text-align:center}.pet-attribute-confirm>div{display:grid;grid-template-columns:1fr 1.15fr;gap:7px;margin-top:8px}.pet-attribute-confirm button{min-height:39px;border:1px solid rgba(79,117,78,.2);border-radius:11px;color:var(--green);background:#fff;font-size:10px;font-weight:850}.pet-attribute-confirm button:last-child{border:0;color:#fff;background:var(--green)}
.pet-guide.is-attribute-guide{border-color:rgba(177,120,24,.28);background:linear-gradient(135deg,#fff9e8,#f6edcf)}.pet-guide.is-attribute-guide>span{background:#f4e8bd}.pet-attribute-allocation{margin:12px 0 2px;color:#7d612a;font-size:11px;font-weight:800;text-align:center}.pet-derived--result span{padding:10px 3px;background:#eef3e8}.pet-derived--result b{font-size:12px}.pet-derived--result em{display:block;margin-top:2px;color:var(--green);font-size:10px;font-style:normal;font-weight:850}.pet-attribute-result-foot{display:grid;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:9px;margin-top:12px;padding:10px 10px 10px 13px;border-radius:13px;background:#f1eee7;color:var(--muted);font-size:10px}.pet-attribute-result-foot b{color:var(--green);font-size:16px}.pet-attribute-result-foot button{min-height:39px;border:0;border-radius:11px;color:#fff;background:var(--green);font-size:11px;font-weight:850}
@media(max-width:360px){.pet-attribute-row{grid-template-columns:30px minmax(0,1fr) auto auto;gap:5px;padding:7px}.pet-stepper button{width:29px;height:31px}.pet-derived{gap:4px}}
@media(max-height:650px){.pet-attribute-head{margin:8px 0 6px}.pet-attribute-row{padding-top:6px;padding-bottom:6px}.pet-attribute-save,.pet-attribute-confirm{margin-top:7px}}