/* First-person inspection: the wrist rises from below the dialogue sheet. */
.hand-reveal{position:absolute;left:16%;bottom:var(--hand-bottom,220px);width:min(39vw,550px);z-index:4;pointer-events:none;transition:bottom .25s ease}
.hand-motion{animation:hand-lift 1.95s cubic-bezier(.2,.72,.25,1) both}
.hand-focus{position:relative;transform-origin:54% 42%;transition:transform 1.7s cubic-bezier(.25,.65,.3,1)}
.hand-art{display:block;width:100%;height:auto;filter:drop-shadow(8px 14px 16px #08181d66);user-select:none}
.hand-reveal.is-close .hand-focus{transform:translateY(-10px) scale(1.09)}
.hand-inspect{position:absolute;left:75%;top:66%;white-space:nowrap;padding:10px 14px;border:1px solid #d9bd897d;border-radius:2px;background:#293c3bef;color:#f8e8c8;box-shadow:0 4px 18px #0e202632;font-size:12px;letter-spacing:2px;pointer-events:auto;backdrop-filter:blur(8px)}
.hand-inspect:before{content:'';position:absolute;right:100%;top:50%;width:32px;height:1px;background:linear-gradient(90deg,transparent,#d9bd8991)}
.hand-inspect>span{font-size:18px;vertical-align:-1px;margin-right:3px;color:#ddbc85}
.hand-inspect:hover{background:#4a5d52;color:#fff4d8}
.hand-reveal.instant .hand-motion{animation:none}
.hand-reveal.instant{transition:none}
.hand-reveal.instant .hand-focus{transition:none}
.game[data-modal=true] .hand-motion{animation-play-state:paused}
.is-playing.museum.has-hand .scenery{filter:saturate(.8) brightness(.89);transform:scale(1.025)}
.has-hand .scan-panel{border-color:#d5bc88aa;box-shadow:0 0 32px #aec7b818,0 10px 35px #0a273633}
.has-hand .bird-mark{line-height:0}
@keyframes hand-lift{from{transform:translate3d(-30px,calc(100% + 280px),0) rotate(-6deg)}to{transform:translate3d(0,0,0) rotate(0)}}

.hand-modal{width:min(780px,92vw)}
.silver-inspection{display:grid;grid-template-columns:minmax(170px,.85fr) 1fr;gap:30px;align-items:center}
.silver-detail{margin:8px 0;position:relative;text-align:center;background:radial-gradient(ellipse,#ad957b38,transparent 73%)}
.silver-detail img{display:block;width:auto;max-width:100%;height:min(47svh,440px);margin:auto;filter:drop-shadow(6px 9px 10px #6a4a3220);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.silver-detail figcaption{font-size:10px;letter-spacing:3px;color:#8c7654;margin-top:14px}
.silver-observation>small{font-size:10px;letter-spacing:2px;color:#8c7654}
.silver-observation>img{display:block;width:118px;height:85px;object-fit:contain;margin:18px 0 24px;padding:10px;background:#394f4c;border:1px solid #a9966a66;border-radius:2px}
.silver-observation h3{font-family:var(--serif);font-size:24px;letter-spacing:2px;font-weight:400;color:#825039;margin:0 0 12px}
.silver-observation p{font-family:var(--serif);font-size:17px;line-height:1.9;color:#695844}
.silver-observation p+p{font-family:var(--sans);font-size:12px;line-height:2;color:#8a7658}
.silver-observation .flip-button{margin:24px 0 0;font-size:12px;padding:9px 12px}
@media(min-width:1700px){.hand-reveal{left:20%;width:min(37vw,650px)}}
@media(max-height:850px) and (min-width:800px){.hand-reveal{left:19%;width:min(34vw,450px)}}
@media(max-width:799px){
  .hand-reveal{left:0;width:82vw;max-width:385px}
  .hand-reveal.is-close .hand-focus{transform:translateY(-8px) scale(1.065)}
  .hand-inspect{left:68%;top:48%;font-size:10px;letter-spacing:1px;padding:9px 11px;min-height:38px}
  .hand-inspect:before{width:20px}.hand-inspect>span{font-size:16px}
  .has-hand .scene-heading{padding:10px 14px}.has-hand .scene-heading p{display:none}
  .has-hand .scan-panel{right:5%;top:16%;padding:12px 13px;max-width:150px}
  .has-hand .scan-panel>span{font-size:8px;letter-spacing:1px}.has-hand .bird-mark{padding:10px 0}.has-hand .bird-mark img{width:82px!important;height:50px!important}.has-hand .scan-panel p{display:none}
  .silver-inspection{grid-template-columns:minmax(100px,.75fr) 1fr;gap:16px}
  .silver-detail img{height:min(44svh,335px)}.silver-detail figcaption{font-size:9px;letter-spacing:1px}
  .silver-observation>small{font-size:9px;letter-spacing:1px}.silver-observation>img{width:90px;height:66px;margin:12px 0 18px}
  .silver-observation h3{font-size:19px;letter-spacing:1px}.silver-observation p{font-size:15px}.silver-observation p+p{font-size:11px}
  .silver-observation .flip-button{font-size:10px;letter-spacing:0;padding:8px;margin-top:16px}
  .hand-modal{padding:24px}
}
@media(max-width:799px) and (max-height:720px){
  .hand-reveal{width:64vw;left:2%}
  .has-hand .scene-heading{padding:8px 12px;top:1%}.has-hand .scene-heading>span{display:none}.has-hand .scene-heading h1{font-size:18px;margin:0}
  .has-hand .scan-panel{top:13%;right:5%;padding:8px;max-width:150px}.has-hand .bird-mark{padding:6px}.has-hand .bird-mark img{width:78px!important;height:44px!important}.has-hand .scan-panel p{display:none}
  .hand-inspect{top:35%;left:68%;padding:7px 9px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){.hand-motion{animation:none}.hand-focus{transition:none}}