.msc-fireboard{container:msc-fireboard / inline-size;background:#fff;border-radius:16px;padding:20px 16px 16px}.msc-fireboard-empty{display:grid;min-height:160px;place-items:center;color:var(--color-text-muted);font-size:14px;text-align:center}.msc-podium{display:flex;justify-content:space-between;align-items:end;gap:8px;margin:22px 0 16px}.msc-podium-person{display:flex;flex-direction:column;align-items:center;width:30%;min-width:0}.msc-podium-avatar{position:relative;display:flex;border:2px solid #e0a773;border-radius:50%;padding:2px}.msc-podium-avatar>span:first-child{width:48px;height:48px}.msc-podium-avatar>.msc-podium-medal{position:absolute;right:-12px;top:-10px;width:34px;height:35px}.msc-podium-medal img{width:100%;height:100%;object-fit:contain}.msc-podium-person[data-rank="2"] .msc-podium-avatar{border-color:#bfc2c8}.msc-podium-person[data-rank="1"] small{color:#d8a400}.msc-winner .msc-podium-avatar{border-color:#f5bf00}.msc-winner .msc-podium-avatar>span:first-child{width:58px;height:58px}.msc-podium-person strong{display:-webkit-box;width:100%;min-height:40px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px;font-weight:600;line-height:20px;text-align:center;overflow-wrap:anywhere;margin-top:8px}.msc-podium-person small{font-size:14px;font-weight:400;line-height:20px;color:var(--color-text-muted)}.msc-rank-row{min-height:48px;font-weight:400;display:flex;align-items:center;gap:10px;width:100%;padding:8px;border-radius:12px}.msc-rank-row>span:first-child{background:var(--color-border);border-radius:12px;min-width:38px;padding:4px 8px;color:var(--color-text-muted);font-size:16px;font-weight:600;line-height:20px;text-align:center}.msc-rank-row>span:nth-child(3){flex:1;min-width:0;text-align:left;font-size:16px;font-weight:400;line-height:22px}.msc-rank-row>strong{display:flex;align-items:baseline;gap:4px;white-space:nowrap;font-size:14px;font-weight:400;font-variant-numeric:tabular-nums;line-height:20px}.msc-rank-row small{font-size:14px;font-weight:400}.msc-rank-you{background:var(--color-accent-soft)}.msc-rank-you>span:first-child{background:#fff;color:var(--color-space-coral)}.msc-earn-xp{margin-top:16px;display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background:var(--color-accent-soft)}.msc-earn-xp>div{flex:1}.msc-earn-xp strong{display:block;font-size:14px;font-weight:500;line-height:20px}.msc-earn-xp progress{margin-top:7px;width:80%;height:5px}.msc-earn-xp button{height:38px;font-size:14px}.msc-rank-row>span:nth-child(3){display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-weight:500;overflow-wrap:break-word}@container msc-fireboard (max-width: 340px){.msc-rank-row{display:grid;grid-template-columns:auto auto minmax(0,1fr);column-gap:8px;row-gap:2px}.msc-rank-row>:nth-child(-n+2){grid-row:1 / span 2}.msc-rank-row>span:first-child{min-width:32px;padding-inline:6px}.msc-rank-row>span:nth-child(3){grid-column:3;align-self:end;font-size:15px;line-height:20px}.msc-rank-row>:nth-child(4){grid-column:3;grid-row:2;justify-self:start;align-self:start;color:var(--color-text-muted);font-size:13px;line-height:18px}.msc-rank-row>strong small{font-size:13px}}.msc-rank-row>span:first-child{font-size:14px;font-weight:500;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.msc-rank-you>span:first-child{color:var(--color-space-coral);font-weight:600}.msc-earn-xp .msc-primary{flex-shrink:0;padding-inline:16px}.msc-xp-modal{width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow-y:auto;border-radius:32px;font-family:var(--font-sans)}.msc-xp-modal>button[data-slot=modal-close]{top:24px;right:24px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#ffffff24;color:#fff;box-shadow:none}.msc-xp-modal>button[data-slot=modal-close]:hover{background:#ffffff3d}.msc-xp-hero{padding:36px 36px 32px;background:radial-gradient(ellipse 500px 350px at var(--xp-glow-x, 87%) var(--xp-glow-y, 28%),#97340f,transparent 70%),var(--color-space-ink);color:#fff}.msc-xp-eyebrow{display:block;color:#e8b495;font-size:12px;letter-spacing:2px}.msc-xp-hero h2{margin-top:18px;font-size:32px;line-height:38px;font-weight:700}.msc-xp-stats{display:flex;align-items:stretch;gap:24px;margin-top:30px}.msc-xp-stats>div{display:flex;flex-direction:column;gap:2px}.msc-xp-stats>div+div{padding-left:24px;border-left:1px solid #ffffff1c}.msc-xp-stats strong{color:var(--color-accent);font-size:38px;line-height:42px;font-weight:700}.msc-xp-stats>div+div strong{color:#fff}.msc-xp-stats span{color:#c6c0bc;font-size:13px;font-weight:600}.msc-xp-next-place{margin-top:28px;padding:20px;border:1px solid #ffffff24;border-radius:16px;background:#ffffff0c}.msc-xp-next-place-top{display:flex;align-items:center;gap:14px}.msc-xp-next-place-ring{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;border:2px solid var(--color-accent);border-radius:50%;background:#ffffff12;transition:box-shadow .16s ease}.msc-xp-next-place-ring [role=img]{width:40px;height:40px}.msc-xp-hero:hover .msc-xp-next-place-ring{box-shadow:0 0 14px #ef8d6866}@media (prefers-reduced-motion: reduce){.msc-xp-next-place-ring{transition:none}}.msc-xp-next-place-top>div{display:flex;flex:1;flex-direction:column;min-width:0;gap:4px}.msc-xp-next-place-top strong{font-size:16px;line-height:22px}.msc-xp-next-place-top strong em{color:var(--color-accent);font-style:normal}.msc-xp-next-place-top div>span{color:#c6c0bc;font-size:13px;line-height:18px}.msc-xp-next-place-top b{flex-shrink:0;padding:7px 12px;border-radius:999px;background:var(--color-accent);font-size:13px}.msc-xp-progress{height:8px;margin-top:16px;overflow:hidden;border-radius:999px;background:#ffffff2e}.msc-xp-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#dd774e,var(--color-accent))}.msc-xp-progress-labels{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:#c6c0bc;font-size:12px}.msc-xp-body{padding:28px 32px 30px}.msc-xp-ways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.msc-xp-ways li{min-height:84px;border-radius:16px;background:var(--color-bg-elevated)}.msc-xp-ways li>a{display:flex;align-items:center;gap:16px;min-height:84px;padding:12px 16px}.msc-xp-ways li>a{height:100%;border-radius:inherit;color:inherit;transition:background-color .16s ease,box-shadow .16s ease}.msc-xp-ways li>a:hover{background:var(--color-accent-soft);box-shadow:0 0 0 2px var(--color-accent)}.msc-xp-ways li>a:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.msc-xp-ways li:last-child{grid-column:1 / -1}.msc-xp-ways li>a>span{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;background:#fff;color:#c2603b}.msc-xp-ways h3{font-size:16px;font-weight:700;line-height:22px}.msc-xp-ways p,.msc-xp-note{font-size:14px;line-height:20px;color:#666}.msc-xp-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px}.msc-xp-note{flex:1;min-width:0;font-size:13px;line-height:19px}.msc-xp-modal .msc-xp-cta[data-slot=button]{flex-shrink:0;min-width:126px;height:54px;border:0;border-radius:999px;background:var(--color-accent);background-image:none;color:#fff;box-shadow:none;font-size:17px}.msc-xp-modal .msc-xp-cta[data-slot=button]>span[aria-hidden]{display:none}.msc-xp-modal .msc-xp-cta[data-slot=button]:hover{background:var(--color-accent-deep)}@media (max-width: 599px){.msc-xp-modal{border-radius:24px}.msc-xp-modal>button[data-slot=modal-close]{top:20px;right:20px;width:38px;height:38px}.msc-xp-hero{padding:28px 22px 24px}.msc-xp-hero h2{padding-right:30px;font-size:27px;line-height:33px}.msc-xp-body{padding:20px}.msc-xp-ways{grid-template-columns:1fr}.msc-xp-ways li{min-height:0;align-items:center}.msc-xp-ways li:last-child{grid-column:auto}.msc-xp-footer{flex-direction:column;align-items:stretch;gap:16px}.msc-xp-modal .msc-xp-cta[data-slot=button]{width:100%}}@media (max-width: 420px){.msc-xp-next-place{padding:16px}.msc-xp-next-place-top{display:grid;grid-template-columns:auto 1fr;gap:12px}.msc-xp-next-place-top>div{grid-column:1 / -1;grid-row:2}.msc-xp-next-place-top b{justify-self:end}}.msc-fireboard-scope{margin-top:4px;color:var(--color-text-muted);font-size:13px;line-height:18px}
