/* A shared frame with layouts suited to the information in each announcement. */
.feed-post.system-post{--system-accent:#a62633;background:#151619;border-color:#323237;box-shadow:0 5px 18px #0002;position:relative}
.system-post:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--system-accent),#69222b 42%,transparent 90%);pointer-events:none}
.system-post .system-post-header{padding:13px 19px;gap:10px;background:#1a1b1e;border-bottom:1px solid #2e2f33}
.system-post-mark{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;border:1px solid #63303a;border-radius:10px;background:#302024;color:#d6bcc0}
.system-post-mark svg{width:18px;height:18px;stroke-width:1.6}
.system-post-header .post-author>strong{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:650;line-height:1.3}
.system-post-header .post-author>span{font-size:9px;margin-top:5px}
.system-brand-check{display:inline-grid;place-items:center;width:13px;height:13px;background:#a62633;border-radius:50%;color:#fff}
.system-brand-check svg{width:9px;height:9px;stroke-width:2.5}
.system-post-category{margin-left:auto;font-size:8px;font-weight:600;letter-spacing:.4px;line-height:1.4;color:#a5a6ab;padding:5px 8px;border:1px solid #393a3f;border-radius:4px;max-width:145px;text-align:center}
.system-post-header>.share-post{margin-left:0;min-width:30px;min-height:30px;padding:6px}
.system-post-header .share-post svg{width:15px;height:15px}
.system-post-body{padding:19px 21px 0}
.system-post .system-post-kicker{display:block;margin:0 0 8px;color:#ad6c74;font-size:8px;font-weight:700;letter-spacing:1.25px;text-transform:uppercase}
.system-post .system-post-copy{padding:0}
.system-post .system-post-copy h3{font-size:19px;line-height:1.35;letter-spacing:-.4px;margin:0 0 9px;overflow-wrap:anywhere}
.system-post .system-post-copy .post-text{color:#a4a6ae;font-size:12px;line-height:1.8;display:block;overflow:visible;-webkit-line-clamp:unset}
.system-post .system-post-copy.is-collapsible:not(.expanded) .post-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.system-post .system-post-copy.expanded .post-text{display:block;overflow:visible;-webkit-line-clamp:unset}
.system-post .read-more{padding:5px 0 0;color:#c5c6ca;font-size:10px}
.system-post .post-footer{margin:17px 19px 0;padding:9px 0 10px;border-top-color:#2f3034}
.system-post .system-post-link{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0 0;margin-top:15px;border-top:1px solid #2c2d31;color:#d5d6da;font-size:11px;font-weight:600;transition:color .2s}
.system-post-link>svg{width:15px;height:15px;color:#ac3a46;transition:transform .2s}
.system-post-link:hover{color:#fff}
.system-post-link:hover>svg{transform:translate(2px,-2px)}
.system-news-image{position:relative;overflow:hidden;background:#0f1012;max-height:260px;border-bottom:1px solid #33343a}
.system-news-image:after{content:"";position:absolute;inset:auto 0 0;height:48px;background:linear-gradient(transparent,#151619);pointer-events:none}
.system-news-image img{width:100%;aspect-ratio:16/7;object-fit:cover;transition:transform .6s,filter .6s}
.system-post--news:hover .system-news-image img{transform:scale(1.025);filter:brightness(1.06)}
.system-post--news .system-post-body{padding-top:15px}
.system-post--news .system-post-copy h3{font-size:22px;line-height:1.28}
.system-results{list-style:none;margin:17px 0 0;padding:0;border:1px solid #323238;border-radius:9px;overflow:hidden;background:#1a1b1f}
.system-results li{display:flex;align-items:center;gap:11px;padding:13px 14px;min-width:0;border-top:1px solid #2c2d32}
.system-results li:first-child{border-top:0;background:linear-gradient(110deg,#342125,#201d20 65%,#1a1b1f)}
.system-result-rank{width:20px;flex-shrink:0;font:650 14px/1 Oxanium,Inter,sans-serif;color:#93959c}
.system-result-rank svg{width:16px;height:16px}
.system-results li:first-child .system-result-rank{color:#d8a4ab}
.system-results .avatar{width:34px;height:34px;font-size:10px;border-color:#4a454a}
.system-result-person{min-width:0;flex:1;line-height:1.35}
.system-result-person .author-link{display:block}
.system-result-person strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;color:#e3e3e5}
.system-result-person>span{display:block;font-size:9px;color:#9f999f;line-height:1.5;margin-top:4px;overflow-wrap:anywhere}
.system-result-score{font:650 16px/1.25 Oxanium,Inter,sans-serif;text-align:right;flex-shrink:0;color:#e3e0e2;font-variant-numeric:tabular-nums}
.system-result-score small{display:block;font:500 8px/1.5 Inter,sans-serif;color:#83858e;margin-top:3px}
.system-jackpot-result{display:flex;align-items:center;gap:18px;padding:17px 19px;margin-top:17px;border:1px solid #61333a;border-radius:10px;background:radial-gradient(ellipse at 100% 50%,#76232f3b,transparent 75%),#1c1b1f;position:relative;overflow:hidden}
.system-winner-person{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.system-winner-person .avatar{width:45px;height:45px;border:2px solid #773740;font-size:13px}
.system-winner-person>div{min-width:0;line-height:1.4}
.system-winner-person>div>span{display:block;font-size:8px;letter-spacing:.7px;text-transform:uppercase;color:#a6959a;margin-bottom:5px}
.system-winner-person strong{display:block;font-size:14px;font-weight:650;overflow-wrap:anywhere}
.system-jackpot-amount{display:flex;flex-direction:column;text-align:right;flex-shrink:0;line-height:1.1}
.system-jackpot-amount strong{font:700 29px/1.1 Oxanium,Inter,sans-serif;letter-spacing:-1px;color:#e9dfe1;font-variant-numeric:tabular-nums}
.system-jackpot-amount>span{font-size:9px;font-weight:600;letter-spacing:2px;color:#b99da3;margin-top:6px}
.system-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}
.system-member{display:flex;align-items:center;gap:9px;min-width:0;background:#1c1d21;border:1px solid #323339;border-radius:8px;padding:9px 11px;transition:border-color .2s,background .2s}
.system-member:hover{border-color:#69404a;background:#212125}
.system-member>.author-link:first-child{flex-shrink:0}
.system-member>.author-link:last-child{min-width:0;display:block}
.system-member .avatar{width:31px;height:31px;font-size:9px}
.system-member strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;color:#d2d3d8}
.system-post--creator .system-members{grid-template-columns:1fr}
.system-recap-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#34353a;border:1px solid #34353a;border-radius:9px;overflow:hidden;margin:17px 0 0}
.system-recap-metrics>div{background:#1c1d21;padding:15px 16px;min-width:0}
.system-recap-metrics dt{font-size:9px;color:#94969f;line-height:1.4}
.system-recap-metrics dd{margin:7px 0 0;font:650 23px/1.15 Oxanium,Inter,sans-serif;color:#e0e1e4;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.system-prize{display:flex;align-items:center;gap:12px;padding:14px;margin-top:16px;border:1px solid #4c353a;border-radius:9px;background:linear-gradient(110deg,#2c2025,#1c1d20)}
.system-prize>span{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;background:#3d242b;border:1px solid #65404a;border-radius:9px;color:#cba2aa}
.system-prize>span svg{width:20px;height:20px}
.system-prize>div{min-width:0;flex:1}
.system-prize small{display:block;font-size:8px;color:#a88d94;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}
.system-prize strong{display:block;font-size:14px;line-height:1.5;font-weight:650;overflow-wrap:anywhere}
.system-prize>img{width:61px;height:61px;object-fit:contain;flex-shrink:0}
.system-giveaway-winners{margin-top:15px}
.system-giveaway-winners>span{display:block;font-size:9px;font-weight:600;color:#92939b;margin-bottom:8px}
.system-giveaway-winners>div{display:flex;flex-wrap:wrap;gap:8px 15px}
.system-giveaway-winners .author-link{display:inline-flex;align-items:center;gap:7px;min-width:0}
.system-giveaway-winners .avatar{width:25px;height:25px;font-size:8px}
.system-giveaway-winners strong{font-size:10px;font-weight:550;overflow-wrap:anywhere}
.system-post .feed-media{margin-top:16px;border:1px solid #323339;border-radius:8px}
.system-post .feed-media .post-photo img{max-height:350px}
@media(max-width:680px){
 .system-post .system-post-header{padding:12px 14px;gap:9px}
 .system-post-mark{width:32px;height:32px;border-radius:8px}
 .system-post-mark svg{width:16px;height:16px}
 .system-post-category{display:none}
 .system-post .system-post-header>.share-post{margin-left:auto}
 .system-post-body{padding:16px 16px 0}
 .system-post .system-post-copy h3{font-size:17px;line-height:1.4}
 .system-post--news .system-post-copy h3{font-size:19px}
 .system-post .system-post-copy .post-text{font-size:11px;line-height:1.85}
 .system-post .post-footer{margin-left:13px;margin-right:13px;margin-top:14px}
 .system-post .system-post-link{font-size:10px;margin-top:13px;padding-top:11px}
 .system-post-kicker{font-size:7px}
 .system-news-image img{aspect-ratio:16/8}
 .system-results li{gap:8px;padding:12px 10px}
 .system-result-rank{width:17px;font-size:12px}
 .system-results .avatar{width:29px;height:29px;font-size:9px}
 .system-result-person strong{font-size:10px}
 .system-result-person>span{font-size:8px}
 .system-result-score{font-size:13px}
 .system-result-score small{font-size:7px}
 .system-jackpot-result{padding:14px 12px;gap:10px}
 .system-winner-person{gap:9px}
 .system-winner-person .avatar{width:37px;height:37px;font-size:11px}
 .system-winner-person strong{font-size:11px}
 .system-winner-person>div>span{font-size:7px;letter-spacing:.3px}
 .system-jackpot-amount strong{font-size:23px;letter-spacing:-.7px}
 .system-jackpot-amount>span{font-size:8px}
 .system-members{gap:7px}
 .system-member{padding:8px;gap:7px}
 .system-member .avatar{width:26px;height:26px;font-size:8px}
 .system-member strong{font-size:9px}
 .system-prize{padding:12px;gap:10px}
 .system-prize>span{width:33px;height:33px}
 .system-prize strong{font-size:12px}
 .system-prize>img{width:45px;height:45px}
 .system-recap-metrics>div{padding:13px}
 .system-recap-metrics dt{font-size:8px}
 .system-recap-metrics dd{font-size:21px}
}
@media(prefers-reduced-motion:reduce){.system-post,.system-post *,.system-post *:before,.system-post *:after{transition:none!important;animation:none!important}.system-post--news:hover .system-news-image img{transform:none}}