.jq-wrap{
  --jq-count:6;
  --jq-row-height:78px;
  --jq-title-size:28px;
  --jq-title-height:54px;
  --jq-title-align:center;
  --jq-bg:#060606;
  --jq-row:#0d0d0f;
  --jq-a1:#7b160d;
  --jq-a2:#d76a1d;
  --jq-a3:#f4e38a;
  --jq-text:#f5edd0;
  --jq-muted:#d6c897;
  --jq-amount:#ffe78a;
  --jq-border:#c79b34;
  --jq-highlight:#fff7c6;
  width:100%;
  max-width:none;
  margin:0;
  font-family:inherit;
  box-sizing:border-box;
}
.jq-wrap *{box-sizing:border-box}
.jq-shell{
  position:relative;
  width:100%;
  overflow:hidden;
  border-radius:18px;
  background:radial-gradient(circle at top center,rgba(255,227,123,.08),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0) 15%),var(--jq-bg);
  border:1px solid var(--jq-border);
  box-shadow:0 18px 42px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.03),inset 0 12px 30px rgba(255,215,120,.025);
}
.jq-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 18%,transparent 80%,rgba(255,255,255,.02))}
.jq-hero{
  height:var(--jq-title-height);
  min-height:var(--jq-title-height);
  display:flex;
  align-items:center;
  justify-content:stretch;
  padding:0 18px;
  position:relative;
  overflow:hidden;
  background:linear-gradient(100deg,var(--jq-a1) 0%,var(--jq-a2) 52%,var(--jq-a3) 100%);
  border-bottom:1px solid rgba(255,241,171,.32);
}
.jq-hero:after{content:"";position:absolute;inset:-50% auto -50% -30%;width:26%;transform:skewX(-18deg) translateX(-150%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);animation:jq-sheen 6.2s ease-in-out infinite;pointer-events:none}
.jq-title{
  position:relative;
  z-index:1;
  width:100%;
  min-width:0;
  color:#fff;
  font-size:min(var(--jq-title-size),7vw);
  line-height:1.25;
  font-weight:900;
  text-align:var(--jq-title-align);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  letter-spacing:.01em;
  text-shadow:0 1px 2px rgba(59,18,0,.38),0 0 16px rgba(255,247,206,.2);
}
.jq-table-head,.jq-row{
  width:100%;
  display:grid;
  grid-template-columns:minmax(92px,1.16fr) minmax(66px,.72fr) minmax(64px,.72fr) minmax(108px,1.16fr);
  align-items:center;
  column-gap:clamp(6px,1.3vw,14px);
  padding-left:clamp(10px,2vw,22px);
  padding-right:clamp(10px,2vw,22px);
}
.jq-table-head{
  min-height:54px;
  position:relative;
  z-index:1;
  background:linear-gradient(180deg,rgba(255,225,125,.08) 0%,rgba(0,0,0,.12) 100%);
  color:var(--jq-muted);
  font-size:clamp(11px,1.55vw,15px);
  font-weight:800;
  letter-spacing:.02em;
  border-bottom:1px solid rgba(255,225,125,.1);
}
.jq-game-head{text-align:center}
.jq-table-head>div:nth-child(3){text-align:center}
.jq-table-head>div:nth-child(4){text-align:right}
.jq-list{width:100%;height:calc(var(--jq-row-height) * var(--jq-count));min-height:calc(var(--jq-row-height) * var(--jq-count));overflow:hidden;position:relative;background:linear-gradient(180deg,rgba(255,255,255,.01),transparent 12%),var(--jq-bg)}
.jq-track{transform:translateY(0)}
.jq-row{
  height:var(--jq-row-height);
  min-height:var(--jq-row-height);
  max-height:var(--jq-row-height);
  overflow:hidden;
  position:relative;
  background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0)),var(--jq-row);
  color:var(--jq-text);
  border-bottom:1px solid rgba(199,155,52,.18);
  transform:translateZ(0);
}
.jq-row:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 20%,transparent 80%,rgba(255,255,255,.015))}
.jq-row.is-entering,.jq-row.is-new{background:linear-gradient(90deg,rgba(255,247,198,.12),rgba(255,247,198,.04) 20%,rgba(255,247,198,0) 60%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0)),var(--jq-row)}
.jq-row.is-new{animation:jq-new-row .9s ease both}
.jq-row:last-child{border-bottom:0}
.jq-user,.jq-game,.jq-time,.jq-amount{min-width:0;position:relative;z-index:1}
.jq-user,.jq-time,.jq-amount{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.jq-user{font-size:clamp(12px,1.55vw,16px);font-weight:700;letter-spacing:.035em}
.jq-game{display:flex;align-items:center;justify-content:center;height:100%}
.jq-game-frame{
  width:56px;
  height:56px;
  aspect-ratio:1/1;
  display:block;
  overflow:hidden;
  border-radius:9px;
  border:1px solid rgba(255,231,138,.42);
  background:#111;
  box-shadow:0 5px 14px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.03) inset;
}
.jq-game-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border:0;margin:0;padding:0}
.jq-time{font-size:clamp(11px,1.45vw,15px);font-weight:600;text-align:center;color:var(--jq-muted)}
.jq-amount{font-size:clamp(12px,1.65vw,17px);font-weight:900;text-align:right;color:var(--jq-amount);text-shadow:0 0 10px rgba(255,226,87,.22),0 0 22px rgba(255,226,87,.12)}
@keyframes jq-new-row{0%{filter:brightness(1.3)}100%{filter:brightness(1)}}
@keyframes jq-sheen{0%,72%{transform:skewX(-18deg) translateX(-150%)}100%{transform:skewX(-18deg) translateX(620%)}}
@media(max-width:600px){
  .jq-wrap{--jq-row-height:68px}
  .jq-shell{border-radius:14px}
  .jq-hero{height:var(--jq-title-height);min-height:var(--jq-title-height);padding:0 10px}
  .jq-table-head{min-height:46px}
  .jq-table-head,.jq-row{grid-template-columns:minmax(76px,1.08fr) 52px 54px minmax(88px,1.08fr);column-gap:4px;padding-left:8px;padding-right:8px}
  .jq-user{letter-spacing:.01em}
  .jq-game-frame{width:48px;height:48px;border-radius:7px}
}
@media(max-width:400px){
  .jq-wrap{--jq-row-height:64px}
  .jq-table-head,.jq-row{grid-template-columns:minmax(70px,1.02fr) 46px 49px minmax(82px,1.08fr);padding-left:6px;padding-right:6px;column-gap:3px}
  .jq-table-head{font-size:10px}
  .jq-user,.jq-time{font-size:10.5px}
  .jq-amount{font-size:11px}
  .jq-game-frame{width:42px;height:42px;border-radius:6px}
}
@media(prefers-reduced-motion:reduce){.jq-hero:after,.jq-row.is-new{animation:none!important}.jq-track{transition:none!important}}