/* The Desk's cards as things lying on his desk (Chris, 31 Oct: "a more cinematic experience scrolling through the cards", then
   "a much more realistic experience", on the Unreal desk under the columns). Only where that desk is drawn (desk-photo.css: dark,
   landscape, the Desk shown).
   - Every card casts its shadow down and to the right, as everything in the picture does (the lamp and the window are at the
     upper left), with a tight contact shadow and a soft one further out.
   Since 5 Nov nothing here moves (Chris: "as I scroll the tabs move forward in strange manner"): the cards no longer lift while
   a column scrolls, and the lamp's sheen that brightened each card as it slid up the screen is gone. A card keeps its shadow
   and stays where his finger puts it. */

html.desk-photo-on.desk-fit body:not(.in-room) #desk :is(.list > .item, .score-row, .pace-tile, .stops > .stop) {
  --k: 1;
  --rest: 0 1px 1px rgba(0, 0, 0, 0.55), calc(3px * var(--k)) calc(6px * var(--k)) calc(10px * var(--k)) -3px rgba(0, 0, 0, 0.55),
    calc(9px * var(--k)) calc(16px * var(--k)) calc(30px * var(--k)) -10px rgba(0, 0, 0, 0.5);
  --up: 0 2px 3px rgba(0, 0, 0, 0.3), 8px 15px 20px -6px rgba(0, 0, 0, 0.5), 18px 32px 46px -12px rgba(0, 0, 0, 0.42);
  --ring: 0 0 transparent;
  position: relative;
  box-shadow: var(--rest), var(--ring);
}
html.desk-photo-on.desk-fit body:not(.in-room) #desk .item.monitor { --ring: inset 0 0 0 3px #0b0f14, inset 0 1px 0 rgba(255, 240, 220, 0.12), inset 0 -1px 0 rgba(0, 0, 0, 0.5); }
/* A slab, not a sticker: its top edge catches the light, its foot is in its own shade. */
html.desk-photo-on.desk-fit body:not(.in-room) #desk :is(.list > .item:not(.monitor), .score-row, .pace-tile, .stops > .stop) {
  --ring: inset 0 1px 0 rgba(255, 240, 220, calc(0.07 + 0.06 * var(--k, 1))), inset 0 -1px 0 rgba(0, 0, 0, 0.5);
  filter: brightness(calc(0.86 + 0.1 * var(--k, 1)));  /* nearer the lamp, a little brighter */
}
/* What matters stands highest (Chris, 31 Oct: "importance as height"): --k is how far a card stands off the leather, so its
   shadow falls further and softer. Today's first move, whatever needs him, a late item, a session asking and a crew member in
   trouble stand tallest; the second move as before; the rest of today's moves, earlier days' and the record lower; what is
   done lies flat. */
html.desk-photo-on.desk-fit body:not(.in-room) #desk :is(#moves > .move[data-rank="1"], .item.need, .owed.late, .monitor.s-waiting,
  .crew-row:is(.st-failed, .st-stuck, .st-late)) { --k: 2.4; }
html.desk-photo-on.desk-fit body:not(.in-room) #desk :is(#moves > .move[data-rank]:not([data-rank="1"]):not([data-rank="2"]),
  :is(#still-open, #prepared) > .move, .item.memo,
  .item.fact, .monitor:not(.s-waiting):not(.s-running)) { --k: 0.4; }
html.desk-photo-on.desk-fit body:not(.in-room) #desk :is(.item.done, .owed.closed) { --k: 0.12; }