.observation-badge{display:inline-block;font-size:10px;font-weight:600;line-height:1.5;color:inherit;white-space:nowrap}.observation-details{margin:8px 0 12px;text-align:left}.observation-details p{font-size:13px;line-height:1.75;margin:6px 0}.observation-details strong{font-size:11px}.observation-meta{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:4px 12px;font-size:12px;margin-bottom:10px}.observation-next{font-size:12px;opacity:.75}.observation-collection-count{font-size:12px;margin:0 0 12px;opacity:.8}.observation-result{margin:12px 0;font-size:12px}.observation-result p{margin:5px 0}.pg-zukan .pg-card[data-observation]{border:0;padding:0}.iy-dog-grid button[data-observation]{border:2px solid var(--observation-color)}.iy-dog-grid button[data-observation][aria-pressed=true]{border-color:var(--observation-color);background:#e8eddf}.iy-dog-grid .observation-badge{position:absolute;top:5px;right:7px;margin:0}.iy-motions button:disabled{opacity:.5;cursor:not-allowed}.observation-details summary{cursor:pointer;font-size:12px;margin:8px 0;opacity:.75}.observation-details details>p{padding-left:8px}.iy-dog-info .observation-details strong{display:inline;font-size:11px;margin:0}#pg-dialog.observation-dialog,#iy-dialog.observation-dialog{width:min(1080px,94vw);max-height:90svh}.observation-dialog .pg-dialog-head,.observation-dialog .iy-dialog-head{align-items:flex-start;margin-bottom:16px}.observation-dialog .observation-collection-count{display:block;font-size:17px;line-height:1.5;font-weight:500;margin:5px 0 0;opacity:1}.observation-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.observation-sidebar{min-width:0}.observation-dialog#pg-dialog .pg-viewer-motions button:disabled,.observation-dialog#iy-dialog .iy-motions button:disabled{background:#e5e7e9;border-color:#d2d5d8;color:#8a9096;opacity:1;cursor:not-allowed;box-shadow:none;transform:none;filter:grayscale(1)}.observation-dialog#pg-dialog .pg-viewer-motions button:disabled:hover,.observation-dialog#iy-dialog .iy-motions button:disabled:hover{background:#e5e7e9;transform:none}@media (min-width:850px){.observation-layout{grid-template-columns:minmax(0,1.45fr) minmax(330px,1fr);gap:24px;align-items:start}.observation-dialog .pg-model-viewer,.observation-dialog .iy-viewer{height:clamp(300px,50svh,470px)}.observation-sidebar{max-height:64svh;overflow-y:auto;overscroll-behavior:contain;padding:0 6px 8px 0}.observation-sidebar .pg-model-caption,.observation-sidebar .iy-dog-info{margin-top:0}.observation-sidebar .pg-zukan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow-x:visible;gap:8px}.observation-sidebar .pg-zukan .pg-card{min-width:0}}@media (max-width:480px){.observation-level-prefix{display:none}}.observation-stage{min-width:0;overflow:hidden;border-radius:20px;background:radial-gradient(ellipse,#fff,#daefff);border:1px solid #c0ddf3}#iy-dialog .observation-stage{background:#e5eadb;border-color:#cad5bf}#iy-dialog[data-world=wani] .observation-stage{background:#34384d;border-color:#61677d;color:#eee8f5}.observation-stage-heading{padding:16px 18px 0;text-align:left}.observation-stage-heading .pg-model-caption,.observation-stage-heading>strong{display:block;font-size:18px;text-align:left;margin:0 0 5px}.observation-stage-heading .observation-meta{margin:0;font-size:11px;gap:4px 10px;line-height:1.7}.observation-stage-heading .observation-badge,.observation-stage-heading .observation-next{font-size:11px}.observation-stage .pg-model-viewer,.observation-stage .iy-viewer{background:transparent;border:0;border-radius:0}.observation-stage .pg-viewer-motions,.observation-stage .iy-motions{display:flex;flex-wrap:wrap;justify-content:center;width:auto;margin:0;padding:8px 12px 14px;gap:6px}#pg-dialog .observation-stage .pg-viewer-motions button,#iy-dialog .observation-stage .iy-motions button{min-width:64px;padding:7px 12px;font-size:11px}#pg-dialog .pg-portrait{position:relative;border-width:2px}#pg-dialog .pg-portrait .observation-badge{position:absolute;top:5px;right:7px;margin:0;font-size:10px;line-height:1.3}.iy-dog-grid button[data-observation]{position:relative;padding-top:24px}@media (max-width:480px){.observation-stage-heading{padding:12px 12px 0}.observation-stage-heading .pg-model-caption,.observation-stage-heading>strong{font-size:16px}}
