.record{width:100%}.content-record{width:min(94vw,340px);margin:25px auto 0;padding:18px 14px 14px;border-radius:18px;border:2px solid rgba(111,186,255,0.75);background:linear-gradient(160deg,rgba(9,34,142,0.94),rgba(17,28,120,0.88));box-shadow:0 0 22px rgba(72,152,255,0.35),inset 0 0 16px rgba(24,77,233,0.55);position:relative;overflow:hidden}.content-record::before,.content-record::after{content:'';position:absolute;width:82px;height:2px;background:linear-gradient(90deg,transparent,#9ee6ff,transparent);animation:sparkle 3.4s ease-in-out infinite}.content-record::before{left:-12px;top:6px}.content-record::after{right:-14px;bottom:12px;animation-delay:1.3s}.record-title{width:fit-content;margin:0 auto 14px;padding:3px 14px;border-radius:10px;border:2px solid #4d8dff;font-size:30px;letter-spacing:0.05em;color:#4ef5ff;text-transform:uppercase;text-shadow:0 0 9px rgba(78,245,255,0.7)}.record-list{display:flex;flex-direction:column;gap:10px;list-style:none;padding:0;margin:0}.record-item{display:grid;grid-template-columns:50px 1fr 50px;align-items:center;gap:8px;min-height:62px;padding:6px 10px;border-radius:8px;background:linear-gradient(90deg,#1f73ff 0%,#124ce0 100%);color:#fff;position:relative;transform:translateX(8px);opacity:0;animation:rowEnter 520ms ease forwards}.record-item:nth-child(1){animation-delay:0.05s}.record-item:nth-child(2){animation-delay:0.15s}.record-item:nth-child(3){animation-delay:0.25s}.record-item:nth-child(4){animation-delay:0.35s}.record-item:nth-child(5){animation-delay:0.45s}.record-rank{font-size:20px;text-align:center;filter:drop-shadow(0 0 5px rgba(255,255,255,0.45))}.record-rank img{width:45px;height:45px;object-fit:contain;display:block;margin:0 auto}.record-check{opacity:0;justify-self:end;transition:opacity 200ms ease}.record-check img{width:45px;height:45px;object-fit:contain;display:block}.record-unlocked-label{position:absolute;top:4px;right:10px;padding:1px 8px;border-radius:999px;background:rgba(12,73,17,0.92);color:#c8ffd8;font-size:12px;line-height:1.1;letter-spacing:0.06em;text-transform:uppercase;opacity:0;pointer-events:none}.record-name{text-align:left;margin:0;font-size:18px;letter-spacing:0.03em}.record-item-main{display:grid;gap:4px;text-align:left;justify-items:start}.record-progress{margin:0;font-size:14px;color:#d9ecff;font-family:Arial,sans-serif}.record-item.is-unlocked{background:linear-gradient(120deg,#f7ce46 0%,#e9a819 45%,#ffe48a 100%);box-shadow:0 0 0 2px rgba(255,236,170,0.45) inset,0 0 16px rgba(255,221,116,0.55)}.record-item.is-unlocked .record-name,.record-item.is-unlocked .record-progress{color:#5a3600;text-shadow:none}.record-item.is-unlocked .record-rank{filter:drop-shadow(0 0 5px rgba(255,248,205,0.7))}.record-item.is-unlocked .record-check{opacity:1}.record-item.is-unlocked .record-unlocked-label{opacity:1}.record-share-button{width:100%;margin-bottom:10px;background:#00b13f;border-color:#00e153;color:#ffffff;font-size:19px;letter-spacing:2px}#share-game-trigger{background:#00b13f;border-color:#00e153;color:#ffffff}.share-links-list{list-style:none;margin:12px 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.share-links-list a{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid #44235a;border-radius:10px;background:#fff;color:#44235a;text-decoration:none;font-size:20px;padding:6px;width:100%;min-height:42px}.share-link-icon{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:16px;color:#fff;font-weight:700}.share-link-icon.whatsapp{background:#25D366}.share-link-icon.facebook{background:#1877F2}.share-link-icon.x{background:#14171A}.share-link-icon.linkedin{background:#0A66C2}.share-link-icon.reddit{background:#FF4500}.share-link-icon.telegram{background:#229ED9}.share-modal-card p{margin-bottom:0}@media (min-width:1024px) and (max-height:880px){.content-record{max-height:calc(100vh - 130px);overflow:hidden;padding-right:10px;padding-bottom:14px}.record-list{max-height:calc(100vh - 270px);overflow-y:auto;padding-right:6px;padding-bottom:90px;scrollbar-width:thin;scrollbar-color:#00d248 rgba(0,32,18,0.35)}.record-list::-webkit-scrollbar{width:10px}.record-list::-webkit-scrollbar-track{background:rgba(0,32,18,0.35);border-radius:999px}.record-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00f257,#00a53b);border-radius:999px;border:1px solid rgba(255,255,255,0.15)}}@media (max-width:520px){.content-record{max-height:calc(100dvh - 145px);overflow:hidden}.record-list{max-height:calc(100dvh - 290px);overflow-y:auto;padding-right:6px;padding-bottom:90px;-webkit-overflow-scrolling:touch}}@media (min-width:1360px) and (max-width:1370px) and (min-height:630px) and (max-height:660px),(min-width:970px) and (max-width:980px) and (min-height:540px) and (max-height:560px){#achievements-list{max-height:calc(100vh - 280px);overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:#00d248 rgba(0,32,18,0.35)}#achievements-list::-webkit-scrollbar{width:10px}#achievements-list::-webkit-scrollbar-track{background:rgba(0,32,18,0.35);border-radius:999px}#achievements-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00f257,#00a53b);border-radius:999px;border:1px solid rgba(255,255,255,0.15)}}@keyframes rowEnter{from{opacity:0;transform:translateX(10px) scale(0.98)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes sparkle{0%,100%{opacity:0.35;transform:scaleX(0.8)}50%{opacity:1;transform:scaleX(1.1)}}