/* The rock behind the home page (rock.js). Everything is scoped to .rock-on, which
   js/early.js sets when a canvas is available; without it the page is unchanged. */
#world{position:relative;isolation:isolate;overflow:clip}
#rock{display:none}
.surface,.plaque,.try,#deep,#depth{display:none}
.rock-on{--deepgap:clamp(150px,16vw,240px);--under:1040px}
.rock-on #rock{display:block;position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.rock-on #rock .t{position:absolute;left:0;width:100%}
.rock-on #rock canvas{display:block}
.rock-on #world > header,.rock-on #world > main,.rock-on #world > footer,.rock-on #world > .under,.rock-on #world > #deep{position:relative;z-index:1}
.rock-on .surface{display:block;height:378px;margin-top:var(--section)}
.rock-on .under{margin-top:0;padding-block:var(--deepgap) 0;cursor:crosshair}
.rock-on .mines.under{padding-top:0}
.rock-on .under [data-open]{cursor:auto}
.rock-on .under .wrap{max-width:calc(var(--under) + 2*var(--pad))}
.rock-on .mines .shaft{width:calc(100% - 2*var(--pad));max-width:var(--under);margin-inline:auto}
.rock-on .try{display:block;margin-top:26px;max-width:31em}
.rock-on .close{background:none}
.rock-on .close .wrap{width:fit-content;max-width:calc(100% - 2*var(--pad));padding:clamp(18px,3vw,36px) clamp(18px,4vw,52px)}
.rock-on .sources details{width:fit-content;max-width:100%}
.rock-on .plaque{display:block;width:fit-content;max-width:min(30em,calc(100% - 2*var(--pad)));margin:0 auto;text-align:center;font:400 22px/1.4 var(--world)}
.plaque small{display:block;font:400 var(--t-small)/1.5 var(--plain);color:var(--dim);margin-top:8px}
.rock-on #deep{position:relative;display:flex;align-items:flex-end;justify-content:center;height:130vh;padding-bottom:34vh;cursor:crosshair}
#depth{position:fixed;right:12px;bottom:12px;z-index:5;margin:0;max-width:none;background:var(--pitch);border:1px solid #4A4058;padding:5px 10px;font:12px/1.5 var(--mono);color:var(--text)}
.rock-on #depth.on{display:block}
#depth a{margin-left:12px}
#diglog{position:fixed;left:12px;bottom:12px;z-index:5;max-width:min(430px,calc(100vw - 24px));background:var(--pitch);border:1px solid #4A4058;padding:8px 12px;font:12px/1.5 var(--mono);color:#B8B8B8;pointer-events:none}
#diglog div{white-space:pre-wrap}
#diglog .bw{color:#F4F4F4;font-weight:700}#diglog .open{color:#3FA5AF}
@media (min-width:861px){
  .rock-on .shaft img{height:min(76vh,640px)}
}
@media (max-width:860px){
  .rock-on{--deepgap:210px}
  .rock-on .surface{height:324px}
  .rock-on .mines .shaft{width:100%}
  #diglog{bottom:48px}
  .rock-on #depth.on{visibility:hidden}
  .rock-on #depth.on.show{visibility:visible}
}