/* V0.2 Fix 6 — Pet detail fit, 1-99 EXP progression and Training */
.pet-detail-visual{height:clamp(340px,44dvh,440px)!important;overflow:hidden!important;padding:8px 10px 0}.pet-detail-visual img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important}
.pet-detail-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 13px 10px}.pet-detail-tabs button{border:1px solid var(--line);background:rgba(255,255,255,.045);color:var(--muted);border-radius:12px;padding:9px 6px;font-weight:900;font-size:11px;cursor:pointer}.pet-detail-tabs button.active{color:var(--accent);border-color:rgba(101,229,189,.5);background:rgba(101,229,189,.10)}
.pet-metric-row{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:0 13px 10px}.pet-metric-row div{min-width:0;padding:8px 2px;border-radius:12px;text-align:center;border:1px solid var(--line);background:rgba(255,255,255,.045)}.pet-metric-row b,.pet-metric-row span{display:block}.pet-metric-row b{font-size:16px;white-space:nowrap}.pet-metric-row span{font-size:7px;color:var(--muted);white-space:nowrap}.pet-metric-row div:last-child b{color:var(--accent)}
.pet-detail-exp{margin-top:0!important}.pet-detail-exp>small{display:block;color:var(--muted);font-size:9px;margin:-3px 0 7px}.pet-detail-exp>div{height:7px!important}
.detail-label{font-size:9px;letter-spacing:.12em;color:var(--muted);font-weight:900}.exp-item-panel{margin:10px 13px 13px;padding:11px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.045)}.exp-item-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.exp-item-grid button{min-width:0;border:1px solid var(--line);border-radius:12px;padding:8px 5px;background:rgba(10,29,44,.72);color:var(--text);display:grid;gap:2px;justify-items:center;cursor:pointer}.exp-item-grid button:disabled{opacity:.4}.exp-item-grid button>span{font-size:19px;color:var(--gold)}.exp-item-grid button b{font-size:9px;line-height:1.15;text-align:center}.exp-item-grid button small{font-size:7.5px;color:var(--accent);white-space:nowrap}.exp-item-panel>p{margin:8px 0 0;color:var(--muted);font-size:8.5px;line-height:1.35}
.training-intro{padding:11px;border:1px solid rgba(101,229,189,.22);border-radius:14px;background:rgba(101,229,189,.07);margin-bottom:8px}.training-intro b{font-size:13px}.training-intro p{font-size:9px;color:var(--muted);line-height:1.4;margin:4px 0 0}.training-options{margin:0 13px}.training-options>article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;padding:11px;margin-bottom:7px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.045)}.training-options article div{min-width:0}.training-options article span,.training-options article strong,.training-options article small{display:block}.training-options article span{font-size:10px;color:var(--accent);font-weight:900}.training-options article strong{font-size:16px;margin:2px 0}.training-options article small{font-size:8.5px;color:#cbdbe4;line-height:1.4}.training-options article p{font-size:8px;color:var(--muted);margin:3px 0 0}.training-options article .btn{padding:9px 11px;font-size:9px}
.training-active,.training-busy{margin:0 13px 10px;padding:12px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.045)}.training-status{display:grid;text-align:center;gap:3px;padding:7px}.training-status span{font-size:9px;letter-spacing:.15em;color:var(--accent);font-weight:900}.training-status strong{font-size:30px}.training-status small{font-size:9px;color:var(--gold)}.training-log{margin-top:8px;padding-top:9px;border-top:1px solid var(--line)}.training-log>b{font-size:10px;letter-spacing:.08em}.training-log p{display:flex;gap:6px;margin:7px 0 0;color:#d5e4eb;font-size:9px;line-height:1.4}.training-log p span{color:var(--accent)}.training-log .muted{color:var(--muted)}.training-busy b{color:var(--gold)}.training-busy p{font-size:10px;color:var(--muted);line-height:1.45;margin:5px 0 0}
@media(max-width:560px){.pet-detail-visual{height:clamp(330px,42dvh,405px)!important;padding:4px 7px 0}.pet-detail-title{padding-top:2px}.pet-metric-row{gap:4px}.pet-metric-row b{font-size:14px}.pet-metric-row span{font-size:6.5px}.training-status strong{font-size:27px}.training-options>article{padding:9px;gap:7px}.training-options article strong{font-size:14px}.exp-item-grid{gap:4px}.exp-item-grid button{padding:7px 3px}.exp-item-grid button b{font-size:8px}.exp-item-grid button small{font-size:7px}}
@media(max-width:390px){.pet-detail-visual{height:315px!important}.pet-metric-row{margin-left:9px;margin-right:9px}.pet-metric-row b{font-size:13px}.pet-metric-row span{font-size:6px}.pet-detail-exp,.detail-section,.pet-detail-tabs,.training-options,.training-active,.training-busy,.exp-item-panel{margin-left:9px;margin-right:9px}.training-options article .btn{padding:8px 8px}}