/* Phones, 600px and under (the phone layer, 3 October 2026): moved out of world-story-visitors.css unchanged, linked with
   media="(max-width:600px)" immediately after it. The @property rules register only where this file applies, which is
   the only place anything reads them. */

/* ------------------------------------------------------------------ portrait phones (3 October 2026, the launch pass) */
/* At 600px and below story-visitors.js turns the strip into a camera (CAM there): each picture drawn larger, the window
   aimed at its beat's region, a straight pan from one region to the next. --wsv-x (whole pixels) is the camera, --wsv-dxN and
   --wsv-dN beat N's opening drift (beat 1: the Packages, then the files; beat 2: the questions, then the answers). The label row sits at the window's left edge
   above its picture (--wsv-row-x, --wsv-row-w), and the figures hang from the window's top so the row never moves. Desktop
   never reads any of these. */
@property --wsv-x { syntax: '<length>'; inherits: false; initial-value: 0px; }
@property --wsv-dx1 { syntax: '<length>'; inherits: false; initial-value: 0px; }
@property --wsv-d1 { syntax: '<number>'; inherits: false; initial-value: 1; }
@property --wsv-dx2 { syntax: '<length>'; inherits: false; initial-value: 0px; }
@property --wsv-d2 { syntax: '<number>'; inherits: false; initial-value: 1; }
@property --wsv-dx3 { syntax: '<length>'; inherits: false; initial-value: 0px; }
@property --wsv-d3 { syntax: '<number>'; inherits: false; initial-value: 1; }
@property --wsv-dx4 { syntax: '<length>'; inherits: false; initial-value: 0px; }
@property --wsv-d4 { syntax: '<number>'; inherits: false; initial-value: 1; }
@property --wsv-dx5 { syntax: '<length>'; inherits: false; initial-value: 0px; }
@property --wsv-d5 { syntax: '<number>'; inherits: false; initial-value: 1; }
@property --wsv-dx6 { syntax: '<length>'; inherits: false; initial-value: 0px; }
@property --wsv-d6 { syntax: '<number>'; inherits: false; initial-value: 1; }
@property --wsv-rdrift { syntax: '<number>'; inherits: false; initial-value: 1; }
@media (max-width:600px){
 .world-story .world-story-v-live .world-story-v-track{
  align-items:flex-start;
  transform:translate3d(calc(var(--wsv-x) + (1 - var(--wsv-d1)) * var(--wsv-dx1) + (1 - var(--wsv-d2)) * var(--wsv-dx2) + (1 - var(--wsv-d3)) * var(--wsv-dx3) + (1 - var(--wsv-d4)) * var(--wsv-dx4) + (1 - var(--wsv-d5)) * var(--wsv-dx5) + (1 - var(--wsv-d6)) * var(--wsv-dx6)), 0, 0);
 }
 .world-story .world-story-v-live .world-story-v-where{
  box-sizing:border-box;width:var(--wsv-row-w,auto);margin-left:var(--wsv-row-x,0px);margin-bottom:12px;
  font-size:15px;gap:6px 12px;
  translate:calc((var(--wsv-rdrift) - 1) * var(--wsv-rdx, 0px)) 0;
 }
 .world-story .world-story-v-live .world-story-v-note{margin-left:0;flex-basis:100%;font-size:12.5px}
}