.w-container .ranking{width:1200px}.ranking{--panel-border:#feefb4;--row-border:#bcad8f;--gold-text:#ece1ab;--row-bg:rgba(255,255,255,.12);--white:#fff;box-sizing:border-box;width:min(1024px,100%);margin:0 auto;padding:24px;position:relative;overflow:hidden;border:1px solid var(--panel-border);border-radius:12px;color:var(--white);border:1px solid;background-image:radial-gradient(ellipse at 50% 10%,rgba(138,43,226,.25) 0%,transparent 60%),radial-gradient(ellipse at 50% 90%,rgba(186,85,211,.15) 0%,transparent 70%),url(https://cdn.hoanghamobile.vn/Uploads/2026/07/15/bg-samsung-163657997.png;mode=pad;);box-shadow:0 16px 50px rgba(0,0,0,.28);margin:12px auto}.ranking,.ranking *{box-sizing:border-box}.ranking::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 46%,rgba(255,255,255,.08) 50%,transparent 58%),radial-gradient(circle at 76% 5%,rgba(255,244,181,.18),transparent 30%);opacity:.9}.ranking__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px}.ranking__header{width:100%;text-align:center}.ranking__title{margin:0;font-size:24px;font-weight:600;line-height:1.25;text-shadow:0 0 3px rgba(236,225,171,.9)}.ranking__divider{width:100%;height:12px;margin-top:4px;background:url("image 167.png") center bottom/100% 12px no-repeat;opacity:.92}.ranking__grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ranking__row{min-height:32px;display:grid;grid-template-columns:minmax(112px,1.35fr) 70px 50px minmax(126px,auto);align-items:center;gap:24px;padding:7px 8px;position:relative;overflow:hidden;border:1px solid var(--row-border);border-radius:8px;background:var(--row-bg);box-shadow:-2px -2px 4px 0 #ffffff40 inset;border:1px solid;border-image-source:linear-gradient(180deg,#bcad8f 0%,#feefb4 100%)}.ranking__row::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.11),transparent 44%,rgba(255,255,255,.08));opacity:.45}.ranking__user,.ranking__time,.ranking__date{position:relative;z-index:1;display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;line-height:16px;white-space:nowrap}.ranking__phone{position:relative;z-index:1;width:70px;text-align:center;font-size:12px;line-height:16px;white-space:nowrap}.ranking__time,.ranking__date{gap:4px}.ranking__name{overflow:hidden;text-overflow:ellipsis}.ranking__rank{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;font-size:14px;font-weight:600;line-height:20px}.ranking__medal{width:24px;height:24px;flex:0 0 24px;object-fit:contain}.ranking__icon{width:16px;height:16px;flex:0 0 16px;color:var(--gold-text)}.ranking__dot{width:4px;height:4px;flex:0 0 4px;border-radius:999px;background:#f3e9b6;box-shadow:0 0 3px rgba(236,225,171,.9)}.ranking__info{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;color:#704d10;background:#fff4bd;font-size:12px;font-weight:700;text-shadow:none}@media(max-width:900px){.ranking{padding:20px}.ranking__grid{grid-template-columns:1fr}}@media(max-width:560px){.ranking{width:calc(100% - 24px);padding:12px;border-radius:12px}.ranking__title{font-size:24px}.ranking__divider{height:12px;margin-top:2px;background-image:url("image 167.png")}.ranking__row{width:526px;min-height:39px;grid-template-columns:132px 70px 50px 150px;gap:16px;padding:7px 8px}.ranking__grid{display:flex;flex-direction:column;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:16px;scrollbar-color:#efdebd #fff;scrollbar-width:auto}.ranking__grid::-webkit-scrollbar{height:8px}.ranking__grid::-webkit-scrollbar-track{border-radius:999px;background:#fff}.ranking__grid::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(90deg,#efdebd,#958261)}.ranking__phone{width:70px}.ranking__date{width:150px;gap:8px}.ranking__time{gap:8px}}