/* Raised wooden stars, inspired by the recorded statistics section. */
.server-intro .platforms{gap:8px;overflow:visible}
.platforms .platform-item{position:relative;display:inline-flex}
.platforms .platform-icon{display:grid;place-items:center;width:40px;height:40px;padding:6px;background:none;color:white;border-radius:7px;transition:color 180ms ease,transform 180ms ease}
.platforms .platform-icon svg{width:27px;height:27px;transition:transform 180ms ease}
.platforms .platform-tooltip{position:absolute;bottom:calc(100% + 7px);left:50%;display:block;white-space:nowrap;padding:6px 10px;border-radius:5px;background:#f49a32;color:#fff;font-size:12px;font-weight:800;line-height:1.2;box-shadow:0 3px 8px #07547726;opacity:0;visibility:hidden;transform:translate(-50%,5px);transition:opacity 160ms ease,transform 160ms ease,visibility 160ms;z-index:3;pointer-events:none}
.platforms .platform-tooltip::after{content:'';position:absolute;top:100%;left:calc(50% - 5px);border:5px solid transparent;border-top-color:#f49a32}
.platform-item.is-open .platform-tooltip,.platform-item:has(.platform-icon:focus-visible):not(.tooltip-dismissed) .platform-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto}
.platform-icon:focus-visible{outline:2px solid #ffdf8a;outline-offset:2px;color:#ffdf8a}
@media(hover:hover){.platform-item:not(.tooltip-dismissed):hover .platform-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto}.platform-item:hover .platform-icon{color:#ffdf8a}.platform-item:hover .platform-icon svg{transform:translateY(-2px) scale(1.08)}}
@media(prefers-reduced-motion:reduce){.platforms .platform-icon svg{transform:none!important}}
.stats-grid{position:relative;gap:38px;isolation:isolate}
.stats-grid::before{content:'';position:absolute;top:83px;left:0;right:0;height:7px;background:#b97841;border-top:2px solid #edba77;box-shadow:0 3px #93562e30;z-index:-1}
.stats-grid>div{border:0;position:relative}
.stats-grid>div>svg{display:none}
.stats-grid strong{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:2px;width:178px;height:170px;margin:0 auto 12px;color:#ffe38e;font-size:30px!important;letter-spacing:-1px;filter:drop-shadow(0 6px 0 #a76636) drop-shadow(0 9px 5px #87512525);font-variant-numeric:tabular-nums}
.stats-grid strong::before,.stats-grid strong::after{content:'';position:absolute;inset:0;z-index:-1;clip-path:polygon(50% 0,65% 29%,98% 35%,76% 59%,80% 94%,50% 79%,20% 94%,24% 59%,2% 35%,35% 29%)}
.stats-grid strong::before{background:#b97542}
.stats-grid strong::after{inset:7px;background:linear-gradient(140deg,#efb77a,#d69458 60%,#c58448)}
.stats-grid strong span{font-size:21px;color:#ffe38e}
.stats-grid>div>span{font-weight:900;text-transform:uppercase;font-size:11px;color:#955b30}
.stats-grid strong.stat-enter{animation:stat-arrive 750ms cubic-bezier(.2,.7,.3,1) both;animation-delay:var(--star-delay,0ms)}
@keyframes stat-arrive{from{opacity:0;transform:translateY(18px) scale(.78) rotate(-9deg)}to{opacity:1;transform:none}}
.text-word{display:inline-block}
.text-prepared:not(.text-visible) .text-word{opacity:0;transform:translateY(9px)}
.text-visible .text-word{animation:word-arrive 420ms ease both;animation-delay:var(--word-delay,0ms)}
@keyframes word-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(max-width:760px){.stats-grid{gap:6px}.stats-grid strong{width:100px;height:104px;font-size:20px!important;letter-spacing:-.5px}.stats-grid strong span{font-size:15px}.stats-grid::before{top:50px}.stats-grid>div>span{font-size:9px}.stats-grid strong::after{inset:5px}}
@media(max-width:370px){.stats-grid strong{width:88px;height:94px;font-size:18px!important}.stats-grid::before{top:45px}}
@media(prefers-reduced-motion:reduce){.stats-grid strong.stat-enter,.text-visible .text-word{animation:none}.text-prepared:not(.text-visible) .text-word{opacity:1;transform:none}}