/* Classic Reimagined — Hall of Champions: all-time top 3 for Zeny / PvP / MVP (home page).
   Same podium language as the PvP Arena block, each board with its own colour story. */
.cr-champs{margin-top:calc(18 * var(--cr-u));margin-bottom:calc(70 * var(--cr-u))}
.cr-champs:has(~ .cr-feed){margin-bottom:calc(22 * var(--cr-u))}
.cr-champ-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(14 * var(--cr-u));margin-top:calc(8 * var(--cr-u))}
.cr-champ{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid #cda058;border-radius:3px;color:#fff;overflow:hidden;isolation:isolate;
  padding:calc(12 * var(--cr-u)) calc(12 * var(--cr-u)) 0;background:var(--cr-champ-bg);box-shadow:inset 0 0 0 3px #f8eeda26,0 4px 18px #0b234733;
  transition:transform .3s ease,box-shadow .3s ease}
.cr-champ:hover{transform:translateY(calc(-3 * var(--cr-u)));box-shadow:inset 0 0 0 3px #f8eeda33,0 10px 26px #0b234755}
/* colour stories */
.cr-champ-zeny{--cr-champ-bg:linear-gradient(180deg,#2b1806 0%,#5a3510 40%,#9a6a1f 75%,#e0b155 100%);--cr-champ-accent:#ffd685;--cr-champ-ray:#ffe7a1;--cr-champ-floor:#ffd27a66}
.cr-champ-pvp{--cr-champ-bg:linear-gradient(180deg,#1c0710 0%,#4a0f1d 40%,#8a2427 75%,#d86a3c 100%);--cr-champ-accent:#ffb08a;--cr-champ-ray:#ffc4a0;--cr-champ-floor:#ff8a5a5c}
.cr-champ-mvp{--cr-champ-bg:linear-gradient(180deg,#0f0a2a 0%,#2a1a5c 40%,#5a3a8f 75%,#b583c9 100%);--cr-champ-accent:#d9c2ff;--cr-champ-ray:#e6d6ff;--cr-champ-floor:#c9a4ff5c}
/* sky */
.cr-champ-sky{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.cr-champ-sky:before{content:'';position:absolute;inset:0;opacity:.5;
  background:radial-gradient(circle at 12% 30%,#fff6 0 1px,transparent 2px),radial-gradient(circle at 34% 14%,#fff5 0 1px,transparent 2px),radial-gradient(circle at 70% 20%,#fff5 0 1px,transparent 2px),radial-gradient(circle at 88% 36%,#fff4 0 1px,transparent 2px)}
.cr-champ-sky:after{content:'';position:absolute;left:-5%;right:-5%;bottom:0;height:45%;background:radial-gradient(ellipse 60% 70% at 50% 100%,var(--cr-champ-floor),transparent 70%),linear-gradient(180deg,transparent,#0000004d)}
.cr-champ-rays{position:absolute;left:50%;top:22%;width:calc(420 * var(--cr-u));height:calc(420 * var(--cr-u));transform:translateX(-50%);opacity:.2;
  background:repeating-conic-gradient(from 0deg at 50% 50%,var(--cr-champ-ray) 0deg 4deg,transparent 4deg 18deg);
  -webkit-mask:radial-gradient(circle,#000 0,#0000 62%);mask:radial-gradient(circle,#000 0,#0000 62%);animation:cr-champ-spin 110s linear infinite}
.cr-champ-pvp .cr-champ-rays{animation-direction:reverse}
@keyframes cr-champ-spin{to{transform:translateX(-50%) rotate(360deg)}}
.cr-champ-glint{position:absolute;width:calc(4 * var(--cr-u));height:calc(4 * var(--cr-u));border-radius:50%;background:#fff3d6;box-shadow:0 0 calc(8 * var(--cr-u)) var(--cr-champ-accent);opacity:0;animation:cr-champ-twinkle 5s ease-in-out infinite}
.cr-champ-glint.g1{left:24%;top:36%}.cr-champ-glint.g2{left:74%;top:30%;animation-delay:2.4s}
@keyframes cr-champ-twinkle{0%,100%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}
/* header */
.cr-champ-head{display:flex;align-items:center;gap:calc(10 * var(--cr-u));padding-bottom:calc(9 * var(--cr-u));border-bottom:1px solid #f2c97a40}
.cr-champ-mark{display:grid;place-items:center;flex:0 0 auto;width:calc(36 * var(--cr-u));height:calc(36 * var(--cr-u));border-radius:50%;border:1px solid var(--cr-champ-accent);background:#ffffff14;color:var(--cr-champ-accent);box-shadow:0 0 calc(12 * var(--cr-u)) #0004,0 0 calc(10 * var(--cr-u)) color-mix(in srgb,var(--cr-champ-accent) 40%,transparent)}
.cr-champ-mark .cr-icon{width:calc(19 * var(--cr-u));height:calc(19 * var(--cr-u))}
.cr-champ-titles{min-width:0}
.cr-champ .cr-eyebrow{margin:0;color:var(--cr-champ-accent)}
.cr-champ h3{margin:calc(2 * var(--cr-u)) 0 0;font-family:Georgia,'Times New Roman',serif;font-size:calc(19 * var(--cr-u));font-weight:400;line-height:1.1;color:#fff;text-shadow:0 1px 6px #0006;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* podium */
.cr-champ-podium{list-style:none;margin:0;padding:calc(2 * var(--cr-u)) 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:calc(6 * var(--cr-u))}
.cr-champ-spot{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0}
.cr-champ-stage{position:relative;display:flex;justify-content:center;width:100%;height:calc(176 * var(--cr-u))}
.cr-champ-p1 .cr-champ-stage{height:calc(206 * var(--cr-u))}
.cr-champ-light{position:absolute;left:50%;bottom:calc(-6 * var(--cr-u));width:calc(130 * var(--cr-u));height:calc(170 * var(--cr-u));transform:translateX(-50%);pointer-events:none;
  background:radial-gradient(ellipse 45% 60% at 50% 78%,var(--cr-champ-glow,#ffffff33),transparent 72%)}
.cr-champ-char{position:absolute;left:50%;bottom:0;max-width:none;width:calc(150 * 1.6 * var(--cr-u));height:auto;transform:translateX(-50%);image-rendering:pixelated;image-rendering:crisp-edges;
  filter:drop-shadow(0 0 calc(1 * var(--cr-u)) #0009) drop-shadow(0 calc(4 * var(--cr-u)) calc(6 * var(--cr-u)) #0005);transition:transform .3s ease;z-index:1;pointer-events:none;
  margin-bottom:calc(-180 * .066 * 1.6 * var(--cr-u))}
.cr-champ-p1 .cr-champ-char{width:calc(150 * 1.9 * var(--cr-u));margin-bottom:calc(-180 * .066 * 1.9 * var(--cr-u))}
.cr-champ-spot:not(.cr-champ-open):hover .cr-champ-char{transform:translateX(-50%) translateY(calc(-4 * var(--cr-u)))}
.cr-champ-ghost{opacity:.16;filter:none}
.cr-champ-fallback{opacity:.55;filter:drop-shadow(0 0 6px #fff6)}
.cr-champ-shadow{position:absolute;left:50%;bottom:calc(-2 * var(--cr-u));width:calc(56 * var(--cr-u));height:calc(10 * var(--cr-u));transform:translateX(-50%);border-radius:50%;background:radial-gradient(#0008,transparent 70%)}
.cr-champ-plinth{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;padding:calc(9 * var(--cr-u)) calc(5 * var(--cr-u)) calc(7 * var(--cr-u));text-align:center;
  border:1px solid var(--cr-champ-c);border-bottom:0;border-radius:4px 4px 0 0;
  background:linear-gradient(180deg,var(--cr-champ-t) 0,#140d1fcc calc(6 * var(--cr-u)),#0d0a18e6 100%);
  box-shadow:inset 0 calc(3 * var(--cr-u)) 0 var(--cr-champ-c),inset 0 0 calc(16 * var(--cr-u)) #0006}
.cr-champ-p1 .cr-champ-plinth{min-height:calc(96 * var(--cr-u))}
.cr-champ-p2 .cr-champ-plinth{min-height:calc(80 * var(--cr-u))}
.cr-champ-p3 .cr-champ-plinth{min-height:calc(70 * var(--cr-u))}
.cr-champ-crown{position:absolute;left:50%;top:calc(-15 * var(--cr-u));transform:translateX(-50%);display:grid;place-items:center;width:calc(28 * var(--cr-u));height:calc(28 * var(--cr-u));border-radius:50%;background:#140d1f;border:1px solid #ffd24d;color:#ffd24d;box-shadow:0 0 calc(12 * var(--cr-u)) #ffc23b99;z-index:2}
.cr-champ-crown .cr-icon{width:calc(15 * var(--cr-u));height:calc(15 * var(--cr-u))}
.cr-champ-p1 .cr-champ-medal{margin-top:calc(9 * var(--cr-u))}
.cr-champ-num{position:absolute;right:calc(6 * var(--cr-u));bottom:calc(2 * var(--cr-u));font-family:Georgia,'Times New Roman',serif;font-size:calc(34 * var(--cr-u));line-height:1;font-weight:700;color:var(--cr-champ-c);opacity:.18}
.cr-champ-medal{font-size:calc(8 * var(--cr-u));letter-spacing:calc(1 * var(--cr-u));text-transform:uppercase;color:var(--cr-champ-c)}
.cr-champ-name{display:block;max-width:100%;margin-top:calc(3 * var(--cr-u));font-family:Georgia,'Times New Roman',serif;font-size:calc(14 * var(--cr-u));font-weight:400;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px #0007}
.cr-champ-p1 .cr-champ-name{font-size:calc(16 * var(--cr-u))}
.cr-champ-score{margin-top:calc(2 * var(--cr-u));max-width:100%;font-size:calc(10 * var(--cr-u));line-height:1.3;color:#e3dbe9;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cr-champ-score b{color:#ffe7a8;font-size:calc(12 * var(--cr-u))}
.cr-champ-p1{--cr-champ-c:#ffd24d;--cr-champ-t:#ffd24d66;--cr-champ-glow:#ffd36e66}
.cr-champ-p2{--cr-champ-c:#dfe6ee;--cr-champ-t:#dfe6ee55;--cr-champ-glow:#d9e6ff40}
.cr-champ-p3{--cr-champ-c:#e39a5a;--cr-champ-t:#e39a5a55;--cr-champ-glow:#ffb37a40}
.cr-champ-open .cr-champ-name{color:#ffffffa6;font-style:italic}
.cr-champ-open .cr-champ-score{color:#c9bfd4;font-size:calc(9 * var(--cr-u))}
.cr-champ-note{flex:1;display:grid;place-items:center;margin:calc(18 * var(--cr-u)) 0;min-height:calc(200 * var(--cr-u));text-align:center;color:#efe6f3;font-size:calc(12 * var(--cr-u))}
/* footer link */
.cr-champ-link{position:relative;display:flex;align-items:center;justify-content:center;gap:calc(8 * var(--cr-u));margin:0 calc(-12 * var(--cr-u));padding:calc(9 * var(--cr-u)) calc(12 * var(--cr-u));
  border-top:1px solid #f2c97a80;background:#0d0a18e0;font-size:calc(10 * var(--cr-u));font-weight:700;letter-spacing:calc(1 * var(--cr-u));text-transform:uppercase;color:#f3e3cc;text-decoration:none;transition:background .2s ease,color .2s ease}
.cr-champ-link .cr-icon{width:calc(13 * var(--cr-u));height:calc(13 * var(--cr-u));color:var(--cr-champ-accent);transition:transform .2s ease}
.cr-champ-link:hover,.cr-champ-link:focus-visible{background:#1d1530f0;color:#fff}
.cr-champ-link:hover .cr-icon{transform:translateX(calc(3 * var(--cr-u)))}

/* champion card: the #1 of each board, with worn gear (Kartella-style) */
.cr-champs{--db-line:#c9a25a33;--db-line2:#c9a25a66;--db-gold:#f2c97a;--db-gold2:#d9a54a;--db-text:#e7eef9;--db-mute:#c9d3e3;--db-dim:#93a2ba;--db-blue:#8cc4ff}
.cr-champ-link-char{position:absolute;inset:0;display:block;z-index:1}
.cr-champ-name{color:#fff;text-decoration:none}
a.cr-champ-name:hover{color:var(--cr-champ-accent)}
.cr-champ-card{position:relative;display:flex;flex-direction:column;margin:0 calc(-12 * var(--cr-u));padding:calc(12 * var(--cr-u)) calc(12 * var(--cr-u)) calc(10 * var(--cr-u));border-top:1px solid #f2c97a59;background:linear-gradient(180deg,#0d0a18f2,#120d22f2);flex:1}
.cr-champ-card-id{display:flex;align-items:center;gap:calc(8 * var(--cr-u))}
.cr-champ-card-id img{width:calc(30 * var(--cr-u));height:calc(30 * var(--cr-u));border-radius:50%;background:#ffffff14;border:1px solid var(--cr-champ-accent)}
.cr-champ-card-id strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:calc(15 * var(--cr-u));font-weight:400;color:#fff;line-height:1.1}
.cr-champ-card-id small{display:block;font-size:calc(10 * var(--cr-u));color:var(--cr-champ-accent);letter-spacing:calc(.5 * var(--cr-u));text-transform:uppercase}
.cr-champ-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:calc(9 * var(--cr-u)) 0 0;border:1px solid #ffffff1f;border-radius:3px;overflow:hidden;background:#ffffff1f}
.cr-champ-card-stats div{padding:calc(5 * var(--cr-u)) calc(4 * var(--cr-u));text-align:center;background:#0b0816}
.cr-champ-card-stats dt{font-size:calc(8 * var(--cr-u));letter-spacing:calc(1 * var(--cr-u));text-transform:uppercase;color:#a99bbd}
.cr-champ-card-stats dd{margin:0;font-family:Consolas,Menlo,monospace;font-size:calc(14 * var(--cr-u));font-weight:700;color:#fff}
.cr-champ-guild{display:flex;align-items:center;gap:calc(8 * var(--cr-u));margin-top:calc(8 * var(--cr-u))}
.cr-champ-guild img{width:calc(24 * var(--cr-u));height:calc(24 * var(--cr-u));image-rendering:pixelated;border:1px solid #ffffff2e;border-radius:2px}
.cr-champ-guild small{display:block;font-size:calc(8 * var(--cr-u));letter-spacing:calc(1 * var(--cr-u));text-transform:uppercase;color:#a99bbd}
.cr-champ-guild b{display:block;font-size:calc(12 * var(--cr-u));color:#fff}
.cr-champ-gear-label{margin:calc(9 * var(--cr-u)) 0 calc(5 * var(--cr-u));font-size:calc(8.5 * var(--cr-u));letter-spacing:calc(1.4 * var(--cr-u));text-transform:uppercase;color:#a99bbd}
.cr-champ-gear{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:calc(4 * var(--cr-u))}
.cr-champ .crdb-iline{display:flex;align-items:center;gap:calc(6 * var(--cr-u));width:100%;min-height:calc(34 * var(--cr-u));padding:calc(3 * var(--cr-u)) calc(6 * var(--cr-u))!important;border:1px solid #ffffff1a!important;border-radius:3px!important;background:#ffffff0a!important;color:#eef1f7!important;text-align:left;font-family:Arial,Helvetica,sans-serif;font-size:calc(10.5 * var(--cr-u))!important;line-height:1.2;cursor:pointer;flex-wrap:wrap}
.cr-champ .crdb-iline:hover{border-color:var(--cr-champ-accent)!important;background:#ffffff14!important}
.cr-champ .crdb-iline-img{width:calc(22 * var(--cr-u));height:calc(22 * var(--cr-u));object-fit:contain;image-rendering:pixelated;flex:0 0 auto}
.cr-champ .crdb-noimg{width:calc(22 * var(--cr-u));height:calc(22 * var(--cr-u));border-radius:3px;background:#ffffff14}
.cr-champ .crdb-iline-name{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cr-champ .crdb-iline-name b{color:var(--cr-champ-accent)}
.cr-champ .crdb-iline-cards{display:none}
.cr-champ-gear-none{margin:0;font-size:calc(11 * var(--cr-u));color:#a99bbd;font-style:italic}
.cr-champ-profile{display:inline-flex;align-items:center;justify-content:center;gap:calc(6 * var(--cr-u));margin-top:auto;padding-top:calc(10 * var(--cr-u));font-size:calc(11 * var(--cr-u));font-weight:700;color:var(--cr-champ-accent);text-decoration:none}
.cr-champ-profile .cr-icon{width:calc(12 * var(--cr-u));height:calc(12 * var(--cr-u));transition:transform .2s}
.cr-champ-profile:hover .cr-icon{transform:translateX(calc(3 * var(--cr-u)))}
@media(max-width:767px){
  .cr-champ-card{margin:0 -12px;padding:12px}
  .cr-champ-card-id strong{font-size:16px}.cr-champ-card-id small,.cr-champ-guild small,.cr-champ-card-stats dt,.cr-champ-gear-label{font-size:9px}
  .cr-champ-card-stats dd{font-size:15px}.cr-champ-guild b{font-size:13px}
  .cr-champ .crdb-iline{font-size:12px!important;min-height:36px}
  .cr-champ-profile{font-size:12px}
  .cr-champ-reset{font-size:11px}.cr-champ-card-await strong{font-size:16px}.cr-champ-card-await p{font-size:12px;max-width:none}
}
.cr-champ-reset{position:absolute;left:calc(12 * var(--cr-u));right:calc(12 * var(--cr-u));top:calc(66 * var(--cr-u));z-index:2;margin:0;text-align:center;pointer-events:none;font-size:calc(10 * var(--cr-u));color:#f3dccf}
.cr-champ-reset b{color:var(--cr-champ-accent)}
.cr-champ-card-await{align-items:center;justify-content:center;text-align:center;gap:calc(6 * var(--cr-u));min-height:calc(150 * var(--cr-u))}
.cr-champ-await-icon{display:grid;place-items:center;width:calc(38 * var(--cr-u));height:calc(38 * var(--cr-u));border-radius:50%;border:1px dashed var(--cr-champ-accent);color:var(--cr-champ-accent);opacity:.8}
.cr-champ-await-icon .cr-icon{width:calc(18 * var(--cr-u));height:calc(18 * var(--cr-u))}
.cr-champ-card-await strong{font-family:Georgia,'Times New Roman',serif;font-size:calc(15 * var(--cr-u));font-weight:400;color:#fff}
.cr-champ-card-await p{margin:0;max-width:calc(230 * var(--cr-u));font-size:calc(10.5 * var(--cr-u));line-height:1.45;color:#b9adc9}
.cr-champ-note{flex:1}
@media (prefers-reduced-motion:reduce){.cr-champ-rays,.cr-champ-glint{animation:none}.cr-champ-glint{opacity:.6}.cr-champ,.cr-champ:hover{transform:none}.cr-champ-spot:not(.cr-champ-open):hover .cr-champ-char{transform:translateX(-50%)}}
/* tablet: stack to one column, podium gets more room */
@media(max-width:1023px){
  .cr-champ-grid{grid-template-columns:1fr;gap:14px}
  .cr-champ-podium{max-width:560px;margin:0 auto;width:100%}
}
@media(max-width:767px){
  .cr-champs{margin-top:16px}
  .cr-champ{padding:12px 12px 0}
  .cr-champ h3{font-size:19px}
  .cr-champ-stage{height:150px}.cr-champ-p1 .cr-champ-stage{height:172px}
  .cr-champ-light{width:120px;height:150px}
  .cr-champ-char{width:150px;margin-bottom:-10px}.cr-champ-p1 .cr-champ-char{width:180px;margin-bottom:-12px}
  .cr-champ-plinth{padding:8px 3px 6px}
  .cr-champ-p1 .cr-champ-plinth{min-height:86px}.cr-champ-p2 .cr-champ-plinth{min-height:74px}.cr-champ-p3 .cr-champ-plinth{min-height:66px}
  .cr-champ-crown{width:26px;height:26px;top:-14px}.cr-champ-crown .cr-icon{width:15px;height:15px}
  .cr-champ-num{font-size:30px;right:5px}
  .cr-champ-medal{font-size:8px;letter-spacing:.5px}
  .cr-champ-name,.cr-champ-p1 .cr-champ-name{font-size:14px}
  .cr-champ-score{font-size:10px}.cr-champ-score b{font-size:12px}
  .cr-champ-link{margin:0 -12px;font-size:10.5px}
}

/* Home: live from the record book */
.cr-feed{margin:0 0 calc(70 * var(--cr-u));padding:calc(14 * var(--cr-u)) calc(18 * var(--cr-u)) calc(8 * var(--cr-u));border:1px solid #cda058;border-radius:3px;color:#e7eef9;
  background:radial-gradient(ellipse 60% 120% at 0 0,#1d3a6b88,transparent 70%),linear-gradient(180deg,#0d1a33,#0a1428);box-shadow:inset 0 0 0 3px #f8eeda1f,0 4px 18px #0b234733}
.cr-feed-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:calc(10 * var(--cr-u));border-bottom:1px solid #f2c97a40}
.cr-feed .cr-eyebrow{margin:0;color:#ffcf7a}
.cr-feed h2{margin:calc(2 * var(--cr-u)) 0 0;font-family:Georgia,'Times New Roman',serif;font-size:calc(22 * var(--cr-u));font-weight:400;color:#fff}
.cr-feed-all{display:inline-flex;align-items:center;gap:calc(6 * var(--cr-u));font-size:calc(11 * var(--cr-u));font-weight:700;color:#f2c97a;text-decoration:none;white-space:nowrap}
.cr-feed-all .cr-icon{width:calc(12 * var(--cr-u));height:calc(12 * var(--cr-u))}
.cr-feed-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:calc(22 * var(--cr-u))}
.cr-feed-item{display:flex;align-items:center;gap:calc(10 * var(--cr-u));padding:calc(9 * var(--cr-u)) 0;border-bottom:1px solid #ffffff12;font-family:Arial,Helvetica,sans-serif;font-size:calc(11.5 * var(--cr-u));line-height:1.4;color:#c9d3e3}
.cr-feed-ico{display:grid;place-items:center;flex:0 0 auto;width:calc(34 * var(--cr-u));height:calc(34 * var(--cr-u));border:1px solid #2a3e64;border-radius:3px;background:radial-gradient(circle at 50% 40%,#1b2f55,#0a1426);color:#f2c97a}
.cr-feed-ico .cr-icon{width:calc(16 * var(--cr-u));height:calc(16 * var(--cr-u))}
.cr-feed-img{width:calc(24 * var(--cr-u));height:calc(24 * var(--cr-u));object-fit:contain;image-rendering:pixelated}
.cr-feed-ico .crdb-noimg{width:calc(24 * var(--cr-u));height:calc(24 * var(--cr-u));border-radius:3px;background:#ffffff14}
.cr-feed-text{flex:1;min-width:0}
.cr-feed-text a{color:#fff;font-weight:700;text-decoration:none}
.cr-feed-text a:hover{color:#f2c97a}
.cr-feed-text b{color:#ffe7a8;font-weight:700}
.cr-feed-text em{color:#8a9dba}
.cr-feed-tag{display:inline-block;margin-right:calc(7 * var(--cr-u));padding:0 calc(6 * var(--cr-u));border:1px solid #8cc4ff44;border-radius:3px;font-size:calc(8.5 * var(--cr-u));letter-spacing:calc(1 * var(--cr-u));text-transform:uppercase;color:#8cc4ff;vertical-align:1px}
.cr-feed-upgrade .cr-feed-tag,.cr-feed-upgrade-failed .cr-feed-tag,.cr-feed-crafted .cr-feed-tag{color:#c7a3ff;border-color:#c7a3ff44}
.cr-feed-cashshop .cr-feed-tag,.cr-feed-topup .cr-feed-tag,.cr-feed-mvp .cr-feed-tag{color:#f2c97a;border-color:#f2c97a55}
.cr-feed-ok{padding:0 calc(5 * var(--cr-u));border-radius:3px;background:#63d29722;color:#63d297;font-weight:700}
.cr-feed-bad{padding:0 calc(5 * var(--cr-u));border-radius:3px;background:#ff8a8022;color:#ff8a80;font-weight:700}
.cr-feed-time{flex:0 0 auto;font-family:Consolas,Menlo,monospace;font-size:calc(10 * var(--cr-u));color:#8a9dba}
.cr-feed-empty{margin:calc(14 * var(--cr-u)) 0;color:#9fb1ca;font-size:calc(12 * var(--cr-u))}
@media(max-width:1023px){.cr-feed-list{grid-template-columns:1fr}}
@media(max-width:767px){
  .cr-feed{margin-bottom:60px;padding:14px 12px 6px}.cr-feed h2{font-size:21px}.cr-feed-all{font-size:12px}
  .cr-feed-head{flex-direction:column;align-items:flex-start}
  .cr-feed-item{flex-wrap:wrap;font-size:13px;gap:10px}.cr-feed-ico{width:34px;height:34px}.cr-feed-img{width:24px;height:24px}
  .cr-feed-text{flex-basis:calc(100% - 44px)}.cr-feed-time{margin-left:44px;font-size:11px}.cr-feed-tag{font-size:9px}
}

/* Home: server at a glance */
.cr-live{margin:calc(16 * var(--cr-u)) 0 0}
.cr-live-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;border:1px solid #cda058;border-radius:3px;overflow:hidden;background:#cda05866;box-shadow:inset 0 0 0 3px #f8eeda1f,0 4px 18px #0b234733}
.cr-live-tile{position:relative;display:flex;align-items:center;gap:calc(10 * var(--cr-u));padding:calc(12 * var(--cr-u)) calc(12 * var(--cr-u));min-width:0;color:#e7eef9;text-decoration:none;
  background:radial-gradient(ellipse 80% 120% at 0 0,#1d3a6b77,transparent 70%),linear-gradient(180deg,#0f1f3d,#0a1428);transition:background .25s}
a.cr-live-tile:hover{background:radial-gradient(ellipse 80% 120% at 0 0,#2a4f8c88,transparent 70%),linear-gradient(180deg,#132648,#0c1830)}
.cr-live-ico{display:grid;place-items:center;flex:0 0 auto;width:calc(34 * var(--cr-u));height:calc(34 * var(--cr-u));border-radius:50%;border:1px solid #f2c97a66;color:#f2c97a;background:#f2c97a12}
.cr-live-ico .cr-icon{width:calc(16 * var(--cr-u));height:calc(16 * var(--cr-u))}
.cr-live-body{display:flex;flex-direction:column;min-width:0}
.cr-live-label{font-size:calc(8.5 * var(--cr-u));letter-spacing:calc(1.3 * var(--cr-u));text-transform:uppercase;color:#9fb1ca}
.cr-live-body strong{font-family:Georgia,'Times New Roman',serif;font-size:calc(22 * var(--cr-u));font-weight:400;line-height:1.1;color:#ffe3a1;white-space:nowrap;font-variant-numeric:tabular-nums}
.cr-live-body small{font-size:calc(9.5 * var(--cr-u));color:#8a9dba;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr-live-on{position:relative;padding-left:calc(14 * var(--cr-u))}
.cr-live-on:before{content:'';position:absolute;left:0;top:50%;width:calc(8 * var(--cr-u));height:calc(8 * var(--cr-u));margin-top:calc(-4 * var(--cr-u));border-radius:50%;background:#5fd38d;box-shadow:0 0 0 0 #5fd38d99;animation:cr-live-pulse 1.8s infinite}
@keyframes cr-live-pulse{0%{box-shadow:0 0 0 0 #5fd38d99}70%{box-shadow:0 0 0 calc(8 * var(--cr-u)) #5fd38d00}100%{box-shadow:0 0 0 0 #5fd38d00}}
.cr-live [data-countdown]{font-family:Consolas,Menlo,monospace;font-size:calc(15.5 * var(--cr-u));letter-spacing:-.3px}

/* Home: fresh on the marketplace */
.cr-fresh{margin:0 0 calc(22 * var(--cr-u))}
.cr-fresh-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:calc(10 * var(--cr-u))}
.cr-fresh .cr-eyebrow{margin:0}
.cr-fresh h2{margin:calc(2 * var(--cr-u)) 0 0;font-family:Georgia,'Times New Roman',serif;font-size:calc(22 * var(--cr-u));font-weight:400;color:#123b69}
.cr-fresh-all{display:inline-flex;align-items:center;gap:calc(6 * var(--cr-u));font-size:calc(11 * var(--cr-u));font-weight:700;color:#a5762d;text-decoration:none;white-space:nowrap}
.cr-fresh-all .cr-icon{width:calc(12 * var(--cr-u));height:calc(12 * var(--cr-u))}
.cr-fresh-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:calc(10 * var(--cr-u))}
.cr-fresh-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(4 * var(--cr-u));padding:calc(12 * var(--cr-u)) calc(8 * var(--cr-u)) calc(10 * var(--cr-u));text-align:center;border:1px solid #cda058;border-radius:3px;
  background:radial-gradient(circle at 50% 22%,#1d3a6b,#0a1428 70%);box-shadow:inset 0 0 0 2px #f8eeda14,0 4px 14px #0b234726;transition:transform .25s,box-shadow .25s}
.cr-fresh-card:hover{transform:translateY(calc(-3 * var(--cr-u)));box-shadow:inset 0 0 0 2px #f8eeda26,0 10px 22px #0b234740}
.cr-fresh-pod{background:radial-gradient(circle at 50% 22%,#4a2f6b,#120d22 70%)}
.cr-fresh-pod:before{content:'PoD';position:absolute;right:calc(6 * var(--cr-u));top:calc(6 * var(--cr-u));padding:0 calc(5 * var(--cr-u));border-radius:2px;background:#c7a3ff;color:#1a1030;font-size:calc(8 * var(--cr-u));font-weight:700;letter-spacing:calc(.5 * var(--cr-u))}
.cr-fresh-item{display:flex;flex-direction:column;align-items:center;gap:calc(5 * var(--cr-u));width:100%;padding:0!important;border:0!important;background:none!important;color:#fff!important;cursor:pointer;font:inherit}
.cr-fresh-icon{position:relative;display:grid;place-items:center;width:calc(52 * var(--cr-u));height:calc(52 * var(--cr-u));border-radius:50%;border:1px solid #f2c97a55;background:radial-gradient(circle,#ffffff1a,#ffffff05);box-shadow:0 0 calc(16 * var(--cr-u)) #f2c97a33}
.cr-fresh-icon b{position:absolute;right:calc(-4 * var(--cr-u));bottom:calc(-2 * var(--cr-u));padding:0 calc(4 * var(--cr-u));border-radius:2px;background:#0a1428;border:1px solid #f2c97a66;font-family:Arial,sans-serif;font-size:calc(9 * var(--cr-u));color:#ffe3a1}
.cr-fresh-img{width:calc(30 * var(--cr-u));height:calc(30 * var(--cr-u));object-fit:contain;image-rendering:pixelated}
.cr-fresh-icon .crdb-noimg{width:calc(30 * var(--cr-u));height:calc(30 * var(--cr-u));border-radius:3px;background:#ffffff14}
.cr-fresh-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(30 * var(--cr-u));font-family:Arial,Helvetica,sans-serif;font-size:calc(11.5 * var(--cr-u));font-weight:700;line-height:1.3;color:#fff}
.cr-fresh-cards{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Arial,sans-serif;font-size:calc(9.5 * var(--cr-u));color:#c7a3ff}
.cr-fresh-price{font-family:Consolas,Menlo,monospace;font-size:calc(14 * var(--cr-u));font-weight:700;color:#ffe3a1}
.cr-fresh-price small{font-family:Arial,sans-serif;font-size:calc(9 * var(--cr-u));font-weight:400;color:#9fb1ca}
.cr-fresh-meta{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Arial,sans-serif;font-size:calc(9.5 * var(--cr-u));color:#8a9dba}
@media(max-width:1023px){.cr-live-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cr-fresh-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){
  .cr-live{margin-top:14px}.cr-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cr-live-tile{padding:11px 10px;gap:8px}.cr-live-ico{width:30px;height:30px}.cr-live-ico .cr-icon{width:15px;height:15px}
  .cr-live-label{font-size:9px}.cr-live-body strong{font-size:20px}.cr-live [data-countdown]{font-size:16px}.cr-live-body small{font-size:10px}
  .cr-fresh-head{flex-direction:column;align-items:flex-start}.cr-fresh h2{font-size:21px}.cr-fresh-all{font-size:12px}
  .cr-fresh-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .cr-fresh-name{font-size:12.5px;min-height:32px}.cr-fresh-price{font-size:15px}.cr-fresh-meta,.cr-fresh-cards{font-size:10.5px}
  .cr-fresh-icon{width:54px;height:54px}.cr-fresh-img{width:30px;height:30px}
}
@media (prefers-reduced-motion:reduce){.cr-live-on:before{animation:none}.cr-fresh-card,.cr-fresh-card:hover{transform:none}}

/* champion base stats */
.cr-champ-statrow{display:grid;grid-template-columns:repeat(6,1fr);gap:calc(3 * var(--cr-u));margin:calc(8 * var(--cr-u)) 0 0}
.cr-champ-statrow div{padding:calc(4 * var(--cr-u)) 0;text-align:center;border:1px solid #ffffff1a;border-radius:3px;background:#ffffff08}
.cr-champ-statrow dt{font-size:calc(8 * var(--cr-u));letter-spacing:calc(.8 * var(--cr-u));color:var(--cr-champ-accent);font-weight:700}
.cr-champ-statrow dd{margin:0;font-family:Consolas,Menlo,monospace;font-size:calc(13 * var(--cr-u));font-weight:700;color:#fff}
@media(max-width:767px){.cr-champ-statrow dt{font-size:9px}.cr-champ-statrow dd{font-size:14px}}