/* Levels of the Levels shots, bundled by tools/levels/compose.py. Do not edit: edit assets/levels/reel/<id>.* and re-run. */
/* ---- lv-00-cold-open ---- */
/* lv-00-cold-open: the canvas carries the whole subject; type is the shared HUD. */
[data-composition-id="lv-00-cold-open"] .lv-w{top:11.6%}

/* ---- lv-00-since-excuse ---- */
/* lv-00-since-excuse: generated by tools/levels/make_shot.py from tools/levels/specs.py. Do not edit. */
[data-composition-id="lv-00-since-excuse"] .lv-l1{left:21.562%;top:48.536%}
[data-composition-id="lv-00-since-excuse"] .lv-l2{left:6.250%;top:31.111%}
[data-composition-id="lv-00-since-excuse"] .lv-l3{left:44.479%;top:44.348%}
[data-composition-id="lv-00-since-excuse"] .lv-l4{left:29.167%;top:31.111%}
[data-composition-id="lv-00-since-excuse"] .lv-l5{left:67.396%;top:47.405%}
[data-composition-id="lv-00-since-excuse"] .lv-l6{left:52.083%;top:31.111%}
[data-composition-id="lv-00-since-excuse"] .lv-l7{left:90.312%;top:49.840%}
[data-composition-id="lv-00-since-excuse"] .lv-l8{left:75.000%;top:31.111%}
[data-composition-id="lv-00-since-excuse"] .lv-l9{left:21.562%;top:65.999%}
[data-composition-id="lv-00-since-excuse"] .lv-l10{left:6.250%;top:58.889%}
[data-composition-id="lv-00-since-excuse"] .lv-l11{left:44.479%;top:69.917%}
[data-composition-id="lv-00-since-excuse"] .lv-l12{left:29.167%;top:58.889%}
[data-composition-id="lv-00-since-excuse"] .lv-l13{left:67.396%;top:77.611%}
[data-composition-id="lv-00-since-excuse"] .lv-l14{left:52.083%;top:58.889%}
[data-composition-id="lv-00-since-excuse"] .lv-l15{left:90.312%;top:77.468%}
[data-composition-id="lv-00-since-excuse"] .lv-l16{left:75.000%;top:58.889%}
@container (orientation: portrait){
  [data-composition-id="lv-00-since-excuse"] .lv-l1{left:37.407%;top:38.651%}
  [data-composition-id="lv-00-since-excuse"] .lv-l2{left:7.407%;top:27.407%}
  [data-composition-id="lv-00-since-excuse"] .lv-l3{left:83.704%;top:36.285%}
  [data-composition-id="lv-00-since-excuse"] .lv-l4{left:53.704%;top:27.407%}
  [data-composition-id="lv-00-since-excuse"] .lv-l5{left:37.407%;top:54.678%}
  [data-composition-id="lv-00-since-excuse"] .lv-l6{left:7.407%;top:44.074%}
  [data-composition-id="lv-00-since-excuse"] .lv-l7{left:83.704%;top:56.053%}
  [data-composition-id="lv-00-since-excuse"] .lv-l8{left:53.704%;top:44.074%}
  [data-composition-id="lv-00-since-excuse"] .lv-l9{left:37.407%;top:66.159%}
  [data-composition-id="lv-00-since-excuse"] .lv-l10{left:7.407%;top:60.741%}
  [data-composition-id="lv-00-since-excuse"] .lv-l11{left:83.704%;top:68.372%}
  [data-composition-id="lv-00-since-excuse"] .lv-l12{left:53.704%;top:60.741%}
  [data-composition-id="lv-00-since-excuse"] .lv-l13{left:37.407%;top:89.383%}
  [data-composition-id="lv-00-since-excuse"] .lv-l14{left:7.407%;top:77.407%}
  [data-composition-id="lv-00-since-excuse"] .lv-l15{left:83.704%;top:89.302%}
  [data-composition-id="lv-00-since-excuse"] .lv-l16{left:53.704%;top:77.407%}
}

/* ---- lv-00-board ---- */
/* lv-00-board: generated by tools/levels/make_board.py from zones.json. Do not edit. */
[data-composition-id="lv-00-board"] .bd-tier{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:calc(var(--u) * 17);letter-spacing:.3em;color:rgba(243,217,160,.7)}
[data-composition-id="lv-00-board"] .bd-row{position:absolute;display:grid;grid-template-columns:calc(var(--u) * 232) calc(var(--u) * 200) auto;align-items:center;column-gap:calc(var(--u) * 24);transform:translateY(-50%);white-space:nowrap;box-sizing:border-box;width:calc(var(--u) * 830);height:calc(var(--u) * 33);line-height:1;padding:0 calc(var(--u) * 12)}
[data-composition-id="lv-00-board"] .bd-name{font-size:calc(var(--u) * 23);font-weight:700;letter-spacing:-.005em;color:rgba(238,242,246,.55)}
[data-composition-id="lv-00-board"] .bd-track{display:block;height:calc(var(--u) * 26)}
[data-composition-id="lv-00-board"] .bd-v{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:calc(var(--u) * 14);letter-spacing:.1em;color:rgba(238,242,246,.5);justify-self:start;padding:calc(var(--u) * 6) calc(var(--u) * 13);border:1px solid rgba(238,242,246,.14);border-radius:999px;background:rgba(5,9,18,.35)}
[data-composition-id="lv-00-board"] .bd-v--p{font-size:calc(var(--u) * 12);letter-spacing:.06em}
[data-composition-id="lv-00-board"] .bd-row.is-lit .bd-name{color:#eef2f6}
[data-composition-id="lv-00-board"] .bd-s--broke{color:#f3d9a0;border-color:rgba(243,217,160,.62);background:rgba(243,217,160,.09)}
[data-composition-id="lv-00-board"] .bd-s--breaking{color:#f3d9a0;border-color:rgba(243,217,160,.7);border-style:dashed;background:rgba(243,217,160,.07)}
[data-composition-id="lv-00-board"] .bd-s--testing,[data-composition-id="lv-00-board"] .bd-s--reclaim{color:#d8f0ff;border-color:rgba(159,214,255,.5);background:rgba(159,214,255,.07)}
[data-composition-id="lv-00-board"] .bd-s--holding{color:#8fd9b6;border-color:rgba(116,211,173,.4);background:rgba(116,211,173,.06)}
[data-composition-id="lv-00-board"] .bd-count{position:absolute;right:6.25%;top:13.5%;margin:0;font-weight:700;font-size:calc(var(--u) * 120);letter-spacing:-.04em;line-height:1;color:#eef2f6;font-variant-numeric:tabular-nums;text-shadow:0 0 calc(var(--u) * 40) rgba(159,214,255,.25)}
[data-composition-id="lv-00-board"] .bd-of{font-size:.42em;color:#f3d9a0;letter-spacing:-.02em}
[data-composition-id="lv-00-board"] .bd-countline{position:absolute;right:6.25%;top:25.6%;margin:0;font-size:calc(var(--u) * 15);text-align:right}
[data-composition-id="lv-00-board"] .bd-t380{left:6.250%;top:25.741%}
[data-composition-id="lv-00-board"] .bd-t69{left:6.250%;top:44.630%}
[data-composition-id="lv-00-board"] .bd-t270{left:6.250%;top:56.481%}
[data-composition-id="lv-00-board"] .bd-t321{left:6.250%;top:71.852%}
[data-composition-id="lv-00-board"] .bd-t710{left:52.083%;top:25.741%}
[data-composition-id="lv-00-board"] .bd-t738{left:52.083%;top:44.630%}
[data-composition-id="lv-00-board"] .bd-t116{left:52.083%;top:67.037%}
[data-composition-id="lv-00-board"] .bd-r0{left:6.250%;top:28.519%}
[data-composition-id="lv-00-board"] .bd-r1{left:6.250%;top:32.037%}
[data-composition-id="lv-00-board"] .bd-r2{left:6.250%;top:35.556%}
[data-composition-id="lv-00-board"] .bd-r3{left:6.250%;top:39.074%}
[data-composition-id="lv-00-board"] .bd-r4{left:6.250%;top:47.407%}
[data-composition-id="lv-00-board"] .bd-r5{left:6.250%;top:50.926%}
[data-composition-id="lv-00-board"] .bd-r6{left:6.250%;top:59.259%}
[data-composition-id="lv-00-board"] .bd-r7{left:6.250%;top:62.778%}
[data-composition-id="lv-00-board"] .bd-r8{left:6.250%;top:66.296%}
[data-composition-id="lv-00-board"] .bd-r9{left:6.250%;top:74.630%}
[data-composition-id="lv-00-board"] .bd-r10{left:52.083%;top:28.519%}
[data-composition-id="lv-00-board"] .bd-r11{left:52.083%;top:32.037%}
[data-composition-id="lv-00-board"] .bd-r12{left:52.083%;top:35.556%}
[data-composition-id="lv-00-board"] .bd-r13{left:52.083%;top:39.074%}
[data-composition-id="lv-00-board"] .bd-r14{left:52.083%;top:47.407%}
[data-composition-id="lv-00-board"] .bd-r15{left:52.083%;top:50.926%}
[data-composition-id="lv-00-board"] .bd-r16{left:52.083%;top:54.444%}
[data-composition-id="lv-00-board"] .bd-r17{left:52.083%;top:57.963%}
[data-composition-id="lv-00-board"] .bd-r18{left:52.083%;top:61.481%}
[data-composition-id="lv-00-board"] .bd-r19{left:52.083%;top:69.815%}
[data-composition-id="lv-00-board"] .bd-r20{left:52.083%;top:73.333%}
[data-composition-id="lv-00-board"] .bd-r21{left:52.083%;top:76.852%}
[data-composition-id="lv-00-board"] .bd-r22{left:52.083%;top:80.370%}
@container (orientation: portrait){
  [data-composition-id="lv-00-board"] .bd-row{grid-template-columns:calc(var(--u) * 300) calc(var(--u) * 150) auto;column-gap:calc(var(--u) * 14);padding:0 calc(var(--u) * 10);width:calc(var(--u) * 960);height:calc(var(--u) * 30)}
  [data-composition-id="lv-00-board"] .bd-name{font-size:calc(var(--u) * 28)}
  [data-composition-id="lv-00-board"] .bd-v{font-size:calc(var(--u) * 20);letter-spacing:.04em;padding:calc(var(--u) * 4) calc(var(--u) * 10)}
  [data-composition-id="lv-00-board"] .bd-v--p{font-size:calc(var(--u) * 15);letter-spacing:.02em}
  [data-composition-id="lv-00-board"] .bd-count{right:6%;top:4.6%;font-size:calc(var(--u) * 96)}
  [data-composition-id="lv-00-board"] .bd-countline{right:6%;top:13.2%;font-size:calc(var(--u) * 24);letter-spacing:.04em}
  [data-composition-id="lv-00-board"] .lv-w{top:17%;font-size:calc(var(--u) * 72)}
  [data-composition-id="lv-00-board"] .lv-eyebrow{display:none}
  [data-composition-id="lv-00-board"] .bd-t380{display:none}
  [data-composition-id="lv-00-board"] .bd-t69{display:none}
  [data-composition-id="lv-00-board"] .bd-t270{display:none}
  [data-composition-id="lv-00-board"] .bd-t321{display:none}
  [data-composition-id="lv-00-board"] .bd-t710{display:none}
  [data-composition-id="lv-00-board"] .bd-t738{display:none}
  [data-composition-id="lv-00-board"] .bd-t116{display:none}
  [data-composition-id="lv-00-board"] .bd-r0{left:5.926%;top:24.519%}
  [data-composition-id="lv-00-board"] .bd-r1{left:5.926%;top:26.963%}
  [data-composition-id="lv-00-board"] .bd-r2{left:5.926%;top:29.407%}
  [data-composition-id="lv-00-board"] .bd-r3{left:5.926%;top:31.852%}
  [data-composition-id="lv-00-board"] .bd-r4{left:5.926%;top:34.963%}
  [data-composition-id="lv-00-board"] .bd-r5{left:5.926%;top:37.407%}
  [data-composition-id="lv-00-board"] .bd-r6{left:5.926%;top:40.519%}
  [data-composition-id="lv-00-board"] .bd-r7{left:5.926%;top:42.963%}
  [data-composition-id="lv-00-board"] .bd-r8{left:5.926%;top:45.407%}
  [data-composition-id="lv-00-board"] .bd-r9{left:5.926%;top:48.519%}
  [data-composition-id="lv-00-board"] .bd-r10{left:5.926%;top:51.630%}
  [data-composition-id="lv-00-board"] .bd-r11{left:5.926%;top:54.074%}
  [data-composition-id="lv-00-board"] .bd-r12{left:5.926%;top:56.519%}
  [data-composition-id="lv-00-board"] .bd-r13{left:5.926%;top:58.963%}
  [data-composition-id="lv-00-board"] .bd-r14{left:5.926%;top:62.074%}
  [data-composition-id="lv-00-board"] .bd-r15{left:5.926%;top:64.519%}
  [data-composition-id="lv-00-board"] .bd-r16{left:5.926%;top:66.963%}
  [data-composition-id="lv-00-board"] .bd-r17{left:5.926%;top:69.407%}
  [data-composition-id="lv-00-board"] .bd-r18{left:5.926%;top:71.852%}
  [data-composition-id="lv-00-board"] .bd-r19{left:5.926%;top:74.963%}
  [data-composition-id="lv-00-board"] .bd-r20{left:5.926%;top:77.407%}
  [data-composition-id="lv-00-board"] .bd-r21{left:5.926%;top:79.852%}
  [data-composition-id="lv-00-board"] .bd-r22{left:5.926%;top:82.296%}
}

/* ---- lv-01-floor-and-ceiling ---- */
/* lv-01-floor-and-ceiling: the ceiling and floor names sit at the left of their planes (shown while we look down on them, gone after the crane);
   the old-floor tag sits beside the crowd on the floor's underside after the crane. Design box, then the 1080x1350 phone box. */
[data-composition-id="lv-01-floor-and-ceiling"] .fc-l1{left:5%;top:29.5%;opacity:0}
[data-composition-id="lv-01-floor-and-ceiling"] .fc-l2{left:5%;top:60%;opacity:0}
[data-composition-id="lv-01-floor-and-ceiling"] .fc-l3{left:80%;top:44%;width:max-content}
@container (orientation: portrait){
  [data-composition-id="lv-01-floor-and-ceiling"] .fc-l1{left:6%;top:30%}
  [data-composition-id="lv-01-floor-and-ceiling"] .fc-l2{left:6%;top:56%}
  [data-composition-id="lv-01-floor-and-ceiling"] .fc-l3{left:95%;top:50%}
}

/* ---- lv-02-zones-not-lines ---- */
/* lv-02-zones-not-lines: generated by tools/levels/make_shot.py from tools/levels/specs.py. Do not edit. */
[data-composition-id="lv-02-zones-not-lines"] .lv-l1{left:8.750%;top:77.174%}
[data-composition-id="lv-02-zones-not-lines"] .lv-l2{left:8.750%;top:57.520%}
[data-composition-id="lv-02-zones-not-lines"] .lv-l3{left:8.750%;top:37.865%}
[data-composition-id="lv-02-zones-not-lines"] .lv-l4{left:9.583%;top:86.111%}
[data-composition-id="lv-02-zones-not-lines"] .lv-l5{left:42.994%;top:86.111%}
[data-composition-id="lv-02-zones-not-lines"] .lv-l6{left:76.642%;top:86.111%}
[data-composition-id="lv-02-zones-not-lines"] .lv-l7{left:83.125%;top:57.905%}
[data-composition-id="lv-02-zones-not-lines"] .lv-l8{left:83.125%;top:76.388%}
[data-composition-id="lv-02-zones-not-lines"] .lv-l9{left:81.250%;top:26.481%}
@container (orientation: portrait){
  [data-composition-id="lv-02-zones-not-lines"] .lv-l1{left:15.296%;top:74.381%}
  [data-composition-id="lv-02-zones-not-lines"] .lv-l2{left:15.296%;top:56.451%}
  [data-composition-id="lv-02-zones-not-lines"] .lv-l3{left:15.296%;top:38.520%}
  [data-composition-id="lv-02-zones-not-lines"] .lv-l4{left:16.407%;top:82.815%}
  [data-composition-id="lv-02-zones-not-lines"] .lv-l5{display:none}
  [data-composition-id="lv-02-zones-not-lines"] .lv-l6{left:66.034%;top:82.815%}
  [data-composition-id="lv-02-zones-not-lines"] .lv-l7{left:71.667%;top:56.802%}
  [data-composition-id="lv-02-zones-not-lines"] .lv-l8{left:71.667%;top:73.664%}
  [data-composition-id="lv-02-zones-not-lines"] .lv-l9{left:69.444%;top:28.148%}
}

/* ---- lv-02b-zones-wear ---- */
/* lv-02b-zones-wear: one label, 'Buyers waiting', at the step's left end, above the step's front edge; clear of the subtitle band.
   1920x1080 design box, then the 1080x1350 phone box (30 px type above the step's far-left corner). The numerals are gone: the marks are the count. */
[data-composition-id="lv-02b-zones-wear"] .zw-bw{left:9.4%;top:78.5%}
@container (orientation: portrait){
  [data-composition-id="lv-02b-zones-wear"] .zw-bw{left:6%;top:42%}
}

/* ---- lv-03-levels-of-levels ---- */
/* lv-03-levels-of-levels: each tier name sits at the left end of its lip (derived from the tier table in the script). */
[data-composition-id="lv-03-levels-of-levels"] .tr-t1{left:8.854%;top:30.185%}
[data-composition-id="lv-03-levels-of-levels"] .tr-t2{left:13.021%;top:38.426%}
[data-composition-id="lv-03-levels-of-levels"] .tr-t3{left:17.188%;top:46.204%}
[data-composition-id="lv-03-levels-of-levels"] .tr-t4{left:21.354%;top:53.426%}
[data-composition-id="lv-03-levels-of-levels"] .tr-t5{left:25.521%;top:60.000%}
[data-composition-id="lv-03-levels-of-levels"] .tr-t6{left:29.688%;top:65.556%}
[data-composition-id="lv-03-levels-of-levels"] .tr-t7{left:33.854%;top:70.278%}
@container (orientation: portrait){
  [data-composition-id="lv-03-levels-of-levels"] .tr-t1{left:4.630%;top:31.037%}
  [data-composition-id="lv-03-levels-of-levels"] .tr-t2{left:9.259%;top:38.963%}
  [data-composition-id="lv-03-levels-of-levels"] .tr-t3{left:13.889%;top:46.222%}
  [data-composition-id="lv-03-levels-of-levels"] .tr-t4{left:18.519%;top:52.889%}
  [data-composition-id="lv-03-levels-of-levels"] .tr-t5{left:23.148%;top:58.815%}
  [data-composition-id="lv-03-levels-of-levels"] .tr-t6{left:27.778%;top:64.000%}
  [data-composition-id="lv-03-levels-of-levels"] .tr-t7{left:32.407%;top:68.519%}
}

/* ---- lv-04-human ---- */
/* lv-04-human: the old-high tag sits on the old-high line at its left (design box), and under its queue on the phone stage. */
[data-composition-id="lv-04-human"] .hu-l1{left:7.2%;top:35.6%;width:max-content}
@container (orientation: portrait){
  [data-composition-id="lv-04-human"] .hu-l1{left:10%;top:33.3%}
}

/* ---- lv-06-reading-my-screen ---- */
/* lv-06-reading-my-screen: generated by tools/levels/make_shot.py from tools/levels/specs.py. Do not edit. */
[data-composition-id="lv-06-reading-my-screen"] .lv-l1{left:7.604%;top:76.477%}
[data-composition-id="lv-06-reading-my-screen"] .lv-l2{left:7.604%;top:49.819%}
[data-composition-id="lv-06-reading-my-screen"] .lv-l3{left:8.438%;top:86.111%}
[data-composition-id="lv-06-reading-my-screen"] .lv-l4{left:29.881%;top:86.111%}
[data-composition-id="lv-06-reading-my-screen"] .lv-l5{left:51.206%;top:86.111%}
[data-composition-id="lv-06-reading-my-screen"] .lv-l6{left:56.979%;top:73.643%}
[data-composition-id="lv-06-reading-my-screen"] .lv-l7{left:61.458%;top:27.778%}
[data-composition-id="lv-06-reading-my-screen"] .lv-l8{left:61.458%;top:32.407%}
[data-composition-id="lv-06-reading-my-screen"] .lv-l9{left:61.458%;top:37.037%}
[data-composition-id="lv-06-reading-my-screen"] .lv-l10{left:61.458%;top:41.667%}
[data-composition-id="lv-06-reading-my-screen"] .lv-l11{left:61.458%;top:46.296%}
@container (orientation: portrait){
  [data-composition-id="lv-06-reading-my-screen"] .lv-l1{left:13.667%;top:66.011%}
  [data-composition-id="lv-06-reading-my-screen"] .lv-l2{left:13.667%;top:46.181%}
  [data-composition-id="lv-06-reading-my-screen"] .lv-l3{left:14.778%;top:73.926%}
  [data-composition-id="lv-06-reading-my-screen"] .lv-l4{display:none}
  [data-composition-id="lv-06-reading-my-screen"] .lv-l5{left:64.505%;top:73.926%}
  [data-composition-id="lv-06-reading-my-screen"] .lv-l6{left:71.667%;top:63.903%}
  [data-composition-id="lv-06-reading-my-screen"] .lv-l7{left:8.333%;top:76.741%}
  [data-composition-id="lv-06-reading-my-screen"] .lv-l8{left:8.333%;top:79.556%}
  [data-composition-id="lv-06-reading-my-screen"] .lv-l9{left:8.333%;top:82.370%}
  [data-composition-id="lv-06-reading-my-screen"] .lv-l10{left:8.333%;top:85.185%}
  [data-composition-id="lv-06-reading-my-screen"] .lv-l11{left:8.333%;top:88.000%}
}

/* ---- lv-05-machine ---- */
/* lv-05-machine: the three downstream reservoirs are named small, under their vessels (1920x1080 design box, then the 1080x1350 phone box). */
[data-composition-id="lv-05-machine"] .mc-r1{left:21.875%;top:90.741%}
[data-composition-id="lv-05-machine"] .mc-r2{left:50%;top:90.741%}
[data-composition-id="lv-05-machine"] .mc-r3{left:78.125%;top:90.741%}
@container (orientation: portrait){
  [data-composition-id="lv-05-machine"] .mc-r1{left:17.593%;top:95.556%}
  [data-composition-id="lv-05-machine"] .mc-r2{left:50%;top:95.556%}
  [data-composition-id="lv-05-machine"] .mc-r3{left:82.407%;top:95.556%}
}

/* ---- lv-30-pressure ---- */
/* lv-30-pressure: label anchors in the 1920x1080 design box, then the 1080x1350 phone box. Acts 1 to 3 labels sit on the
   world at its full size; they are hidden in the static (final) frame, which is the split of act 4. */
[data-composition-id="lv-30-pressure"] .pw-g,[data-composition-id="lv-30-pressure"] .pw-s,[data-composition-id="lv-30-pressure"] .pw-l,
[data-composition-id="lv-30-pressure"] .pw-m,[data-composition-id="lv-30-pressure"] .pw-n{opacity:0}
[data-composition-id="lv-30-pressure"] .pw-g{left:81.917%;top:14.907%;font-size:calc(var(--u) * 26);color:rgba(243,217,160,.95)}
[data-composition-id="lv-30-pressure"] .pw-s{left:77.5%;top:63.611%}
[data-composition-id="lv-30-pressure"] .pw-l{left:75.677%;top:73.852%}
[data-composition-id="lv-30-pressure"] .pw-m{left:71.667%;top:83.963%}
[data-composition-id="lv-30-pressure"] .pw-n{left:5%;top:92.6%;font-size:calc(var(--u) * 25);letter-spacing:.14em;color:rgba(243,217,160,.96)}
[data-composition-id="lv-30-pressure"] .pw-ca{left:25%;top:87.037%;color:rgba(238,242,246,.8)}
[data-composition-id="lv-30-pressure"] .pw-cb{left:75%;top:87.037%;color:rgba(238,242,246,.8)}
[data-composition-id="lv-30-pressure"] .pw-btn{position:absolute;left:50%;bottom:3.2%;transform:translateX(-50%);margin:0;padding:calc(var(--u) * 13) calc(var(--u) * 32);
  font:500 calc(var(--u) * 21)/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase;color:#f3d9a0;cursor:pointer;
  border:1px solid transparent;border-radius:999px;opacity:0;white-space:nowrap;
  background:linear-gradient(rgba(7,10,18,.78),rgba(7,10,18,.78)) padding-box,linear-gradient(115deg,#6e5326,#d9b46a 30%,#fff3d6 50%,#d9b46a 70%,#6e5326) border-box;
  transition:box-shadow .5s ease,color .5s ease}
[data-composition-id="lv-30-pressure"] .pw-btn:hover:not(:disabled){color:#fff3d6;box-shadow:0 0 calc(var(--u) * 34) rgba(243,217,160,.28)}
[data-composition-id="lv-30-pressure"] .pw-btn:focus-visible{outline:2px solid #9fd6ff;outline-offset:4px}
[data-composition-id="lv-30-pressure"] .pw-btn:disabled{pointer-events:none}
@container (orientation: portrait){
  [data-composition-id="lv-30-pressure"] .pw-g{left:98.148%;top:27.85%;font-size:calc(var(--u) * 32)}
  [data-composition-id="lv-30-pressure"] .pw-s{left:13.056%;top:60.222%}
  [data-composition-id="lv-30-pressure"] .pw-l{left:13.056%;top:67.333%}
  [data-composition-id="lv-30-pressure"] .pw-m{left:13.056%;top:72.5%}
  [data-composition-id="lv-30-pressure"] .pw-n{left:6%;top:88.1%;font-size:calc(var(--u) * 29)}
  [data-composition-id="lv-30-pressure"] .pw-ca{left:50%;top:55.185%}
  [data-composition-id="lv-30-pressure"] .pw-cb{left:50%;top:85.185%}
  [data-composition-id="lv-30-pressure"] .pw-btn{bottom:2.2%;font-size:calc(var(--u) * 29);padding:calc(var(--u) * 17) calc(var(--u) * 40)}
}

/* ---- lv-31-forced ---- */
/* lv-31-forced: the ladder's four text blocks, in the 1920x1080 design box then the 1080x1350 phone box.
   Text sits left of the thread (landscape) or above each rail (phone); titles are old-gold gradient type. */
[data-composition-id="lv-31-forced"] .fz-r{white-space:normal;width:calc(var(--u) * 540)}
[data-composition-id="lv-31-forced"] .fz-r > span{display:block}
[data-composition-id="lv-31-forced"] .fz-t{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;font-weight:500;font-size:calc(var(--u) * 23);letter-spacing:.16em;line-height:1.2;margin-bottom:calc(var(--u) * 10);
  background:linear-gradient(100deg,#b08a45 0%,#f3d9a0 38%,#fff3d6 50%,#d9b46a 66%,#b08a45 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-composition-id="lv-31-forced"] .fz-d{font-weight:600;font-size:calc(var(--u) * 28);line-height:1.28;letter-spacing:-.01em;color:rgba(238,242,246,.86)}
[data-composition-id="lv-31-forced"] .fz-m{white-space:normal;width:calc(var(--u) * 1000);font-weight:500;font-size:calc(var(--u) * 24);line-height:1.3;color:rgba(159,214,255,.78)}
[data-composition-id="lv-31-forced"] .fz-r1{left:7.4%;top:37.037%}
[data-composition-id="lv-31-forced"] .fz-r2{left:7.4%;top:51.852%}
[data-composition-id="lv-31-forced"] .fz-r3{left:7.4%;top:66.667%}
[data-composition-id="lv-31-forced"] .fz-r4{left:7.4%;top:81.481%}
[data-composition-id="lv-31-forced"] .fz-m{left:38.5%;top:93%}
@container (orientation: portrait){
  [data-composition-id="lv-31-forced"] .fz-r{width:calc(var(--u) * 960)}
  [data-composition-id="lv-31-forced"] .fz-t{font-size:calc(var(--u) * 30);letter-spacing:.1em;margin-bottom:calc(var(--u) * 8)}
  [data-composition-id="lv-31-forced"] .fz-d{font-size:calc(var(--u) * 33);line-height:1.2}
  [data-composition-id="lv-31-forced"] .fz-m{width:calc(var(--u) * 900);font-size:calc(var(--u) * 31);left:6%;top:93.5%}
  [data-composition-id="lv-31-forced"] .fz-r1{left:8.3%;top:29.63%}
  [data-composition-id="lv-31-forced"] .fz-r2{left:8.3%;top:45.93%}
  [data-composition-id="lv-31-forced"] .fz-r3{left:8.3%;top:62.22%}
  [data-composition-id="lv-31-forced"] .fz-r4{left:8.3%;top:78.52%}
}

/* ---- lv-33-wave ---- */
/* lv-33-wave: the map frame (design box 1920x1080, then the phone box 1080x1350), the cards and the node labels. */
[data-composition-id="lv-33-wave"] .wv-map{position:absolute;left:4.6%;top:27.8%;width:90.6%;height:54%}
[data-composition-id="lv-33-wave"] .wv-tick{position:absolute;right:5%;top:7.4%;margin:0;display:flex;gap:calc(var(--u) * 28);font-size:calc(var(--u) * 20);letter-spacing:.16em;color:rgba(243,217,160,.85)}
[data-composition-id="lv-33-wave"] .wv-n,[data-composition-id="lv-33-wave"] .wv-card{display:flex;flex-direction:column;text-shadow:0 0 calc(var(--u) * 12) rgba(5,7,13,.95)}
[data-composition-id="lv-33-wave"] .wv-n{gap:calc(var(--u) * 5)}
[data-composition-id="lv-33-wave"] .wv-n.al-r{align-items:flex-end;text-align:right}
[data-composition-id="lv-33-wave"] .wv-card{gap:calc(var(--u) * 9);padding:calc(var(--u) * 16) calc(var(--u) * 24) calc(var(--u) * 18);min-width:calc(var(--u) * 250)}
[data-composition-id="lv-33-wave"] .wv-ch{font-size:calc(var(--u) * 19);letter-spacing:.2em;color:rgba(243,217,160,.92);margin-bottom:calc(var(--u) * 4)}
[data-composition-id="lv-33-wave"] .wv-row{display:flex;justify-content:space-between;align-items:baseline;gap:calc(var(--u) * 26)}
[data-composition-id="lv-33-wave"] .wv-nm{font-size:calc(var(--u) * 21);font-weight:500;letter-spacing:.12em;color:rgba(238,242,246,.92);text-transform:uppercase}
[data-composition-id="lv-33-wave"] .wv-s{font-style:normal;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:calc(var(--u) * 17);letter-spacing:.14em;color:rgba(238,242,246,.62);text-transform:uppercase;white-space:nowrap}
[data-composition-id="lv-33-wave"] .wv-sg{display:grid;justify-items:end}
[data-composition-id="lv-33-wave"] .wv-sg > *{grid-area:1/1}
[data-composition-id="lv-33-wave"] .wv-n--fut .wv-s--old{opacity:0}
[data-composition-id="lv-33-wave"] [data-state^="BROKE"] > .wv-s,[data-composition-id="lv-33-wave"] [data-state="BREAKING"] > .wv-s,[data-composition-id="lv-33-wave"] .wv-s2{font-weight:700;background:linear-gradient(100deg,#d9b46a,#fff3d6 35%,#f3d9a0 65%,#d9b46a);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
[data-composition-id="lv-33-wave"] [data-state="TESTING"] > .wv-s{color:#9fd6ff}
[data-composition-id="lv-33-wave"] [data-state="LATE OCT"] > .wv-s{color:#7fe3e8}
[data-composition-id="lv-33-wave"] .wv-card--cr .wv-ch{color:#7fe3e8}
[data-composition-id="lv-33-wave"] .wv-n--end .wv-nm{color:rgba(243,217,160,.85);font-size:calc(var(--u) * 19)}
@container (orientation: portrait){
  [data-composition-id="lv-33-wave"] .wv-map{left:3%;top:33.5%;width:94.4%;height:44.4%}
  [data-composition-id="lv-33-wave"] .wv-tick{left:6%;right:auto;top:29%;gap:calc(var(--u) * 20);font-size:calc(var(--u) * 27);letter-spacing:.06em}
  [data-composition-id="lv-33-wave"] .wv-ch{font-size:calc(var(--u) * 26);letter-spacing:.14em}
  [data-composition-id="lv-33-wave"] .wv-nm{font-size:calc(var(--u) * 30);letter-spacing:.06em}
  [data-composition-id="lv-33-wave"] .wv-s{font-size:calc(var(--u) * 26);letter-spacing:.06em}
  [data-composition-id="lv-33-wave"] .wv-card{min-width:calc(var(--u) * 340);gap:calc(var(--u) * 8);padding:calc(var(--u) * 14) calc(var(--u) * 20)}
  [data-composition-id="lv-33-wave"] .wv-row{gap:calc(var(--u) * 16)}
  [data-composition-id="lv-33-wave"] .wv-nm{font-size:calc(var(--u) * 28)}
  [data-composition-id="lv-33-wave"] .wv-s2{white-space:normal;max-width:calc(var(--u) * 300);text-align:right}
  [data-composition-id="lv-33-wave"] .wv-n--end .wv-nm{font-size:calc(var(--u) * 28)}
  [data-composition-id="lv-33-wave"] .lv-callout{bottom:12.6%;font-size:calc(var(--u) * 28)}
}

/* ---- lv-10-ten-year ---- */
/* lv-10-ten-year: generated by tools/levels/make_shot.py from tools/levels/specs.py. Do not edit. */
[data-composition-id="lv-10-ten-year"] .lv-l1{left:6.979%;top:64.919%}
[data-composition-id="lv-10-ten-year"] .lv-l2{left:6.979%;top:41.465%}
[data-composition-id="lv-10-ten-year"] .lv-l3{left:7.812%;top:86.111%}
[data-composition-id="lv-10-ten-year"] .lv-l4{left:43.591%;top:86.111%}
[data-composition-id="lv-10-ten-year"] .lv-l5{left:79.032%;top:86.111%}
[data-composition-id="lv-10-ten-year"] .lv-l6{left:83.125%;top:42.492%}
[data-composition-id="lv-10-ten-year"] .lv-l7{left:83.125%;top:48.881%}
[data-composition-id="lv-10-ten-year"] .lv-l8{left:83.125%;top:34.197%}
[data-composition-id="lv-10-ten-year"] .lv-l9{left:81.250%;top:26.481%}
@container (orientation: portrait){
  [data-composition-id="lv-10-ten-year"] .lv-l1{left:12.778%;top:63.201%}
  [data-composition-id="lv-10-ten-year"] .lv-l2{left:12.778%;top:41.804%}
  [data-composition-id="lv-10-ten-year"] .lv-l3{left:13.889%;top:82.815%}
  [data-composition-id="lv-10-ten-year"] .lv-l4{display:none}
  [data-composition-id="lv-10-ten-year"] .lv-l5{left:67.767%;top:82.815%}
  [data-composition-id="lv-10-ten-year"] .lv-l6{left:71.667%;top:41.512%}
  [data-composition-id="lv-10-ten-year"] .lv-l7{left:71.667%;top:50.031%}
  [data-composition-id="lv-10-ten-year"] .lv-l8{left:71.667%;top:34.943%}
  [data-composition-id="lv-10-ten-year"] .lv-l9{left:69.444%;top:28.148%}
}

/* ---- lv-07-move ---- */
/* lv-07-move: generated by tools/levels/make_shot.py from tools/levels/specs.py. Do not edit. */
[data-composition-id="lv-07-move"] .lv-l1{left:6.979%;top:82.816%}
[data-composition-id="lv-07-move"] .lv-l2{left:6.979%;top:55.768%}
[data-composition-id="lv-07-move"] .lv-l3{left:7.812%;top:86.111%}
[data-composition-id="lv-07-move"] .lv-l4{left:42.982%;top:86.111%}
[data-composition-id="lv-07-move"] .lv-l5{left:78.078%;top:86.111%}
[data-composition-id="lv-07-move"] .lv-l6{left:83.125%;top:55.299%}
[data-composition-id="lv-07-move"] .lv-l7{left:83.125%;top:61.688%}
[data-composition-id="lv-07-move"] .lv-l8{left:81.250%;top:26.481%}
@container (orientation: portrait){
  [data-composition-id="lv-07-move"] .lv-l1{left:12.778%;top:79.528%}
  [data-composition-id="lv-07-move"] .lv-l2{left:12.778%;top:54.852%}
  [data-composition-id="lv-07-move"] .lv-l3{left:13.889%;top:82.815%}
  [data-composition-id="lv-07-move"] .lv-l4{display:none}
  [data-composition-id="lv-07-move"] .lv-l5{left:67.044%;top:82.815%}
  [data-composition-id="lv-07-move"] .lv-l6{left:71.667%;top:53.080%}
  [data-composition-id="lv-07-move"] .lv-l7{left:71.667%;top:61.598%}
  [data-composition-id="lv-07-move"] .lv-l8{left:69.444%;top:28.148%}
}

/* ---- lv-11-sofr ---- */
/* lv-11-sofr: generated by tools/levels/make_shot.py from tools/levels/specs.py. Do not edit. */
[data-composition-id="lv-11-sofr"] .lv-l1{left:6.979%;top:49.651%}
[data-composition-id="lv-11-sofr"] .lv-l2{left:6.979%;top:30.856%}
[data-composition-id="lv-11-sofr"] .lv-l3{left:7.812%;top:86.111%}
[data-composition-id="lv-11-sofr"] .lv-l4{left:42.424%;top:86.111%}
[data-composition-id="lv-11-sofr"] .lv-l5{left:76.286%;top:86.111%}
[data-composition-id="lv-11-sofr"] .lv-l6{left:83.125%;top:64.124%}
[data-composition-id="lv-11-sofr"] .lv-l7{left:83.125%;top:57.735%}
[data-composition-id="lv-11-sofr"] .lv-l8{left:81.250%;top:26.481%}
@container (orientation: portrait){
  [data-composition-id="lv-11-sofr"] .lv-l1{left:12.778%;top:49.272%}
  [data-composition-id="lv-11-sofr"] .lv-l2{left:12.778%;top:32.126%}
  [data-composition-id="lv-11-sofr"] .lv-l3{left:13.889%;top:82.815%}
  [data-composition-id="lv-11-sofr"] .lv-l4{display:none}
  [data-composition-id="lv-11-sofr"] .lv-l5{left:65.689%;top:82.815%}
  [data-composition-id="lv-11-sofr"] .lv-l6{left:71.667%;top:63.820%}
  [data-composition-id="lv-11-sofr"] .lv-l7{left:71.667%;top:55.302%}
  [data-composition-id="lv-11-sofr"] .lv-l8{left:69.444%;top:28.148%}
}

/* ---- lv-07b-vix ---- */
/* lv-07b-vix: generated by tools/levels/make_shot.py from tools/levels/specs.py. Do not edit. */
[data-composition-id="lv-07b-vix"] .lv-l1{left:6.979%;top:65.954%}
[data-composition-id="lv-07b-vix"] .lv-l2{left:6.979%;top:45.196%}
[data-composition-id="lv-07b-vix"] .lv-l3{left:7.812%;top:86.111%}
[data-composition-id="lv-07b-vix"] .lv-l4{left:37.845%;top:86.111%}
[data-composition-id="lv-07b-vix"] .lv-l5{left:67.307%;top:86.111%}
[data-composition-id="lv-07b-vix"] .lv-l6{left:73.750%;top:51.037%}
[data-composition-id="lv-07b-vix"] .lv-l7{left:73.750%;top:63.879%}
[data-composition-id="lv-07b-vix"] .lv-l8{left:73.750%;top:44.648%}
[data-composition-id="lv-07b-vix"] .lv-l9{left:71.875%;top:26.481%}
@container (orientation: portrait){
  [data-composition-id="lv-07b-vix"] .lv-l1{left:12.778%;top:64.145%}
  [data-composition-id="lv-07b-vix"] .lv-l2{left:12.778%;top:45.208%}
  [data-composition-id="lv-07b-vix"] .lv-l3{left:13.889%;top:82.815%}
  [data-composition-id="lv-07b-vix"] .lv-l4{display:none}
  [data-composition-id="lv-07b-vix"] .lv-l5{left:65.483%;top:82.815%}
  [data-composition-id="lv-07b-vix"] .lv-l6{left:71.667%;top:52.512%}
  [data-composition-id="lv-07b-vix"] .lv-l7{left:71.667%;top:62.253%}
  [data-composition-id="lv-07b-vix"] .lv-l8{left:71.667%;top:42.734%}
  [data-composition-id="lv-07b-vix"] .lv-l9{left:69.444%;top:28.148%}
}

/* ---- lv-32-regime ---- */
/* lv-32-regime: the paper band (plot frame) in the 1920x1080 design box, then the 1080x1350 phone box. */
[data-composition-id="lv-32-regime"] .sx-plot{position:absolute;left:5%;top:30%;width:90%;height:49%}
[data-composition-id="lv-32-regime"] .sx-key{position:absolute;left:5%;top:25.5%;margin:0;display:flex;gap:calc(var(--u) * 34)}
[data-composition-id="lv-32-regime"] .sx-k{display:inline-flex;align-items:center;gap:calc(var(--u) * 10);font-size:calc(var(--u) * 19)}
[data-composition-id="lv-32-regime"] .sx-k::before{content:"";width:calc(var(--u) * 14);height:calc(var(--u) * 14);border-radius:50%;background:#3f8f6e;box-shadow:0 0 calc(var(--u) * 10) rgba(63,143,110,.7)}
[data-composition-id="lv-32-regime"] .sx-k--s::before{background:#9fd6ff;box-shadow:0 0 calc(var(--u) * 10) rgba(159,214,255,.7)}
[data-composition-id="lv-32-regime"] .lv-zl{display:flex;flex-direction:column;gap:calc(var(--u) * 4)}
[data-composition-id="lv-32-regime"] .lv-zl__v{font-size:calc(var(--u) * 26);font-weight:700;background:linear-gradient(100deg,#d9b46a,#fff3d6 40%,#f3d9a0 70%,#d9b46a);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
[data-composition-id="lv-32-regime"] .lv-zl__k{font-size:calc(var(--u) * 17);letter-spacing:.14em;text-transform:uppercase;color:rgba(243,217,160,.8)}
[data-composition-id="lv-32-regime"] .sx-print{text-shadow:0 0 calc(var(--u) * 18) rgba(5,7,13,.9)}
[data-composition-id="lv-32-regime"] .sx-high,[data-composition-id="lv-32-regime"] .sx-myl{color:rgba(243,217,160,.9)}
[data-composition-id="lv-32-regime"] .sx-front{color:#9fd6ff}
[data-composition-id="lv-32-regime"] .lv-callout{max-width:58%;bottom:4.4%}
@container (orientation: portrait){
  [data-composition-id="lv-32-regime"] .sx-plot{left:4%;top:34%;width:92%;height:40%}
  [data-composition-id="lv-32-regime"] .sx-key{left:6%;top:29.5%;gap:calc(var(--u) * 26)}
  [data-composition-id="lv-32-regime"] .sx-k{font-size:calc(var(--u) * 30)}
  [data-composition-id="lv-32-regime"] .sx-k::before{width:calc(var(--u) * 20);height:calc(var(--u) * 20)}
  [data-composition-id="lv-32-regime"] .lv-zl__v{font-size:calc(var(--u) * 34)}
  [data-composition-id="lv-32-regime"] .lv-zl__k{font-size:calc(var(--u) * 30);letter-spacing:.06em}
  [data-composition-id="lv-32-regime"] .lv-callout{max-width:none;bottom:12.4%;font-size:calc(var(--u) * 28)}
}

/* ---- lv-05b-weather ---- */
/* lv-05b-weather: the fear index named under its start, the falling line's verdict under its right end, the Stocks chip on the fresh swell;
   1920x1080 design box, then the 1080x1350 phone box. width:max-content keeps the right-anchored label on one line. */
[data-composition-id="lv-05b-weather"] .wt-fi{left:8.4%;top:34.6%}
[data-composition-id="lv-05b-weather"] .wt-zl{left:95%;top:43.5%}
[data-composition-id="lv-05b-weather"] .wt-sk{left:80%;top:66%;width:max-content}
@container (orientation: portrait){
  [data-composition-id="lv-05b-weather"] .wt-fi{left:6%;top:30.6%}
  [data-composition-id="lv-05b-weather"] .wt-zl{left:94%;top:38%}
  [data-composition-id="lv-05b-weather"] .wt-sk{left:70%;top:60%;width:max-content}
}
[data-composition-id="lv-05b-weather"] .lv-a.wt-zl{white-space:nowrap;max-width:none;width:max-content}
@container (orientation: portrait){ [data-composition-id="lv-05b-weather"] .lv-a.wt-zl{white-space:nowrap;max-width:none;width:max-content} }

/* ---- lv-08-ovx ---- */
/* lv-08-ovx: generated by tools/levels/make_shot.py from tools/levels/specs.py. Do not edit. */
[data-composition-id="lv-08-ovx"] .lv-l1{left:6.979%;top:67.685%}
[data-composition-id="lv-08-ovx"] .lv-l2{left:6.979%;top:45.650%}
[data-composition-id="lv-08-ovx"] .lv-l3{left:7.812%;top:86.111%}
[data-composition-id="lv-08-ovx"] .lv-l4{left:43.231%;top:86.111%}
[data-composition-id="lv-08-ovx"] .lv-l5{left:78.180%;top:86.111%}
[data-composition-id="lv-08-ovx"] .lv-l6{left:83.125%;top:63.151%}
[data-composition-id="lv-08-ovx"] .lv-l7{left:83.125%;top:69.886%}
[data-composition-id="lv-08-ovx"] .lv-l8{left:81.250%;top:26.481%}
@container (orientation: portrait){
  [data-composition-id="lv-08-ovx"] .lv-l1{left:12.778%;top:65.724%}
  [data-composition-id="lv-08-ovx"] .lv-l2{left:12.778%;top:45.622%}
  [data-composition-id="lv-08-ovx"] .lv-l3{left:13.889%;top:82.815%}
  [data-composition-id="lv-08-ovx"] .lv-l4{display:none}
  [data-composition-id="lv-08-ovx"] .lv-l5{left:67.122%;top:82.815%}
  [data-composition-id="lv-08-ovx"] .lv-l6{left:71.667%;top:60.401%}
  [data-composition-id="lv-08-ovx"] .lv-l7{left:71.667%;top:68.919%}
  [data-composition-id="lv-08-ovx"] .lv-l8{left:69.444%;top:28.148%}
}

/* ---- lv-09-bviv ---- */
/* lv-09-bviv: generated by tools/levels/make_screen.py. */
[data-composition-id="lv-09-bviv"] .sc-frame{position:absolute;left:25.000%;top:24.259%;width:50.000%;aspect-ratio:1422/935}
[data-composition-id="lv-09-bviv"] .sc-img{display:block;width:100%;height:100%;border-radius:calc(var(--u) * 10)}
html.o-reel-js [data-composition-id="lv-09-bviv"] .sc-img,[data-composition-id="lv-09-bviv"].is-lumen .sc-img{visibility:hidden}
[data-composition-id="lv-09-bviv"] .sc-tag{position:absolute;left:25.000%;top:84.373%;margin:0}
@container (orientation: portrait){
  [data-composition-id="lv-09-bviv"] .sc-frame{left:5.556%;top:31.852%;width:88.889%}
  [data-composition-id="lv-09-bviv"] .sc-tag{left:5.556%;top:80.091%}
}

/* ---- lv-15-rotation ---- */
/* lv-15-rotation: three name cards (glass) standing inside the vessels at mid-height, in the 1920x1080 design box, then the
   1080x1350 phone box. Nothing in the bottom quarter (Scarlet's subtitles run there). */
[data-composition-id="lv-15-rotation"] .rt-c{text-align:center;min-width:calc(var(--u) * 250)}
[data-composition-id="lv-15-rotation"] .rt-c .sb-t{font-size:calc(var(--u) * 32);margin-top:0}
[data-composition-id="lv-15-rotation"] .rt-c .sb-d{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.16em;font-size:calc(var(--u) * 17);color:rgba(243,217,160,.85)}
[data-composition-id="lv-15-rotation"] .rt-c1{left:24.5%;top:56.5%}
[data-composition-id="lv-15-rotation"] .rt-c2{left:50%;top:56.5%}
[data-composition-id="lv-15-rotation"] .rt-c3{left:75.5%;top:52%}
@container (orientation: portrait){
  [data-composition-id="lv-15-rotation"] .rt-c{min-width:calc(var(--u) * 290);padding-left:calc(var(--u) * 12);padding-right:calc(var(--u) * 12)}
  [data-composition-id="lv-15-rotation"] .rt-c .sb-t{font-size:calc(var(--u) * 34)}
  [data-composition-id="lv-15-rotation"] .rt-c .sb-d{font-size:calc(var(--u) * 24);letter-spacing:.1em}
  [data-composition-id="lv-15-rotation"] .rt-c1{left:18.981%;top:60%}
  [data-composition-id="lv-15-rotation"] .rt-c2{left:50%;top:60%}
  [data-composition-id="lv-15-rotation"] .rt-c3{left:81.019%;top:56%}
}

/* ---- lv-16-equal-weight ---- */
/* lv-16-equal-weight: generated by tools/levels/make_shot.py from tools/levels/specs.py. Do not edit. */
[data-composition-id="lv-16-equal-weight"] .lv-l1{left:6.979%;top:74.472%}
[data-composition-id="lv-16-equal-weight"] .lv-l2{left:6.979%;top:56.248%}
[data-composition-id="lv-16-equal-weight"] .lv-l3{left:6.979%;top:38.024%}
[data-composition-id="lv-16-equal-weight"] .lv-l4{left:7.812%;top:86.111%}
[data-composition-id="lv-16-equal-weight"] .lv-l5{left:42.108%;top:86.111%}
[data-composition-id="lv-16-equal-weight"] .lv-l6{left:76.014%;top:86.111%}
[data-composition-id="lv-16-equal-weight"] .lv-l7{left:83.125%;top:41.208%}
[data-composition-id="lv-16-equal-weight"] .lv-l8{left:83.125%;top:34.819%}
[data-composition-id="lv-16-equal-weight"] .lv-l9{left:83.125%;top:49.413%}
[data-composition-id="lv-16-equal-weight"] .lv-l10{left:81.250%;top:26.481%}
@container (orientation: portrait){
  [data-composition-id="lv-16-equal-weight"] .lv-l1{left:12.778%;top:71.916%}
  [data-composition-id="lv-16-equal-weight"] .lv-l2{left:12.778%;top:55.290%}
  [data-composition-id="lv-16-equal-weight"] .lv-l3{left:12.778%;top:38.665%}
  [data-composition-id="lv-16-equal-weight"] .lv-l4{left:13.889%;top:82.815%}
  [data-composition-id="lv-16-equal-weight"] .lv-l5{display:none}
  [data-composition-id="lv-16-equal-weight"] .lv-l6{left:65.483%;top:82.815%}
  [data-composition-id="lv-16-equal-weight"] .lv-l7{left:71.667%;top:42.116%}
  [data-composition-id="lv-16-equal-weight"] .lv-l8{left:71.667%;top:33.616%}
  [data-composition-id="lv-16-equal-weight"] .lv-l9{left:71.667%;top:50.634%}
  [data-composition-id="lv-16-equal-weight"] .lv-l10{left:69.444%;top:28.148%}
}

/* ---- lv-17-tech-and-semis ---- */
/* lv-17-tech-and-semis: generated by tools/levels/make_shot.py from tools/levels/specs.py. Do not edit. */
[data-composition-id="lv-17-tech-and-semis"] .lv-l1{left:6.979%;top:48.127%}
[data-composition-id="lv-17-tech-and-semis"] .lv-l2{left:6.979%;top:34.123%}
[data-composition-id="lv-17-tech-and-semis"] .lv-l3{left:83.125%;top:40.902%}
[data-composition-id="lv-17-tech-and-semis"] .lv-l4{left:83.125%;top:34.514%}
[data-composition-id="lv-17-tech-and-semis"] .lv-l5{left:71.872%;top:45.394%}
[data-composition-id="lv-17-tech-and-semis"] .lv-l6{left:7.812%;top:26.481%}
[data-composition-id="lv-17-tech-and-semis"] .lv-l7{left:81.250%;top:26.481%}
[data-composition-id="lv-17-tech-and-semis"] .lv-l8{left:6.979%;top:68.573%}
[data-composition-id="lv-17-tech-and-semis"] .lv-l9{left:7.812%;top:81.481%}
[data-composition-id="lv-17-tech-and-semis"] .lv-l10{left:42.710%;top:81.481%}
[data-composition-id="lv-17-tech-and-semis"] .lv-l11{left:77.350%;top:81.481%}
[data-composition-id="lv-17-tech-and-semis"] .lv-l12{left:83.125%;top:69.811%}
[data-composition-id="lv-17-tech-and-semis"] .lv-l13{left:83.125%;top:63.422%}
[data-composition-id="lv-17-tech-and-semis"] .lv-l14{left:83.125%;top:76.168%}
[data-composition-id="lv-17-tech-and-semis"] .lv-l15{left:7.812%;top:58.889%}
[data-composition-id="lv-17-tech-and-semis"] .lv-l16{left:81.250%;top:58.889%}
@container (orientation: portrait){
  [data-composition-id="lv-17-tech-and-semis"] .lv-l1{left:12.778%;top:43.206%}
  [data-composition-id="lv-17-tech-and-semis"] .lv-l2{left:12.778%;top:34.157%}
  [data-composition-id="lv-17-tech-and-semis"] .lv-l3{left:71.667%;top:40.733%}
  [data-composition-id="lv-17-tech-and-semis"] .lv-l4{left:71.667%;top:32.214%}
  [data-composition-id="lv-17-tech-and-semis"] .lv-l5{left:62.350%;top:42.369%}
  [data-composition-id="lv-17-tech-and-semis"] .lv-l6{left:13.889%;top:28.148%}
  [data-composition-id="lv-17-tech-and-semis"] .lv-l7{left:69.444%;top:23.852%}
  [data-composition-id="lv-17-tech-and-semis"] .lv-l8{left:12.778%;top:62.002%}
  [data-composition-id="lv-17-tech-and-semis"] .lv-l9{left:13.889%;top:72.444%}
  [data-composition-id="lv-17-tech-and-semis"] .lv-l10{display:none}
  [data-composition-id="lv-17-tech-and-semis"] .lv-l11{left:66.494%;top:72.444%}
  [data-composition-id="lv-17-tech-and-semis"] .lv-l12{left:71.667%;top:63.506%}
  [data-composition-id="lv-17-tech-and-semis"] .lv-l13{left:71.667%;top:57.037%}
  [data-composition-id="lv-17-tech-and-semis"] .lv-l14{left:71.667%;top:70.370%}
  [data-composition-id="lv-17-tech-and-semis"] .lv-l15{left:13.889%;top:54.074%}
  [data-composition-id="lv-17-tech-and-semis"] .lv-l16{left:69.444%;top:49.778%}
}

/* ---- lv-17b-chip ---- */
/* lv-17b-chip: no labels; the whole shot is light and the three lines (shared lv-w type). */

/* ---- lv-18-asia ---- */
/* lv-18-asia: generated by tools/levels/make_shot.py from tools/levels/specs.py. Do not edit. */
[data-composition-id="lv-18-asia"] .lv-l1{left:21.354%;top:79.630%}
[data-composition-id="lv-18-asia"] .lv-l2{left:6.771%;top:32.963%}
[data-composition-id="lv-18-asia"] .lv-l3{left:6.771%;top:79.630%}
[data-composition-id="lv-18-asia"] .lv-l4{left:39.062%;top:79.630%}
[data-composition-id="lv-18-asia"] .lv-l5{left:24.479%;top:32.963%}
[data-composition-id="lv-18-asia"] .lv-l6{left:24.479%;top:79.630%}
[data-composition-id="lv-18-asia"] .lv-l7{left:56.771%;top:79.630%}
[data-composition-id="lv-18-asia"] .lv-l8{left:42.188%;top:32.963%}
[data-composition-id="lv-18-asia"] .lv-l9{left:42.188%;top:79.630%}
[data-composition-id="lv-18-asia"] .lv-l10{left:74.479%;top:79.630%}
[data-composition-id="lv-18-asia"] .lv-l11{left:59.896%;top:32.963%}
[data-composition-id="lv-18-asia"] .lv-l12{left:59.896%;top:79.630%}
[data-composition-id="lv-18-asia"] .lv-l13{left:92.188%;top:79.630%}
[data-composition-id="lv-18-asia"] .lv-l14{left:77.604%;top:32.963%}
[data-composition-id="lv-18-asia"] .lv-l15{left:77.604%;top:83.889%}
[data-composition-id="lv-18-asia"] .lv-l16{left:77.604%;top:87.407%}
[data-composition-id="lv-18-asia"] .lv-l17{left:77.604%;top:79.630%}
@container (orientation: portrait){
  [data-composition-id="lv-18-asia"] .lv-l1{left:80.926%;top:36.381%}
  [data-composition-id="lv-18-asia"] .lv-l2{left:10.185%;top:27.407%}
  [data-composition-id="lv-18-asia"] .lv-l3{left:79.630%;top:28.593%}
  [data-composition-id="lv-18-asia"] .lv-l4{left:80.926%;top:43.900%}
  [data-composition-id="lv-18-asia"] .lv-l5{left:10.185%;top:38.519%}
  [data-composition-id="lv-18-asia"] .lv-l6{left:79.630%;top:39.704%}
  [data-composition-id="lv-18-asia"] .lv-l7{left:80.926%;top:57.803%}
  [data-composition-id="lv-18-asia"] .lv-l8{left:10.185%;top:49.630%}
  [data-composition-id="lv-18-asia"] .lv-l9{left:79.630%;top:50.815%}
  [data-composition-id="lv-18-asia"] .lv-l10{left:80.926%;top:69.273%}
  [data-composition-id="lv-18-asia"] .lv-l11{left:10.185%;top:60.741%}
  [data-composition-id="lv-18-asia"] .lv-l12{left:79.630%;top:61.926%}
  [data-composition-id="lv-18-asia"] .lv-l13{left:80.926%;top:80.471%}
  [data-composition-id="lv-18-asia"] .lv-l14{left:10.185%;top:71.852%}
  [data-composition-id="lv-18-asia"] .lv-l15{left:10.185%;top:85.037%}
  [data-composition-id="lv-18-asia"] .lv-l16{left:79.630%;top:85.037%}
  [data-composition-id="lv-18-asia"] .lv-l17{left:79.630%;top:73.037%}
}

/* ---- lv-14-rupiah ---- */
/* lv-14-rupiah: generated by tools/levels/make_shot.py from tools/levels/specs.py. Do not edit. */
[data-composition-id="lv-14-rupiah"] .lv-l1{left:8.750%;top:62.660%}
[data-composition-id="lv-14-rupiah"] .lv-l2{left:8.750%;top:37.042%}
[data-composition-id="lv-14-rupiah"] .lv-l3{left:9.583%;top:86.111%}
[data-composition-id="lv-14-rupiah"] .lv-l4{left:43.682%;top:86.111%}
[data-composition-id="lv-14-rupiah"] .lv-l5{left:76.627%;top:86.111%}
[data-composition-id="lv-14-rupiah"] .lv-l6{left:83.125%;top:38.542%}
[data-composition-id="lv-14-rupiah"] .lv-l7{left:83.125%;top:32.153%}
[data-composition-id="lv-14-rupiah"] .lv-l8{left:81.250%;top:26.481%}
@container (orientation: portrait){
  [data-composition-id="lv-14-rupiah"] .lv-l1{left:15.296%;top:61.140%}
  [data-composition-id="lv-14-rupiah"] .lv-l2{left:15.296%;top:37.769%}
  [data-composition-id="lv-14-rupiah"] .lv-l3{left:16.407%;top:82.815%}
  [data-composition-id="lv-14-rupiah"] .lv-l4{display:none}
  [data-composition-id="lv-14-rupiah"] .lv-l5{left:66.024%;top:82.815%}
  [data-composition-id="lv-14-rupiah"] .lv-l6{left:71.667%;top:40.483%}
  [data-composition-id="lv-14-rupiah"] .lv-l7{left:71.667%;top:31.964%}
  [data-composition-id="lv-14-rupiah"] .lv-l8{left:69.444%;top:28.148%}
}

/* ---- lv-12-oil-two-curves ---- */
/* lv-12-oil-two-curves: generated by tools/levels/make_shot.py from tools/levels/specs.py. Do not edit. */
[data-composition-id="lv-12-oil-two-curves"] .lv-l1{left:6.979%;top:65.658%}
[data-composition-id="lv-12-oil-two-curves"] .lv-l2{left:6.979%;top:47.978%}
[data-composition-id="lv-12-oil-two-curves"] .lv-l3{left:7.812%;top:86.111%}
[data-composition-id="lv-12-oil-two-curves"] .lv-l4{left:43.151%;top:86.111%}
[data-composition-id="lv-12-oil-two-curves"] .lv-l5{left:78.180%;top:86.111%}
[data-composition-id="lv-12-oil-two-curves"] .lv-l6{left:83.125%;top:54.274%}
[data-composition-id="lv-12-oil-two-curves"] .lv-l7{left:83.125%;top:74.319%}
[data-composition-id="lv-12-oil-two-curves"] .lv-l8{left:83.125%;top:68.452%}
[data-composition-id="lv-12-oil-two-curves"] .lv-l9{left:83.125%;top:36.029%}
[data-composition-id="lv-12-oil-two-curves"] .lv-l10{left:83.125%;top:63.730%}
[data-composition-id="lv-12-oil-two-curves"] .lv-l11{left:81.250%;top:26.481%}
@container (orientation: portrait){
  [data-composition-id="lv-12-oil-two-curves"] .lv-l1{left:12.778%;top:63.875%}
  [data-composition-id="lv-12-oil-two-curves"] .lv-l2{left:12.778%;top:47.746%}
  [data-composition-id="lv-12-oil-two-curves"] .lv-l3{left:13.889%;top:82.815%}
  [data-composition-id="lv-12-oil-two-curves"] .lv-l4{display:none}
  [data-composition-id="lv-12-oil-two-curves"] .lv-l5{left:67.122%;top:82.815%}
  [data-composition-id="lv-12-oil-two-curves"] .lv-l6{left:71.667%;top:53.101%}
  [data-composition-id="lv-12-oil-two-curves"] .lv-l7{left:71.667%;top:74.765%}
  [data-composition-id="lv-12-oil-two-curves"] .lv-l8{left:71.667%;top:66.266%}
  [data-composition-id="lv-12-oil-two-curves"] .lv-l9{left:71.667%;top:36.845%}
  [data-composition-id="lv-12-oil-two-curves"] .lv-l10{left:71.667%;top:59.674%}
  [data-composition-id="lv-12-oil-two-curves"] .lv-l11{left:69.444%;top:28.148%}
}

/* ---- lv-13-gold ---- */
/* lv-13-gold: generated by tools/levels/make_shot.py from tools/levels/specs.py. Do not edit. */
[data-composition-id="lv-13-gold"] .lv-l1{left:7.604%;top:65.093%}
[data-composition-id="lv-13-gold"] .lv-l2{left:7.604%;top:45.613%}
[data-composition-id="lv-13-gold"] .lv-l3{left:8.438%;top:86.111%}
[data-composition-id="lv-13-gold"] .lv-l4{left:42.441%;top:86.111%}
[data-composition-id="lv-13-gold"] .lv-l5{left:76.058%;top:86.111%}
[data-composition-id="lv-13-gold"] .lv-l6{left:83.125%;top:63.741%}
[data-composition-id="lv-13-gold"] .lv-l7{left:83.125%;top:57.392%}
[data-composition-id="lv-13-gold"] .lv-l8{left:83.125%;top:70.130%}
[data-composition-id="lv-13-gold"] .lv-l9{left:81.250%;top:26.481%}
@container (orientation: portrait){
  [data-composition-id="lv-13-gold"] .lv-l1{left:13.667%;top:63.360%}
  [data-composition-id="lv-13-gold"] .lv-l2{left:13.667%;top:45.589%}
  [data-composition-id="lv-13-gold"] .lv-l3{left:14.778%;top:82.815%}
  [data-composition-id="lv-13-gold"] .lv-l4{display:none}
  [data-composition-id="lv-13-gold"] .lv-l5{left:65.547%;top:82.815%}
  [data-composition-id="lv-13-gold"] .lv-l6{left:71.667%;top:62.150%}
  [data-composition-id="lv-13-gold"] .lv-l7{left:71.667%;top:53.631%}
  [data-composition-id="lv-13-gold"] .lv-l8{left:71.667%;top:70.635%}
  [data-composition-id="lv-13-gold"] .lv-l9{left:69.444%;top:28.148%}
}

/* ---- lv-19-bitcoin ---- */
/* lv-19-bitcoin: generated by tools/levels/make_shot.py from tools/levels/specs.py. Do not edit. */
[data-composition-id="lv-19-bitcoin"] .lv-l1{left:6.979%;top:75.155%}
[data-composition-id="lv-19-bitcoin"] .lv-l2{left:6.979%;top:48.096%}
[data-composition-id="lv-19-bitcoin"] .lv-l3{left:7.812%;top:81.481%}
[data-composition-id="lv-19-bitcoin"] .lv-l4{left:38.509%;top:81.481%}
[data-composition-id="lv-19-bitcoin"] .lv-l5{left:69.272%;top:81.481%}
[data-composition-id="lv-19-bitcoin"] .lv-l6{left:83.125%;top:66.224%}
[data-composition-id="lv-19-bitcoin"] .lv-l7{left:83.125%;top:54.125%}
[data-composition-id="lv-19-bitcoin"] .lv-l8{left:83.125%;top:59.866%}
[data-composition-id="lv-19-bitcoin"] .lv-l9{left:77.945%;top:74.784%}
[data-composition-id="lv-19-bitcoin"] .lv-l10{left:81.250%;top:26.481%}
@container (orientation: portrait){
  [data-composition-id="lv-19-bitcoin"] .lv-l1{left:12.778%;top:68.218%}
  [data-composition-id="lv-19-bitcoin"] .lv-l2{left:12.778%;top:46.154%}
  [data-composition-id="lv-19-bitcoin"] .lv-l3{left:13.889%;top:73.926%}
  [data-composition-id="lv-19-bitcoin"] .lv-l4{display:none}
  [data-composition-id="lv-19-bitcoin"] .lv-l5{left:60.383%;top:73.926%}
  [data-composition-id="lv-19-bitcoin"] .lv-l6{left:71.667%;top:64.430%}
  [data-composition-id="lv-19-bitcoin"] .lv-l7{left:71.667%;top:47.416%}
  [data-composition-id="lv-19-bitcoin"] .lv-l8{left:71.667%;top:55.912%}
  [data-composition-id="lv-19-bitcoin"] .lv-l9{left:66.944%;top:68.311%}
  [data-composition-id="lv-19-bitcoin"] .lv-l10{left:69.444%;top:28.148%}
}

/* ---- lv-20-strategy ---- */
/* lv-20-strategy: generated by tools/levels/make_shot.py from tools/levels/specs.py. Do not edit. */
[data-composition-id="lv-20-strategy"] .lv-l1{left:6.979%;top:65.368%}
[data-composition-id="lv-20-strategy"] .lv-l2{left:6.979%;top:41.132%}
[data-composition-id="lv-20-strategy"] .lv-l3{left:7.812%;top:86.111%}
[data-composition-id="lv-20-strategy"] .lv-l4{left:43.048%;top:86.111%}
[data-composition-id="lv-20-strategy"] .lv-l5{left:77.820%;top:86.111%}
[data-composition-id="lv-20-strategy"] .lv-l6{left:83.125%;top:76.423%}
[data-composition-id="lv-20-strategy"] .lv-l7{left:83.125%;top:70.035%}
[data-composition-id="lv-20-strategy"] .lv-l8{left:78.503%;top:62.338%}
[data-composition-id="lv-20-strategy"] .lv-l9{left:81.250%;top:26.481%}
@container (orientation: portrait){
  [data-composition-id="lv-20-strategy"] .lv-l1{left:12.778%;top:63.610%}
  [data-composition-id="lv-20-strategy"] .lv-l2{left:12.778%;top:41.501%}
  [data-composition-id="lv-20-strategy"] .lv-l3{left:13.889%;top:82.815%}
  [data-composition-id="lv-20-strategy"] .lv-l4{display:none}
  [data-composition-id="lv-20-strategy"] .lv-l5{left:66.850%;top:82.815%}
  [data-composition-id="lv-20-strategy"] .lv-l6{left:71.667%;top:75.041%}
  [data-composition-id="lv-20-strategy"] .lv-l7{left:71.667%;top:66.523%}
  [data-composition-id="lv-20-strategy"] .lv-l8{left:67.367%;top:60.847%}
  [data-composition-id="lv-20-strategy"] .lv-l9{left:69.444%;top:28.148%}
}

/* ---- lv-21-others ---- */
/* lv-21-others: generated by tools/levels/make_screen.py. */
[data-composition-id="lv-21-others"] .sc-frame{position:absolute;left:25.000%;top:24.259%;width:50.000%;aspect-ratio:1422/935}
[data-composition-id="lv-21-others"] .sc-img{display:block;width:100%;height:100%;border-radius:calc(var(--u) * 10)}
html.o-reel-js [data-composition-id="lv-21-others"] .sc-img,[data-composition-id="lv-21-others"].is-lumen .sc-img{visibility:hidden}
[data-composition-id="lv-21-others"] .sc-tag{position:absolute;left:25.000%;top:84.373%;margin:0}
@container (orientation: portrait){
  [data-composition-id="lv-21-others"] .sc-frame{left:5.556%;top:31.852%;width:88.889%}
  [data-composition-id="lv-21-others"] .sc-tag{left:5.556%;top:80.091%}
}

/* ---- lv-22-four-triangles ---- */
/* lv-22-four-triangles: generated by tools/levels/make_shot.py from tools/levels/specs.py. Do not edit. */
[data-composition-id="lv-22-four-triangles"] .lv-l1{left:46.875%;top:51.296%}
[data-composition-id="lv-22-four-triangles"] .lv-l2{left:7.812%;top:25.185%}
[data-composition-id="lv-22-four-triangles"] .lv-l3{left:90.625%;top:51.296%}
[data-composition-id="lv-22-four-triangles"] .lv-l4{left:51.562%;top:25.185%}
[data-composition-id="lv-22-four-triangles"] .lv-l5{left:46.875%;top:87.222%}
[data-composition-id="lv-22-four-triangles"] .lv-l6{left:7.812%;top:61.111%}
[data-composition-id="lv-22-four-triangles"] .lv-l7{left:90.625%;top:87.222%}
[data-composition-id="lv-22-four-triangles"] .lv-l8{left:51.562%;top:61.111%}
@container (orientation: portrait){
  [data-composition-id="lv-22-four-triangles"] .lv-l1{left:84.630%;top:41.296%}
  [data-composition-id="lv-22-four-triangles"] .lv-l2{left:9.259%;top:27.407%}
  [data-composition-id="lv-22-four-triangles"] .lv-l3{left:84.630%;top:56.091%}
  [data-composition-id="lv-22-four-triangles"] .lv-l4{left:9.259%;top:42.593%}
  [data-composition-id="lv-22-four-triangles"] .lv-l5{left:84.630%;top:71.588%}
  [data-composition-id="lv-22-four-triangles"] .lv-l6{left:9.259%;top:57.778%}
  [data-composition-id="lv-22-four-triangles"] .lv-l7{left:84.630%;top:86.651%}
  [data-composition-id="lv-22-four-triangles"] .lv-l8{left:9.259%;top:72.963%}
}

/* ---- lv-23-alts-early ---- */
/* lv-23-alts-early: short object labels (now, the bigger coins, drawn not data, the band), and the read card (glass, .ts--read)
   at upper right, never over the drawing. 1920x1080 design box, then the 1080x1350 phone box. The bigger-coins label rides its
   body (left/top set from the script). */
[data-composition-id="lv-23-alts-early"] .ae-now{left:9.4%;top:86.6%}
[data-composition-id="lv-23-alts-early"] .ae-bigw{left:20%;top:30%}
[data-composition-id="lv-23-alts-early"] .ae-big{color:rgba(238,242,246,.55);font-size:calc(var(--u) * 19)}
[data-composition-id="lv-23-alts-early"] .ae-drawn{left:69%;top:57.5%;color:rgba(243,217,160,.85);font-size:calc(var(--u) * 19)}
[data-composition-id="lv-23-alts-early"] .ae-band{left:55.2%;top:87.2%;color:rgba(243,217,160,.9)}
[data-composition-id="lv-23-alts-early"] .ae-card{left:84%;top:25%;min-width:calc(var(--u) * 250);font-size:calc(var(--u) * 40)}
[data-composition-id="lv-23-alts-early"] .ae-card .sb-t{font-size:calc(var(--u) * 40)}
@container (orientation: portrait){
  [data-composition-id="lv-23-alts-early"] .ae-now{left:7.4%;top:80.2%}
  [data-composition-id="lv-23-alts-early"] .ae-big{font-size:calc(var(--u) * 27)}
  [data-composition-id="lv-23-alts-early"] .ae-drawn{left:72%;top:54%;font-size:calc(var(--u) * 27)}
  [data-composition-id="lv-23-alts-early"] .ae-band{left:52%;top:83.4%;font-size:calc(var(--u) * 26);white-space:normal;width:80%;text-align:center}
  [data-composition-id="lv-23-alts-early"] .ae-card{left:73%;top:24.5%;min-width:calc(var(--u) * 340)}
  [data-composition-id="lv-23-alts-early"] .ae-card .sb-t{font-size:calc(var(--u) * 54)}
}

/* ---- lv-24-ripples ---- */
/* lv-24-ripples: two read cards (kit glass .ts--read) at upper right, never in the lower third, and one object label. 1920x1080
   design box, then the 1080x1350 phone box. */
[data-composition-id="lv-24-ripples"] .lv-w{top:11.6%}
[data-composition-id="lv-24-ripples"] .rp-card{left:85.5%;top:24%;min-width:calc(var(--u) * 300);font-size:calc(var(--u) * 40)}
[data-composition-id="lv-24-ripples"] .rp-card .sb-t{font-size:calc(var(--u) * 36)}
[data-composition-id="lv-24-ripples"] .rp-own{left:52%;top:62%;color:rgba(243,217,160,.9)}
@container (orientation: portrait){
  [data-composition-id="lv-24-ripples"] .rp-card{left:63%;top:30%;min-width:calc(var(--u) * 400);font-size:calc(var(--u) * 40)}
  [data-composition-id="lv-24-ripples"] .rp-card .sb-t{font-size:calc(var(--u) * 46)}
  [data-composition-id="lv-24-ripples"] .rp-own{left:50%;top:63%}
}

/* ---- lv-35-clock ---- */
/* lv-35-clock: the marks' labels, in the 1920x1080 design box then the 1080x1350 phone box (anchors match the road
   in lv-35-clock.js geom()). Titles in cream, the "Sim's read" tag in old-gold gradient mono. */
[data-composition-id="lv-35-clock"] .ck-l{white-space:normal;width:calc(var(--u) * 480)}
[data-composition-id="lv-35-clock"] .ck-l > span{display:block}
[data-composition-id="lv-35-clock"] .ck-s,[data-composition-id="lv-35-clock"] .ck-k{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;font-weight:500;font-size:calc(var(--u) * 17);letter-spacing:.18em;line-height:1.2;margin-bottom:calc(var(--u) * 8);
  background:linear-gradient(100deg,#b08a45 0%,#f3d9a0 38%,#fff3d6 50%,#d9b46a 66%,#b08a45 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-composition-id="lv-35-clock"] .ck-k{color:rgba(159,214,255,.85);background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#9fd6ff}
[data-composition-id="lv-35-clock"] .ck-t{font-weight:700;font-size:calc(var(--u) * 36);line-height:1.1;letter-spacing:-.02em;color:#eef2f6}
[data-composition-id="lv-35-clock"] .ck-big{font-size:calc(var(--u) * 60);letter-spacing:-.03em}
[data-composition-id="lv-35-clock"] .ck-d{font-weight:500;font-size:calc(var(--u) * 24);line-height:1.28;margin-top:calc(var(--u) * 6);color:rgba(238,242,246,.76)}
[data-composition-id="lv-35-clock"] .ck-now{left:6.8%;top:79.6%}
[data-composition-id="lv-35-clock"] .ck-wk{left:45%;top:92.5%}
[data-composition-id="lv-35-clock"] .ck-ye{left:50.5%;top:80.6%}
[data-composition-id="lv-35-clock"] .ck-ipo{left:62.5%;top:69.4%}
[data-composition-id="lv-35-clock"] .ck-27{left:71.9%;top:54.6%}
@container (orientation: portrait){
  [data-composition-id="lv-35-clock"] .ck-l{width:calc(var(--u) * 520)}
  [data-composition-id="lv-35-clock"] .ck-s,[data-composition-id="lv-35-clock"] .ck-k{font-size:calc(var(--u) * 26);letter-spacing:.12em}
  [data-composition-id="lv-35-clock"] .ck-t{font-size:calc(var(--u) * 42)}
  [data-composition-id="lv-35-clock"] .ck-big{font-size:calc(var(--u) * 72)}
  [data-composition-id="lv-35-clock"] .ck-d{font-size:calc(var(--u) * 30);line-height:1.22}
  [data-composition-id="lv-35-clock"] .ck-now{left:41.7%;top:87.4%}
  [data-composition-id="lv-35-clock"] .ck-wk{left:41.7%;top:77.8%}
  [data-composition-id="lv-35-clock"] .ck-ye{left:41.7%;top:68.6%}
  [data-composition-id="lv-35-clock"] .ck-ipo{left:45%;top:55.6%}
  [data-composition-id="lv-35-clock"] .ck-27{left:54%;top:43%}
}

/* ---- lv-25-close ---- */
/* lv-25-close: light era (ivory marble, sage washes, gold terraces). The count is a small recap at the top right (a third of the
   old size), the pearls are drawn on the canvas beneath it, the read tag is kit glass (.ts--read). 1920x1080 design box, then the
   1080x1350 phone box. Keep .cl-n / .cl-of markup byte-exact: tools/levels/make_board.py rewrites it from zones.json. */
[data-composition-id="lv-25-close"] .cl-count{left:77.5%;top:15.5%;font-weight:700;font-size:calc(var(--u) * 84);line-height:1;letter-spacing:-.03em;color:#16101e;font-variant-numeric:tabular-nums}
[data-composition-id="lv-25-close"] .cl-n{display:inline-block;min-width:1.1em;text-align:right}
[data-composition-id="lv-25-close"] .cl-of{font-size:.55em;letter-spacing:-.02em;color:#8a6420}
[data-composition-id="lv-25-close"] .cl-sub{left:77.5%;top:31.4%;color:rgba(22,16,30,.8);font-size:calc(var(--u) * 17);white-space:normal;width:calc(var(--u) * 520);max-inline-size:none;text-align:center;line-height:1.4}
[data-composition-id="lv-25-close"] .cl-tag{left:77.5%;top:40%;font-size:calc(var(--u) * 28);padding:.55em .9em .6em}
@container (orientation: portrait){
  [data-composition-id="lv-25-close"] .cl-count{left:66%;top:25.6%;font-size:calc(var(--u) * 92)}
  [data-composition-id="lv-25-close"] .cl-sub{left:66%;top:38.6%;font-size:calc(var(--u) * 30);white-space:normal;width:calc(var(--u) * 600);text-align:center;line-height:1.35}
  [data-composition-id="lv-25-close"] .cl-tag{left:20%;top:31.6%;font-size:calc(var(--u) * 32);padding:.55em .9em .6em}
}

/* ---- lv-26-dawn ---- */
/* lv-26-dawn: light era, the last image of the page. The canvas paints its own ivory-marble sky and sea and feathers its
   own edges into the cream page (kit/scenes-b.js SB.ivory), so no box shows. */
[data-composition-id="lv-26-dawn"] .dw-night{color:#16101e}
[data-composition-id="lv-26-dawn"] .dw-gold{color:#8a6420}
@container (orientation: portrait){
  [data-composition-id="lv-26-dawn"] .dw-night{right:22%}
}
/* the night's title is ivory light over the pre-dawn sky; the last line, "With love and light", lands in ink on the cream morning (6 Nov) */
[data-composition-id="lv-26-dawn"] .lv-w:not(.lv-w--last){color:#f7f1e3;text-shadow:0 1px calc(var(--u) * 22) rgba(18,26,48,.5)}