
.lb-plate{position:absolute;right:0;top:calc(76px + clamp(92px,16vw,132px));display:flex;align-items:stretch;
  pointer-events:auto;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;
  transition:transform .25s ease-out;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}
.lb-plate .lbp-tab{width:14px;flex:none;position:relative;background:rgba(20,14,9,.85);
  clip-path:polygon(0 5px,100% 0,100% 100%,0 calc(100% - 5px))}
.lb-plate .lbp-tab:after{content:"";position:absolute;left:4px;top:50%;margin-top:-5px;border:5px solid transparent;
  border-left:5px solid var(--bone3);border-right:0}
.lb-plate.off .lbp-tab{width:16px;background:var(--plate);box-shadow:inset 3px 0 0 var(--teal)}
.lb-plate.off .lbp-tab:after{left:5px;border-left:0;border-right:6px solid var(--paint)}
.lb-plate .lbp-body{background:var(--plate);padding:3px 10px 4px 8px;min-width:74px;max-width:128px;
  box-shadow:inset 3px 0 0 var(--teal),inset 0 1px 0 rgba(255,235,200,.12)}
.lbp-rank{display:flex;align-items:baseline;gap:5px;line-height:1.05}
.lbp-rank i{font-style:normal;font-size:10px;letter-spacing:.14em;color:var(--bone3);text-transform:uppercase}
.lbp-rank b{font-size:18px;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.lbp-next{display:flex;gap:5px;font-size:11px;line-height:1.3;color:var(--bone2);white-space:nowrap;max-width:110px}
.lbp-next span{overflow:hidden;text-overflow:ellipsis;min-width:0}
.lbp-next s{text-decoration:none;color:var(--teal);font-variant-numeric:tabular-nums;flex:none}
.lb-plate.flashing .lbp-next{color:var(--paint);font-weight:600;white-space:normal;align-items:flex-end}
.lb-plate.flashing .lbp-next span{overflow:visible;overflow-wrap:anywhere}
.lb-plate.flash .lbp-body{animation:lbFlash 1.2s ease-out}
@keyframes lbFlash{0%{filter:brightness(1.9);transform:translateX(-6px)}100%{filter:none;transform:none}}
.lb-plate.off{transform:translateX(calc(100% - 16px))}
.lb-plate.off .lbp-body{animation:none}

@media (orientation:landscape) and (max-height:520px){
  .lb-plate{top:max(144px,calc(28px + clamp(92px,16vw,132px)));right:calc(clamp(92px,16vw,132px) + 16px)}
  .lb-plate.off{transform:none}
  .lb-plate.off .lbp-body{display:none}
}

.over-stats .ov-world{font-style:normal;margin-left:auto;margin-right:10px;color:#2a6b5c;font-weight:600;font-size:14px;
  letter-spacing:.04em;white-space:nowrap;align-self:center}
.over-stats .ov-world s{text-decoration:none;color:#7a6a58;font-weight:400;font-size:12px;margin-left:4px}

.lb-on .board-list > div{max-width:640px;margin-left:auto;margin-right:auto}
.lb-head{text-align:center;color:var(--bone2);font-size:15px;letter-spacing:.04em;padding:2px 0 10px}
.lb-gap{text-align:center;color:var(--bone3);line-height:1;padding:0 0 6px}
.board-row .lb-meta{color:var(--bone3);font-size:12px;white-space:nowrap}
#lbNickBtn{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap}
@media (max-width:420px){.board-row .lb-meta{display:none}}

.sw.nick input{width:150px;height:auto;padding:5px 8px;font:inherit;font-size:15px;letter-spacing:.02em;color:var(--bone);
  background:rgba(10,7,5,.65);border:1px solid var(--steel3);border-radius:0;outline:none}
.sw.nick input:focus{border-color:var(--paint)}
.sw.nick input::placeholder{color:var(--bone3)}
