button.physique-pin{color:inherit;text-align:left;font:inherit;cursor:zoom-in;padding:4px}
button.physique-pin:hover{border-color:var(--accent)}
button.physique-pin:active{transform:translateX(-50%)}
button.physique-pin .pin-stem{pointer-events:none}
#physique-viewer{width:min(760px,94vw);max-height:94dvh;box-sizing:border-box;background:#0b0b0b;color:#eee;border:1px solid #333;border-radius:12px;padding:20px}
#physique-viewer::backdrop{background:#000d}
.physique-zoom-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.physique-zoom-controls button{min-height:44px;min-width:44px}
#physique-viewport{overflow:auto;max-height:65dvh;background:#050505;border-radius:8px}
#physique-full{display:block;max-width:none!important;height:auto!important;margin:0 auto;cursor:zoom-in}
#physique-viewer .section-title h2{font-size:20px}
#physique-close{min-width:44px;min-height:44px}


.number-scale{margin-left:4.5%;margin-right:4.5%}
button.physique-pin{width:9%;max-width:88px}
.physique-pin .pin-photo,.physique-pin .pin-placeholder{height:110px}
@media(max-width:650px){.physique-pin .pin-photo,.physique-pin .pin-placeholder{height:78px}}

.physique-pin:not(.yours) strong{text-align:center}

.chart-panel{width:min(2640px,calc(100vw - 32px));position:relative;left:50%;transform:translateX(-50%)}
@media(min-width:651px){button.physique-pin{max-width:120px}.physique-pin .pin-photo,.physique-pin .pin-placeholder{height:144px}}