/* Edge states (app/mvp/edges.js; design/gaps/gaps.py b_tab_error). Placement only, from the board's 390 x 844 frame. */
/* GapTabError: the shapes stop shimmering (the board's .k-sk.still) */
.k-sk.still{animation:none}
/* the first tile: 156 tall, Didn't load over Try again, centred, 16 apart */
.te-in{height:156px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}
/* a page of rows: the error tile sits above them */
.te-rows{margin:0 0 16px}
/* GapTableClosed (homegame.js closedView; b_table_closed): the crest dimmed, centred above Table closed */
/* GapTableClosed (homegame.js closedView; b_table_closed): the table page's frame (ptable.css pins its top bar at 49), so the
   crest sits at 206 dimmed, Table closed at 300, and Ask Nina with Home at the foot, as the board places them */
.k-app .hg-closed{min-height:100svh}
.k-app .hg-closed-art{position:absolute;left:0;right:0;top:206px;display:flex;justify-content:center;opacity:.45}
.k-app .hg-closed .k-page{position:absolute;left:24px;right:24px;top:300px;margin:0}
.k-app .hg-closed .k-title:focus{outline:none}
/* GapTableClosed (Aaron, 18:28Z Oct 23: "a nice big 3d visual"): the picture whole at 320 from 96, Table closed 8 under it at
   424 (gaps.py state_art, page_head top_px=424); the stand-in crest dimmed as the board dims it (.55). Opens soon keeps the above. */
.k-app .hg-shut .hg-closed-art.big{top:96px;opacity:1}
.k-app .hg-shut .hg-closed-art.stand-in{opacity:.55}
.k-app .hg-shut .k-page{top:424px}
@media (max-height:700px){.k-app .hg-shut .hg-closed-art.big{top:56px}.k-app .hg-shut .k-page{top:384px}}
/* a phone 600 tall or less: the fixed foot (Ask Nina, Home) would reach Table closed, so the picture steps down to 200 and the
   title follows it, 8 under (56 + 200 + 8) */
@media (max-height:600px){.k-app .hg-shut .hg-closed-art.big>*{width:200px;height:200px}.k-app .hg-shut .k-page{top:264px}}
.k-app .hg-closed .k-foot{position:fixed;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 40px);max-width:430px;margin:0 auto;padding:0 24px}