.board-head{text-align:center;padding:8px 0 4px}.board-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--gold-light);align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.live-dot{background:#3ddc97;border-radius:50%;width:8px;height:8px;animation:1.8s infinite live;box-shadow:0 0 #3ddc97b3}@keyframes live{70%{box-shadow:0 0 0 8px #3ddc9700}to{box-shadow:0 0 #3ddc9700}}.board-head h1{font-family:var(--font-display);text-transform:uppercase;background:linear-gradient(180deg, #fff 30%, var(--gold-light) 70%, var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:6px;font-size:clamp(34px,9vw,54px);font-weight:700;line-height:1}.board-sub{max-width:34em;color:var(--muted);margin:10px auto 0;font-size:14px}.board-tabs{border:1px solid var(--border);background:#00000073;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;max-width:360px;margin:20px auto 0;padding:4px;display:grid}.board-tabs button{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-radius:10px;padding:10px;font-size:17px;font-weight:600;transition:background .2s,color .2s}.board-tabs button.on{background:var(--gold);color:#241400}.board-periods{justify-content:center;gap:8px;margin-top:10px;display:flex}.board-periods button{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.board-periods button.on{border-color:var(--gold);color:var(--gold-light);background:#ef9f271f}.board-body{margin-top:12px;transition:opacity .2s}.board-body.loading{opacity:.45}.podium{grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:8px;margin-top:46px;display:grid}.pod{flex-direction:column;align-items:center;min-width:0;animation:.8s cubic-bezier(.2,.9,.2,1) both pod-rise;display:flex;position:relative}.pod.empty{min-height:1px}@keyframes pod-rise{0%{opacity:0;transform:translateY(40px)}}.pod-face{position:relative}.pod .avatar-dot{--d:58px}.pod-1 .avatar-dot{--d:76px;box-shadow:0 0 0 3px var(--gold), 0 0 26px #ef9f278c}.pod-2 .avatar-dot{box-shadow:0 0 0 3px #d5dde4}.pod-3 .avatar-dot{box-shadow:0 0 0 3px #c48f57}.pod .faces.two .avatar-dot{--d:48px}.pod-1 .faces.two .avatar-dot{--d:60px}.pod-rank{position:absolute;bottom:-6px;right:-10px}.pod-crown{width:44px;fill:var(--gold);filter:drop-shadow(0 3px 10px #ef9f27b3);margin-left:-22px;animation:.9s cubic-bezier(.3,1.6,.5,1) .6s both crown-drop,2.4s ease-in-out 1.6s infinite crown-glow;position:absolute;top:-40px;left:50%}@keyframes crown-drop{0%{opacity:0;transform:translateY(-30px)rotate(-20deg)scale(.6)}}@keyframes crown-glow{50%{filter:drop-shadow(0 3px 18px #fac775);transform:translateY(-3px)}}.pod-name{text-align:center;overflow-wrap:anywhere;max-width:100%;margin-top:10px;font-size:14px;font-weight:700;line-height:1.2}.pod-name a:hover,.b-name a:hover{text-decoration:underline}.pod-name .amp,.b-name .amp{color:var(--muted);font-weight:500}.pod-score{font-family:var(--font-display);color:var(--gold-light);font-variant-numeric:tabular-nums;margin-top:2px;font-size:20px;font-weight:700}.pod-score span{font-family:var(--font-body);color:var(--muted);font-size:11px;font-weight:500}.pod-block{transform-origin:bottom;width:100%;animation:.9s cubic-bezier(.2,.9,.2,1) both block-grow;animation-delay:inherit;border-radius:12px 12px 4px 4px;place-items:start center;margin-top:8px;padding-top:8px;display:grid;position:relative;overflow:hidden}.pod-block span{font-family:var(--font-display);color:#0000008c;font-size:34px;font-weight:700;line-height:1}@keyframes block-grow{0%{transform:scaleY(0)}}.pod-1 .pod-block{background:linear-gradient(#fdd892,#c77d12);height:120px}.pod-2 .pod-block{background:linear-gradient(#eef2f5,#8d99a4);height:92px}.pod-3 .pod-block{background:linear-gradient(#d9a46a,#6e4520);height:70px}.pod-1 .pod-block:after{content:"";background:linear-gradient(105deg,#0000 35%,#ffffff8c 50%,#0000 65%);animation:3.2s ease-in-out 1.8s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{40%,to{transform:translate(100%)}}.pod.me .pod-name{color:var(--gold-light)}.board-list{gap:6px;margin-top:18px;display:grid}.brow{border:1px solid var(--border);background:#021a33c7;border-radius:14px;grid-template-columns:30px 34px auto 1fr auto;align-items:center;gap:8px;padding:9px 12px 9px 8px;animation:.5s cubic-bezier(.2,.9,.2,1) both row-in;display:grid}@keyframes row-in{0%{opacity:0;transform:translateY(14px)}}.brow.me{border-color:var(--gold);background:#ef9f2724}.brow.beyond{border-style:dashed;margin-top:10px;animation:none}.b-pos{font-family:var(--font-display);text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.brow .avatar-dot{--d:36px}.brow .faces.two .avatar-dot{--d:30px}.b-who{min-width:0;display:grid}.b-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.b-meta{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex;overflow:hidden}.b-meta .rank-card{--h:16px}.b-score{font-family:var(--font-display);color:var(--gold-light);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.mv{text-align:center;font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.mv.up{color:var(--up)}.mv.down{color:var(--down)}.mv.same{color:var(--muted)}.mv.new{color:var(--gold-light);text-transform:uppercase;letter-spacing:.06em;background:#ef9f2733;border-radius:6px;padding:2px 4px;font-size:9px}.board-empty{border:1px dashed var(--border-gold);text-align:center;background:#021a33b3;border-radius:18px;margin-top:28px;padding:28px 20px}.be-title{font-family:var(--font-display);text-transform:uppercase;font-size:24px;font-weight:700}.board-empty .muted{margin-top:6px;font-size:14px}.be-btn{margin-top:16px;display:inline-block}.my-spot{z-index:5;border:1px solid var(--gold);text-align:center;background:#021224f0;border-radius:999px;width:fit-content;max-width:100%;margin:18px auto 0;padding:10px 18px;font-size:14px;display:block;position:sticky;bottom:14px;box-shadow:0 8px 24px #00000080}.my-spot strong{color:var(--gold-light)}.my-spot.join{color:var(--gold-light);font-weight:600}.how-ranks{border:1px solid var(--border);background:#021a33b3;border-radius:16px;margin-top:28px;padding:14px 16px;font-size:14px}.how-ranks summary{cursor:pointer;text-align:center;color:var(--gold-light);font-weight:700}.ladder{text-align:center;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 6px;display:grid}.ladder-step{justify-items:center;gap:4px;display:grid}.ls-name{font-weight:700}.ls-rp{color:var(--muted);font-size:12px}.how-ranks ul{color:var(--muted);gap:6px;margin-top:10px;padding-left:18px;list-style:outside;display:grid}.how-ranks strong{color:var(--fg)}.profile-hero{text-align:center;justify-items:center;gap:6px;padding:18px 0 6px;display:grid}.profile-hero .rank-card{margin-top:30px;animation:.9s cubic-bezier(.2,1.4,.4,1) both hero-card}.profile-hero .rank-card:has(.rc-crown){margin-top:76px}@keyframes hero-card{0%{opacity:0;transform:translateY(20px)rotate(-8deg)scale(.8)}}.profile-hero h1{font-family:var(--font-display);overflow-wrap:anywhere;margin-top:10px;font-size:clamp(30px,8vw,44px);font-weight:700;line-height:1.05}.ph-rank{color:var(--gold-light);font-weight:700}.ph-pos{color:var(--muted);font-size:14px}.ph-pos strong{color:var(--fg)}.ph-photo{object-fit:cover;width:112px;height:112px;box-shadow:0 0 0 3px var(--gold), 0 8px 24px #00000073;border-radius:50%;margin-top:12px}.ph-follow{justify-items:center;gap:6px;margin-top:10px;display:grid}.ph-follow button:first-child{min-width:160px;padding:10px 20px}.btn-outline{border:1px solid var(--color-gold,#ef9f27);color:#fac775;background:#ef9f271a;border-radius:12px;font-weight:700}.ph-follow-note{max-width:320px;color:var(--muted);font-size:13px}.ph-follow-note.err{color:var(--danger)}.ph-unfollow{color:var(--muted);margin-left:6px;text-decoration:underline}.ph-bar{background:#ffffff1a;border-radius:999px;width:min(100%,320px);height:10px;margin-top:8px;overflow:hidden}.ph-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--gold), var(--gold-light));transform-origin:0;height:100%;animation:1.2s cubic-bezier(.2,.8,.2,1) .4s both bar-fill;display:block}@keyframes bar-fill{0%{transform:scaleX(0)}}.ph-next{color:var(--muted);font-size:12.5px}.welcome{border:1px solid var(--gold);text-align:center;background:#ef9f271f;border-radius:16px;margin-top:14px;padding:14px;animation:1.6s ease-out .3s both banner-glow}.welcome p:first-child{font-family:var(--font-display);color:var(--gold-light);text-transform:uppercase;font-size:20px;font-weight:700}.welcome p+p{color:var(--muted);margin-top:4px;font-size:14px}.welcome .btn-gold{margin-top:12px;padding:11px 22px;display:inline-block}.section-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;justify-content:space-between;align-items:baseline;margin-top:30px;font-size:20px;font-weight:700;display:flex}.section-title small{font-family:var(--font-body);color:var(--muted);text-transform:none;letter-spacing:0;font-size:13px;font-weight:500}.stat-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px;display:grid}@media (min-width:560px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat{border:1px solid var(--border);background:#021a33c7;border-radius:14px;padding:12px}.stat b{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1.1;display:block}.stat span{color:var(--muted);font-size:12.5px}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin-top:10px;display:grid}.badge-tile{border:1px solid var(--border);text-align:center;background:#021a33c7;border-radius:14px;align-content:start;justify-items:center;gap:6px;padding:12px 6px;display:grid}.badge-tile.earned{border-color:#ef9f2759}.badge-tile b{font-size:13px;line-height:1.2}.badge-tile span{color:var(--muted);font-size:11px;line-height:1.3}.badge-tile.locked b{color:var(--muted)}.badge-tile .brag-mini{margin-top:2px}.recent{gap:6px;margin-top:10px;display:grid}.game-row{border:1px solid var(--border);background:#021a33c7;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:grid}.game-row:has(.brag-mini){grid-template-columns:auto 1fr auto auto}.res{text-align:center;text-transform:uppercase;border-radius:8px;min-width:44px;padding:3px 8px;font-size:12px;font-weight:700}.res.win{color:var(--up);background:#5dcaa52e}.res.loss{color:var(--down);background:#ff8a8026}.res.left{color:var(--muted);background:#ffffff14}.gr-what{min-width:0}.gr-what p:last-child{color:var(--muted);font-size:12px}.gr-rp{font-variant-numeric:tabular-nums;font-weight:700}.gr-rp.pos{color:var(--up)}.gr-rp.neg{color:var(--down)}.partner-row{border:1px solid var(--border);background:#021a33c7;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.partner-row .grow{flex:1;min-width:0}.partner-row .avatar-dot{--d:34px}.profile-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px;display:flex}.ghost-btn{border:1px solid var(--border);color:var(--fg);border-radius:12px;padding:11px 18px;font-weight:600}.ghost-btn:hover{background:#ffffff0f}.empty-note{border:1px dashed var(--border);color:var(--muted);text-align:center;border-radius:14px;margin-top:10px;padding:14px;font-size:14px}@media (max-width:380px){.brow{grid-template-columns:24px 28px auto 1fr auto;gap:6px}.b-score{font-size:17px}.pod .avatar-dot{--d:48px}.pod-1 .avatar-dot{--d:62px}}@media (prefers-reduced-motion:reduce){.pod,.pod-block,.pod-crown,.pod-1 .pod-block:after,.brow,.live-dot,.profile-hero .rank-card,.ph-bar span,.welcome{animation:none!important}}