/* Scoped to the existing character profile. Catalogue images retain their layout. */
#character .tea-profile-3d-toggle{display:inline-flex;align-items:center;gap:6px;min-width:49px;justify-content:center;font-weight:700;border-color:#315640;color:#315640;background:#f3f6e9}
#character .tea-profile-3d-toggle::before{content:'◇';font-size:17px;line-height:1}
#character .tea-profile-3d-toggle[aria-pressed=true]{background:#315640;color:#fff}
#character .tea-profile-3d-toggle:focus-visible,#character .tea-profile-model :is(button,a):focus-visible{outline:3px solid #508968;outline-offset:3px}
#character .tea-profile-model[hidden],#character .tea-profile-model [hidden],#character #detail-img[hidden],#character .tea-profile-3d-toggle[hidden]{display:none!important}
#character .detail-image.tea-profile-model-active{padding:0;align-items:flex-start;scroll-margin-top:105px}
#character .tea-profile-model{width:100%;min-width:0;background:radial-gradient(ellipse at 50% 40%,#f4f3e8,#e0e3d3)}
#character .tea-profile-model-stage{position:relative;width:100%;height:clamp(340px,65dvh,650px);overflow:hidden}
#character .tea-profile-model-stage model-viewer{display:block;width:100%;height:100%;--poster-color:transparent;--progress-bar-color:#567348;touch-action:pan-y}
#character .tea-profile-model-stage model-viewer::part(default-progress-bar){display:none}
#character .tea-profile-model-stage .tea-profile-model-poster{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;padding:18px;opacity:.65;pointer-events:none;box-sizing:border-box}
#character .tea-profile-model-status{position:absolute;bottom:16px;left:16px;right:16px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;background:#fffdf3f2;border:1px solid #d9dfcc;border-radius:9px;padding:12px;font:12px/1.5 system-ui;text-align:center;box-shadow:0 3px 20px #22371814}
#character .tea-profile-model-status progress{width:70px;height:6px;accent-color:#315640}
#character .tea-profile-model-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:14px 12px 4px;border-top:1px solid #d3d9c7}
#character .tea-profile-model-tools :is(button,a),#character .tea-profile-model-status button{font:11px/1.4 system-ui;color:#315640;background:#f8faf0;border:1px solid #bfcdb4;border-radius:6px;padding:9px 10px;cursor:pointer;text-decoration:none;min-height:36px;box-sizing:border-box}
#character .tea-profile-model-tools button[aria-pressed=true]{background:#dfe8b9;border-color:#afc096}
#character .tea-profile-model-tools button:disabled{opacity:.45;cursor:default}
#character .tea-profile-model-hint{font:11px/1.5 system-ui;color:#67745e;text-align:center;padding:8px 16px 16px;margin:0}
@media(max-width:680px){#character .tea-profile-model-stage{height:49dvh;min-height:280px;max-height:470px}#character .tea-profile-model-tools{gap:6px;padding:10px 10px 4px}#character .tea-profile-model-tools :is(button,a){font-size:10px;min-height:38px;padding:9px}#character .tea-profile-model-hint{font-size:10px;padding-bottom:12px}}

#character .tea-profile-model-version{font:12px/1.5 system-ui;color:#76552b;background:#fff5dc;border:1px solid #e4d2a7;border-radius:7px;padding:10px 14px;margin:12px 16px 0;text-align:center}

.intro .tea-model-total{font-size:13px;line-height:1.5;color:#526652;margin-top:14px}.intro .tea-model-total a{color:#315640;text-underline-offset:3px}