/* v7 mobile readability / character-recognition overrides */
.xray-inner{grid-template-rows:auto auto minmax(190px,.78fr) auto;gap:11px}
.xray-head{gap:3px}
.xray-head strong{font-size:clamp(1.18rem,5.5vw,1.72rem);line-height:1.22}
.xray-head small{font-size:.63rem;line-height:1.45;max-width:56ch}
.xray-setting{gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.xray-setting::-webkit-scrollbar{display:none}
.xray-setting span{flex:0 0 auto;padding:5px 8px;font-size:.57rem}
.xray-graph{min-height:190px}
.xray-node{width:132px;gap:4px}
.xray-node .avatar{width:92px;height:102px;border-radius:20px;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px rgba(72,61,48,.10),0 8px 22px rgba(48,40,31,.06)}
.xray-node b{font-size:.92rem}
.xray-node small{font-size:.52rem;line-height:1.25;max-width:120px}
.xray-rel-label{max-width:168px;white-space:normal;text-align:center;font-size:.5rem;line-height:1.25;padding:3px 6px}
.xray-culture{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.culture-card{min-height:0;padding:9px 10px 10px}
.culture-card b{font-size:.78rem;margin-bottom:3px}
.culture-card p{font-size:.59rem;line-height:1.44}
.actor-art.lady{right:-10vw;background-size:270% auto;background-position:7% 46%}
.actor-art.monk{left:-7vw;background-size:235% auto;background-position:7% 51%}

@media (max-width:560px){
  .xray-inner{padding:max(18px,env(safe-area-inset-top)) 15px max(52px,env(safe-area-inset-bottom));grid-template-rows:auto auto 190px auto;gap:9px}
  .xray-head span{font-size:.52rem}
  .xray-head strong{font-size:1.42rem;line-height:1.18}
  .xray-head small{font-size:.61rem;line-height:1.42}
  .xray-graph{min-height:190px}
  .xray-node{width:116px}
  .xray-node .avatar{width:84px;height:94px}
  .xray-node b{font-size:.88rem}
  .xray-culture{grid-template-columns:1fr 1fr}
  .culture-card{padding:8px 9px 9px}
  .culture-card b{font-size:.75rem}
  .culture-card p{font-size:.57rem;line-height:1.42}
  .beat{width:90vw}
  .sentence{font-size:clamp(1.18rem,5.45vw,1.55rem);line-height:1.94}
  .token.has-note:after{font-size:.61rem;max-width:min(240px,68vw)}
}

@media (max-width:360px){
  .xray-culture{grid-template-columns:1fr}
  .xray-inner{grid-template-rows:auto auto 176px auto}
  .xray-graph{min-height:176px}
  .culture-card p{font-size:.56rem}
}