/* r21e: The Standing on The Deck (1.1, GW_PEDLAR_PX; js/standing-deck.js wraps the page in .sdk). Jack chose A, the
   ledger. Square rows that still wear each member's card colour, frame, material, finish and sigil; ranks and XP in
   Jersey, names in Georgia; the fires line by a lit hearth. */
.sdk{color:var(--bone);font-family:var(--font-body)}
.sdk .sub{font-family:var(--font-body);font-size:17px;line-height:1.45;color:var(--bone);margin:6px 0 8px;text-shadow:none}
.sdk .onlinecount.show{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:3px 8px 2px;font-family:var(--font-display);font-weight:700;font-size:12.5px;letter-spacing:.06em;color:var(--bone);background:var(--felt-2);box-shadow:0 0 0 2px var(--ink),inset 0 0 0 1px var(--rim);vertical-align:2px}
.sdk .onlinecount .dot{width:7px;height:7px;border-radius:0;margin:0;background:#6fd18a;box-shadow:0 0 0 1px var(--ink),0 0 8px rgba(111,209,138,.7)}
.sdk .journal{font-family:var(--font-body);font-style:italic;font-size:15px;color:var(--dim);margin:0 0 18px;text-shadow:none;max-width:60ch}

/* the fires along the path, by a lit hearth (the Journal's campfire) */
.sdk .path-line{position:relative;margin:0 0 30px;padding:13px 16px 13px 72px;min-height:24px;display:block;font-family:var(--font-body);font-size:15.5px;line-height:1.5;color:var(--dim);
  background:radial-gradient(260px 90px at 36px 55%,rgba(255,150,60,.16),transparent 70%),var(--felt-2);box-shadow:0 0 0 2px var(--ink),inset 0 0 0 1px var(--rim)}
.sdk .path-line::before{content:"";position:absolute;left:12px;top:50%;width:48px;height:48px;margin-top:-28px;background:url(/fire/hearth-lit.png) 0 0/calc(48px * 16) 48px no-repeat;image-rendering:pixelated;animation:sdkHf 1.9s steps(16) infinite}
@keyframes sdkHf{to{background-position:calc(-48px * 16) 0}}
.sdk .path-line b{font-family:var(--font-number);font-weight:400;font-size:24px;line-height:.7;color:#ffe6c4}
.sdk .vigil{color:var(--bone);text-decoration:none;border-bottom:1px solid var(--rim-hi)}
.sdk .vigil:hover{color:var(--biome-hi);border-color:var(--biome-hi)}

/* the Wood's ask */
.sdk .bidding{border:0;border-radius:0;margin:0 0 30px;padding:14px 16px;background:var(--felt-2);box-shadow:0 0 0 2px var(--ink),inset 0 0 0 1px var(--rim)}
.sdk .bid-ask{font-family:var(--font-body);font-size:15.5px;color:var(--bone)}
.sdk .bid-ask b{font-family:var(--font-number);font-weight:400;font-size:22px;color:#ffe6c4}
.sdk .bid-bar{height:8px;border:0;border-radius:0;background:#2a1f1b;box-shadow:0 0 0 2px var(--ink)}
.sdk .bid-bar>span{background:var(--biome);box-shadow:inset 0 -2px 0 rgba(0,0,0,.25)}
.sdk .bid-meta{font-family:var(--font-body);font-size:13px;color:var(--faint)}
.sdk .bid-reward{color:var(--biome-hi)}

/* the join card (guests) */
.sdk .joincta.show{border:0;border-radius:0;background:var(--felt-2);box-shadow:0 0 0 2px var(--ink),inset 0 0 0 1px var(--rim)}
.sdk .jc-text{font-family:var(--font-body);color:var(--dim)} .sdk .jc-text strong{color:var(--bone)}
.sdk .jc-btns .gw-btn{border-radius:0}
.sdk .jc-join{border-radius:0;box-shadow:0 0 0 2px var(--ink),0 4px 0 var(--ink)}

/* title, tabs, search */
.sdk .board-title{margin:0 0 14px;font-family:var(--font-display);font-weight:700;font-size:30px;letter-spacing:.02em;color:var(--bone)}
.sdk .tabs{gap:10px;margin:0 0 18px}
.sdk .tab{border:0;border-radius:0;padding:9px 14px 6px;font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.04em;color:var(--dim);background:linear-gradient(180deg,#2c2120,#211818);
  box-shadow:0 0 0 2px var(--ink),inset 0 0 0 1px var(--rim-hi),0 4px 0 var(--ink);transition:transform 90ms ease,filter 90ms ease}
.sdk .tab:hover{filter:brightness(1.12);transform:translateY(-1px)}
.sdk .tab.active{color:#fff1dc;background:var(--biome);box-shadow:0 0 0 2px var(--ink),inset 0 0 0 1px var(--biome-hi),0 2px 0 var(--ink);transform:translateY(2px)}
.sdk .lbsearch input{border:0;border-radius:0;padding:11px 14px;font-family:var(--font-body);font-size:15px;color:var(--bone);background:#120d0e;box-shadow:0 0 0 2px var(--ink),inset 0 0 0 1px var(--rim),inset 0 3px 6px rgba(0,0,0,.4)}
.sdk .lbsearch input:focus{box-shadow:0 0 0 2px var(--ink),inset 0 0 0 1px var(--biome-hi),inset 0 3px 6px rgba(0,0,0,.4)}
.sdk .lbsearch input::placeholder{color:var(--faint);font-style:italic}

/* rows (and search results): square slabs; a member's own card colour, set inline, wins over the default */
.sdk .row,.sdk .standing{background-color:#16121a;border:0 !important;border-radius:0 !important;font-family:var(--font-body);box-shadow:0 0 0 2px var(--ink),inset 0 0 0 1px rgba(var(--rcg,90,66,52),.45)}
.sdk .row{min-height:66px;padding:10px 16px 10px 10px;gap:14px;margin-bottom:10px}
.sdk .row:hover{transform:translateY(-2px);box-shadow:0 0 0 2px var(--ink),inset 0 0 0 1px rgba(var(--rcg,245,154,82),.8),0 4px 0 var(--ink)}
.sdk .row:active{transform:translateY(2px);box-shadow:var(--raise-press)}
.sdk .row.top1,.sdk .row.top2,.sdk .row.top3{box-shadow:0 0 0 2px var(--ink),inset 0 0 0 1px rgba(var(--rcg,245,154,82),.7)}
.sdk .row.top1{box-shadow:0 0 0 2px var(--ink),inset 0 0 0 1px rgba(var(--rcg,245,154,82),.9),0 0 22px -8px rgba(var(--rcg,245,154,82),.6)}
.sdk .row .rank{width:44px;font-family:var(--font-number);font-weight:400;font-size:34px;line-height:.8;color:var(--faint)}
.sdk .row.top1 .rank{color:#ffe6c4} .sdk .row.top2 .rank{color:var(--bone)} .sdk .row.top3 .rank{color:var(--dim)}
.sdk .row .name{font-family:var(--font-body);font-weight:700;font-size:17px;color:var(--bone)}
.sdk .row .lvl{font-family:var(--font-body);font-style:italic;font-size:13.5px;color:var(--dim)}
.sdk .row .val{font-family:var(--font-number);font-weight:400;font-size:28px;line-height:.8;color:var(--bone);letter-spacing:.02em}
.sdk .lbonline{border-radius:0 !important}
/* Devoted in ember, not gold (gold is for motes) */
.sdk .lbdev{border-radius:0 !important;font-family:var(--font-display);letter-spacing:.06em;color:#fff1dc;background:var(--biome-deep);box-shadow:inset 0 0 0 1px var(--biome-hi)}

/* the You card */
.sdk .standing{padding:14px 18px !important;margin-bottom:22px !important;box-shadow:0 0 0 2px var(--ink),inset 0 0 0 1px var(--rc,var(--biome-hi)),0 0 26px -6px rgba(var(--rcg,245,154,82),.5) !important;animation:none}
.sdk .standing>div>div:first-child{font-family:var(--font-body)}
.sdk .youtab{border-radius:0;top:-11px;font-family:var(--font-display);font-size:12px;letter-spacing:.12em;padding:4px 9px 2px;box-shadow:0 0 0 2px var(--ink)}
.sdk .standing .myrk{font-family:var(--font-number);font-weight:400;font-size:40px;line-height:.8}
.sdk .rk-up{border-radius:0}

.sdk #pager .tab{font-size:14px}
.sdk #pager span{font-family:var(--font-body);font-style:italic}
.sdk .empty,.sdk .loading{font-family:var(--font-body);font-style:italic;color:var(--dim)}

@media (max-width:560px){
  .sdk .row .rank{width:30px;font-size:28px} .sdk .row{gap:10px;padding-right:12px} .sdk .row .val{font-size:22px}
  .sdk .board-title{font-size:26px}
  .sdk .path-line{padding-left:68px}
}
@media (prefers-reduced-motion:reduce){.sdk .path-line::before{animation:none}}
html.gw-calm .sdk .path-line::before{animation:none}