.embeddedLeaderboards{isolation:isolate;color:#f4f4f5;background:radial-gradient(circle at 75% 5%,#c8ff2f17,#0000 28%),linear-gradient(#080a0f,#050609);border-top:1px solid #c8ff2f1f;padding:72px max(16px,50% - 550px) 90px;position:relative;overflow:hidden}.embeddedLeaderboards:before{content:"";z-index:-1;background-color:#0000;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.embeddedBoardGlow{z-index:-1;border:1px solid #c8ff2f24;border-radius:50%;width:420px;height:420px;position:absolute;top:-240px;right:-180px;box-shadow:0 0 90px #c8ff2f0f,inset 0 0 70px #c8ff2f09}.embeddedBoardsHead{justify-content:space-between;align-items:end;gap:32px;width:min(1100px,100%);margin:0 auto 34px;display:flex}.embeddedBoardsHead small,.embeddedBoardCard header small{color:#c8ff2f;letter-spacing:1.7px;font-size:9px;font-weight:950}.embeddedBoardsHead h2{letter-spacing:-4px;margin:8px 0 0;font-size:clamp(42px,6vw,70px);line-height:.9}.embeddedBoardsHead p{color:#8b8b94;max-width:450px;margin:0;font-size:13px;line-height:1.65}.embeddedBoardsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(1100px,100%);margin:auto;display:grid}.embeddedBoardCard{background:linear-gradient(145deg,#13161df5,#080a0ffa);border:1px solid #ffffff17;border-radius:22px;overflow:hidden;box-shadow:0 26px 65px #00000057,inset 0 1px #ffffff0a}.embeddedBoardCard>header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:14px;padding:23px 24px 19px;display:flex}.embeddedBoardCard h3{letter-spacing:-1px;margin:5px 0 0;font-size:25px}.embeddedBoardCard>header>a,.embeddedBoardCard>header>span{color:#71717a;letter-spacing:1px;font-size:8px;font-weight:950;text-decoration:none}.embeddedBoardCard>header>a:hover{color:#c8ff2f}.globalBoard{border-color:#c8ff2f2e}.globalBoard>header{background:linear-gradient(90deg,#c8ff2f0e,#0000)}.embeddedBoardRows{padding:8px}.embeddedBoardRow{border-bottom:1px solid #ffffff0b;border-radius:10px;grid-template-columns:36px 34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:50px;padding:7px 11px;transition:all .16s;display:grid}.embeddedBoardRow:last-child{border-bottom:0}.embeddedBoardRow:hover{background:#ffffff06}.embeddedBoardRow.mine{background:#c8ff2f13;box-shadow:inset 3px 0 #c8ff2f}.embeddedPlace{color:#5c6270;font-size:10px;font-weight:950}.embeddedPlace.place-1{color:#fbbf24}.embeddedPlace.place-2{color:#d1d5db}.embeddedPlace.place-3{color:#d97706}.embeddedAvatar{color:#c8ff2f;background:#11151d;border:1px solid #c8ff2f2e;border-radius:9px;place-items:center;width:30px;height:30px;font-size:11px;font-weight:950;display:grid}.embeddedBoardRow>b{color:#e4e4e7;text-overflow:ellipsis;align-items:center;gap:6px;font-size:11px;display:flex;overflow:hidden}.embeddedBoardRow>b small{color:#c8ff2f;letter-spacing:.8px;border:1px solid #c8ff2f38;border-radius:5px;padding:3px 5px;font-size:6px}.embeddedBoardRow>strong{color:#fff;white-space:nowrap;font-size:11px}.embeddedBoardEmpty,.embeddedBoardLoading{color:#6f7480;text-align:center;place-items:center;min-height:180px;padding:28px;font-size:11px;line-height:1.7;display:grid}.embeddedBoardEmpty a{color:#c8ff2f;text-decoration:none}.embeddedBoardLoading{letter-spacing:1px;animation:1s ease-in-out infinite boardPulse}.botNote{color:#555b67;align-items:center;gap:7px;margin:4px 18px 16px;font-size:8px;line-height:1.5;display:flex}.botNote i{background:#c8ff2f;border-radius:50%;flex:0 0 6px;width:6px;height:6px;box-shadow:0 0 9px #c8ff2f8c}@keyframes boardPulse{50%{opacity:.4}}@media (max-width:800px){.embeddedBoardsHead{flex-direction:column;align-items:flex-start}.embeddedBoardsGrid{grid-template-columns:1fr}.embeddedLeaderboards{padding-top:52px}.embeddedBoardsHead h2{letter-spacing:-3px}}@media (max-width:460px){.embeddedBoardCard>header{flex-direction:column;align-items:flex-start}.embeddedBoardRow{grid-template-columns:30px 30px minmax(0,1fr) auto;gap:7px;padding-inline:7px}.embeddedBoardRow>strong{font-size:10px}.embeddedBoardsHead p{font-size:12px}}@media (prefers-reduced-motion:reduce){.embeddedLeaderboards *{transition:none!important;animation:none!important}}
