/* Peak Milestone page — Retro theme */
.pm{color:#6b7473;}
.pm .section-title span{display:block;margin-top:4px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.85;line-height:1.2;}
.pm-intro{margin:0 0 18px;font-size:13px;line-height:1.6;}
.pm-intro strong{color:#0181b1;}

.pm-stats{display:flex;gap:12px;margin-bottom:22px;}
.pm-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:14px 10px 12px;background:linear-gradient(to bottom,#fafafa 0,#f0f0f0 100%);border:1px solid #e2e2e2;border-radius:3px;text-align:center;}
.pm-stat--main{background:linear-gradient(to top,#0181b1 0,#01aed2 100%);border-color:#0181b1;color:#fff;}
.pm-stat__label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8b9a99;}
.pm-stat--main .pm-stat__label,.pm-stat--main .pm-stat__hint{color:rgba(255,255,255,.85);}
.pm-stat__value{font-family:'Teko',sans-serif;font-weight:700;font-size:44px;line-height:1;margin:8px 0 2px;color:#4a5a59;}
.pm-stat--main .pm-stat__value{color:#fff;font-size:52px;}
.pm-stat__hint{font-size:11px;color:#a1a1a1;min-height:14px;}
.pm-live{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:bold;color:#1da7aa;text-transform:uppercase;letter-spacing:.08em;}
.pm-live i{width:8px;height:8px;border-radius:50%;background:#1da7aa;animation:pm-pulse 2s infinite;}
@keyframes pm-pulse{0%{box-shadow:0 0 0 0 rgba(29,167,170,.5);}70%{box-shadow:0 0 0 7px rgba(29,167,170,0);}100%{box-shadow:0 0 0 0 rgba(29,167,170,0);}}

.pm-meter{position:relative;margin:0 0 24px;padding:18px 0 4px;}
.pm-track{position:absolute;top:31px;left:7%;right:7%;height:8px;background:#e4eceb;border-radius:8px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.08);}
.pm-fill{width:0;height:100%;background:linear-gradient(to right,#01aed2,#0181b1);border-radius:8px;transition:width .8s ease;}
.pm-steps{position:relative;z-index:1;display:flex;list-style:none;margin:0;padding:0;}
.pm-step{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;padding:0 4px;}
.pm-star{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;border:2px solid #dfe7e6;color:#cfdbda;font-size:20px;line-height:1;transition:all .3s;}
.pm-step.is-reached .pm-star{border-color:#0181b1;background:linear-gradient(to top,#0181b1,#01aed2);color:#fff;}
.pm-step.is-next .pm-star{border-color:#ffba00;color:#ffba00;transform:scale(1.18);}

.pm-card{width:100%;margin-top:12px;padding:10px 6px 10px;background:#fff;border:1px solid #eaeaea;border-radius:3px;text-align:center;transition:transform .2s,box-shadow .2s;}
.pm-card:hover{transform:translateY(-3px);box-shadow:0 4px 10px rgba(0,0,0,.08);}
.pm-card__img{height:54px;display:flex;align-items:center;justify-content:center;margin-bottom:6px;}
.pm-card__img img{width:48px;height:48px;image-rendering:pixelated;filter:grayscale(1);opacity:.55;transition:all .3s;}
.pm-step.is-reached .pm-card__img img,.pm-step.is-next .pm-card__img img{filter:none;opacity:1;}
.pm-card__players{font-family:'Teko',sans-serif;font-weight:700;font-size:28px;line-height:.9;color:#4a5a59;}
.pm-card__unit{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#a1a1a1;}
.pm-card__title{margin-top:6px;font-size:11px;font-weight:bold;color:#6b7473;}
.pm-card__points{margin-top:3px;font-size:11px;color:#0181b1;min-height:14px;}
.pm-card__state{display:inline-block;margin-top:6px;padding:2px 8px;border-radius:10px;background:#f3f3f3;color:#a1a1a1;font-size:10px;text-transform:uppercase;letter-spacing:.06em;}
.pm-step.is-reached .pm-card{border-color:#cfe6ee;}
.pm-step.is-reached .pm-card__state{background:#0181b1;color:#fff;}
.pm-step.is-next .pm-card{border-color:#ffba00;box-shadow:0 0 0 1px #ffba00;}
.pm-step.is-next .pm-card__state{background:#ffba00;color:#fff;}

.pm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:6px;margin-bottom:10px;}
.pm-chip{display:inline-block;padding:6px 4px;border:1px solid #e2e2e2;border-radius:3px;background:#fafafa;color:#a1a1a1;font-family:'Teko',sans-serif;font-size:18px;line-height:1;text-align:center;cursor:default;}
.pm-chip.is-reached{background:linear-gradient(to top,#0181b1,#01aed2);border-color:#0181b1;color:#fff;}
.pm-chip.is-next{border-color:#ffba00;color:#c98f00;background:#fffaf0;}
.pm-chip.is-major{position:relative;font-weight:700;}
.pm-chip.is-major:after{content:'\2605';position:absolute;top:-6px;right:-4px;font-size:12px;color:#ffba00;}
.pm-legend{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px;}
.pm-legend .pm-chip{font-size:15px;padding:4px 10px;}

.pm-error{display:none;margin-top:14px;padding:10px 14px;border:1px solid #f0c2c2;border-radius:3px;background:#fff4f4;color:#a94442;}
.pm-error.is-visible{display:block;}

@media (max-width:991px){
	.pm-stats{flex-direction:column;}
	.pm-meter{overflow-x:auto;-webkit-overflow-scrolling:touch;}
	.pm-meter .pm-steps{min-width:760px;}
	.pm-meter .pm-track{left:54px !important;right:54px !important;}
}

/* ---- Home: scrollable news box ---- */
.notices-box{position:relative;background:#fff;border:4px solid #eaeaea;}
.notices-box .notices-container{position:relative;max-height:470px;overflow-y:auto;border:0;scrollbar-width:thin;scrollbar-color:#01aed2 #f3f3f3;}
.notices-box .notices-container::-webkit-scrollbar{width:8px;}
.notices-box .notices-container::-webkit-scrollbar-track{background:#f3f3f3;}
.notices-box .notices-container::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#01aed2,#0181b1);border-radius:4px;}
.notices-box:after{content:'';position:absolute;left:0;right:8px;bottom:42px;height:40px;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff);pointer-events:none;transition:opacity .2s;}
.notices-box.at-end:after{opacity:0;}
.notices-nav{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:6px 10px;border-top:1px solid #eaeaea;background:linear-gradient(to bottom,#fafafa 0,#f0f0f0 100%);}
.notices-count{margin-right:auto;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#a1a1a1;}
.notices-btn{width:30px;height:28px;border:1px solid #0181b1;border-radius:3px;background:linear-gradient(to top,#0181b1,#01aed2);color:#fff;cursor:pointer;line-height:1;}
.notices-btn:hover{opacity:.85;}
.notices-box.at-start [data-notices-dir="-1"],.notices-box.at-end [data-notices-dir="1"]{opacity:.35;cursor:default;}

/* ---- Home: compact milestone box ---- */
.pm-home{margin-top:10px;background:#fff;border:4px solid #eaeaea;}
.pm-home__head{display:flex;align-items:center;justify-content:space-between;padding:12px 18px 10px;background-image:linear-gradient(to top,#0181b1 0,#01aed2);color:#fff;text-decoration:none !important;}
.pm-home__head:hover{opacity:.95;}
.pm-home__title{font-family:'Teko',sans-serif;font-size:26px;line-height:.9;color:#fff;}
.pm-home__title span{display:block;margin-top:4px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:10px;letter-spacing:.1em;text-transform:uppercase;opacity:.85;}
.pm-home__head .pm-live{color:#fff;}
.pm-home__head .pm-live i{background:#fff;}
.pm-home__body{padding:14px 18px 12px;}
.pm-home__stats{display:flex;gap:10px;margin-bottom:6px;}
.pm-home__stats>div{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px 6px;border:1px solid #e2e2e2;border-radius:3px;background:linear-gradient(to bottom,#fafafa 0,#f0f0f0 100%);}
.pm-home__stats>div.is-main{background:linear-gradient(to top,#0181b1,#01aed2);border-color:#0181b1;}
.pm-home__stats span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#8b9a99;}
.pm-home__stats strong{font-family:'Teko',sans-serif;font-size:34px;line-height:1;margin-top:4px;color:#4a5a59;}
.pm-home__stats em{font-style:normal;font-size:10px;color:#a1a1a1;}
.pm-home__stats .is-main span{color:rgba(255,255,255,.85);}
.pm-home__stats .is-main strong{color:#fff;}
.pm-meter--mini{margin:0;padding:12px 0 0;}
.pm-meter--mini .pm-track{top:25px;}
.pm-meter--mini .pm-star{width:28px;height:28px;font-size:16px;}
.pm-step__num{margin-top:6px;font-family:'Teko',sans-serif;font-weight:700;font-size:20px;line-height:1;color:#a1a1a1;}
.pm-step.is-reached .pm-step__num{color:#0181b1;}
.pm-step.is-next .pm-step__num{color:#c98f00;}
.pm-step__pts{font-size:10px;color:#a1a1a1;text-align:center;line-height:1.3;min-height:13px;}
.pm-home__more{display:block;margin-top:10px;padding-top:10px;border-top:1px dashed #d8d8d8;text-align:right;font-family:'Teko',sans-serif;font-size:18px;color:#0181b1 !important;text-decoration:none !important;}
.pm-home__more:hover{color:#016a92 !important;}
@media (max-width:991px){
	.pm-home__stats{flex-direction:column;}
	.pm-meter--mini .pm-steps{min-width:520px;}
	.pm-meter--mini .pm-track{left:37px !important;right:37px !important;}
	.notices-box .notices-container{max-height:560px;}
}
/* Home box: full meter with cards under the counters */
.pm-home .pm-meter{margin:6px 0 0;padding-top:12px;}
.pm-home .pm-track{top:25px;}
.pm-home .pm-card{padding:8px 4px;}
.pm-home .pm-card__players{font-size:24px;}
/* Home order: milestone box on top, news below */
.pm-home{margin-top:0;margin-bottom:10px;}
/* Welcome bar now sits inside the center column, right above the news box */
.center-wrapper>h1.welcome-title{margin:0 0 10px;}
.center-wrapper>.pm-home{margin-top:10px;}
/* Home news: dated items from the panel */
.notices-container li .notice-date{display:inline-block;margin-top:6px;padding:2px 8px;border-radius:10px;background:#0181b1;color:#fff;font-size:10px;letter-spacing:.08em;text-transform:uppercase;align-self:flex-start;}
.notices-container li p a{color:#0181b1;font-weight:bold;}