/* ground.css — the ground's lightness as position (Move 1 · lane 4; chassis C9, scores/move-1/descent.md).
   Paper above is where you read; dark below is where your reading is reflected. Every served page carries its depth
   on <body data-depth> (kit.depth_of: / and the edges 0 · gateways and /spine/<n>/ .2 · pages .4 · the corridor .45 ·
   an enclosure .5+n/18 · /beneath/ .8 · /point/ 1). This file turns that number into tokens a piece can read; it
   repaints no page's own ground (the grounds are asked: move-1 sheet, "can't be built as written").
     --asg-depth     the depth, as a number
     --asg-ground-l  the ladder's lightness at that depth (OKLCH L), paper .95 → the centre .05
     --asg-ground    the ladder's ground colour at that depth
     --asg-bleed     the foot's horizon bleed: .12 above the corridor, .20 from the corridor down
   Matched by the depth's first digits, so ".45" and "0.45" read alike, and every enclosure lands on its own rung.
   The foot: <a class="asg-down" href="/beneath/" data-nobloom> at the seam's foot on every present page and in /'s
   coda — one hairline over a 90 px horizon bleed (blur 6 px) in the colour of the room beneath (shell-ground.jsx:62-66),
   44 px tall to the touch, on its own layer (z 6: above the corridor's fixed chrome, the caption and the count at z 5,
   the tide's full-ground #hold, the two chairs' #swap and the practice's #touch at z 1, so a press or a tap on its
   centre reaches it). kit/descent.js draws the dimple, the veil and the passage on it. */
:root{--asg-depth:0;--asg-ground-l:.95;--asg-ground:#F4EEE3;--asg-under:#07060C;--asg-ember:#DA3B12;--asg-bleed:.12}
[data-depth^="0"],[data-depth="0"]{--asg-depth:0;--asg-ground-l:.95;--asg-ground:#F4EEE3}
[data-depth^=".1"],[data-depth^="0.1"]{--asg-depth:.1;--asg-ground-l:.85;--asg-ground:#DCD3C4}
[data-depth^=".2"],[data-depth^="0.2"]{--asg-depth:.2;--asg-ground-l:.74;--asg-ground:#B8AE9F}
[data-depth^=".3"],[data-depth^="0.3"]{--asg-depth:.3;--asg-ground-l:.63;--asg-ground:#958B7D}
[data-depth^=".4"],[data-depth^="0.4"]{--asg-depth:.4;--asg-ground-l:.52;--asg-ground:#736A5D}
[data-depth^=".45"],[data-depth^="0.45"]{--asg-depth:.45;--asg-ground-l:.47;--asg-ground:#645B50;--asg-bleed:.20}
[data-depth^=".5"],[data-depth^="0.5"]{--asg-depth:.5;--asg-ground-l:.41;--asg-ground:#544B42;--asg-bleed:.20}
[data-depth^=".6"],[data-depth^="0.6"]{--asg-depth:.6;--asg-ground-l:.31;--asg-ground:#3A332D;--asg-bleed:.20}
[data-depth^=".7"],[data-depth^="0.7"]{--asg-depth:.7;--asg-ground-l:.2;--asg-ground:#211C19;--asg-bleed:.20}
[data-depth^=".8"],[data-depth^="0.8"]{--asg-depth:.8;--asg-ground-l:.09;--asg-ground:#07060C;--asg-bleed:.20}
[data-depth^=".9"],[data-depth^="0.9"]{--asg-depth:.9;--asg-ground-l:.07;--asg-ground:#050409;--asg-bleed:.20}
[data-depth="1"],[data-depth^="1."]{--asg-depth:1;--asg-ground-l:.05;--asg-ground:#030204;--asg-bleed:.20}
/* a surface that wears the ladder (the room beneath, the rope's room): the under-dark radial of .m-night (living.css:163) */
.asg-ground{background:radial-gradient(120% 90% at 50% 40%,#100E1C,var(--asg-ground,#07060C));background-color:var(--asg-ground,#07060C)}
/* the foot: the hairline is the floor; the room's light bleeds up to it from beneath, in the 90 px above it (kept clear
   of the page's own words by the margin), and only the 44 px under the hairline answers a touch */
.asg-down{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;
 min-height:44px;margin:90px 0 0;padding:0;color:inherit;text-decoration:none;
 font:400 10.5px/1 'DM Sans',system-ui,sans-serif;letter-spacing:.16em;text-transform:lowercase;
 -webkit-tap-highlight-color:transparent;isolation:isolate;z-index:6;
 scroll-snap-align:end}   /* on the corridor's mandatory-snap pages the foot is its own last stop, so a finger can reach it */
.asg-down::before{content:'';position:absolute;left:0;right:0;bottom:100%;height:90px;pointer-events:none;
 background:linear-gradient(to top,color-mix(in srgb,var(--asg-ember) calc(var(--asg-bleed)*100%),transparent) 0%,transparent 100%);
 filter:blur(6px)}
.asg-down::after{content:'';position:absolute;left:0;right:0;top:0;border-top:1px solid currentColor;opacity:.16;pointer-events:none}
.asg-down.asg-bound::after{display:none}
.asg-down span{opacity:.66}
.asg-down:hover span,.asg-down:focus-visible span{opacity:1}
.asg-down:focus-visible{outline:1px solid currentColor;outline-offset:4px}
@supports not (color:color-mix(in srgb,red 50%,blue)){
 .asg-down::before{background:linear-gradient(to top,rgba(218,59,18,.16) 0%,transparent 100%)}}
@media print{.asg-down{display:none}}