/* Ranking: locked 366×744 board, uniform --rk-panel-scale. Clicks stay on the scaled visual. */
#gameScreen .rk-overlay{
  --rk-panel-scale:1;
  position:absolute!important;
  z-index:3300!important;
  inset:0!important;
  width:390px!important;
  max-width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:52px 8px 12px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  background:rgba(16,32,39,.66)!important;
  font-family:"Noto Sans SC",Inter,system-ui,sans-serif;
  pointer-events:auto!important;
}
#gameScreen .rk-overlay[hidden]{
  display:none!important;
  pointer-events:none!important;
}
#gameScreen .rk-fit{
  position:relative!important;
  flex:none!important;
  width:calc(366px * var(--rk-panel-scale,1))!important;
  height:calc(744px * var(--rk-panel-scale,1))!important;
  pointer-events:auto!important;
}
#gameScreen .rk-shell{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  display:flex!important;
  flex-direction:column!important;
  width:366px!important;
  height:744px!important;
  max-width:none!important;
  max-height:none!important;
  overflow:hidden!important;
  border:6px solid #8d5727!important;
  border-radius:24px!important;
  background:linear-gradient(#fff3d0,#e6bb72)!important;
  box-shadow:0 15px 40px #0008!important;
  color:#4f331c!important;
  transform:translate(-50%,-50%) scale(var(--rk-panel-scale,1))!important;
  transform-origin:center center!important;
  pointer-events:auto!important;
}
#gameScreen .rk-title{
  position:absolute;z-index:3;left:50%;top:5px;min-width:190px;margin:0;padding:8px 22px;
  transform:translateX(-50%);border:3px solid #6d3d1b;border-radius:15px;
  background:linear-gradient(#c78a3c,#8d5727);color:#fff;font-size:16px;font-weight:900;text-align:center;
}
#gameScreen .rk-close{
  position:absolute;z-index:4;right:8px;top:8px;width:36px;height:36px;padding:0;
  border:3px solid #982b21;border-radius:50%;background:#e84d3b;color:#fff;
  font-size:19px;font-weight:900;line-height:26px;cursor:pointer;pointer-events:auto;
}
#gameScreen .rk-scroll{
  flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;
  padding:58px 14px 8px;scrollbar-width:none;pointer-events:auto;
}
#gameScreen .rk-scroll::-webkit-scrollbar{display:none}
#gameScreen .rk-shell>.rank-mine{flex:none;margin:0 14px 12px}
#gameScreen .rank-board{display:grid;gap:6px}
#gameScreen .rank-hint{padding:2px 4px 6px;color:#8a5a2b;font-size:11px;font-weight:800}
#gameScreen .rank-head{display:grid;grid-template-columns:42px 1fr 64px;align-items:center;padding:0 8px 2px;color:#a06a32;font-size:10px;font-weight:800}
#gameScreen .rank-head span:last-child{text-align:right}
#gameScreen .rank-row{display:grid;grid-template-columns:42px 32px minmax(0,1fr) 64px;align-items:center;gap:6px;padding:7px 8px;border:2px solid #c7924a;border-radius:14px;background:#fff4d4}
#gameScreen .rank-row.is-me{border-color:#5aa832;background:#eef8c9}
#gameScreen .rank-medal{display:grid;place-items:center;width:28px;height:28px;margin:0;border-radius:50%;color:#fff;font-size:13px;font-style:normal;font-weight:900;text-shadow:0 1px 1px #0006}
#gameScreen .rank-medal.is-1{background:linear-gradient(#ffe56a,#d78912);box-shadow:inset 0 1px #fff8,0 1px 2px #8a4e1444}
#gameScreen .rank-medal.is-2{background:linear-gradient(#e8eef5,#8b9bb0);box-shadow:inset 0 1px #fff8,0 1px 2px #4a556644}
#gameScreen .rank-medal.is-3{background:linear-gradient(#f3b078,#b25a28);box-shadow:inset 0 1px #fff8,0 1px 2px #6a301044}
#gameScreen .rank-medal.is-n{background:linear-gradient(#d9a15a,#8d5727);font-size:12px}
#gameScreen .rank-avatar{width:32px;height:32px;border-radius:50%;border:2px solid #c7924a;object-fit:cover;background:#f3d59a}
#gameScreen .rank-who{min-width:0}
#gameScreen .rank-who b{display:block;overflow:hidden;color:#4a2e14;font-size:13px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
#gameScreen .rank-who small{display:block;color:#8a5a2b;font-size:10px;font-weight:800}
#gameScreen .rank-row>strong{color:#954c14;font-size:12px;text-align:right;white-space:nowrap}
#gameScreen .rank-mine{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;padding:8px 10px;border:2px solid #8d5727;border-radius:14px;background:linear-gradient(#ffe9a8,#f0c36a);color:#673709;font-size:12px;font-weight:800}
#gameScreen .rank-mine b{color:#3d8f22;font-size:16px}
#gameScreen .rank-mine span{color:#8a5a2b;white-space:nowrap}