.community-layout{display:grid;grid-template-columns:260px minmax(0,784px) 280px;gap:20px;align-items:center;width:min(1404px,calc(100vw - 40px));margin:70px auto 55px;font-family:"gg sans",sans-serif;color:#f2f3f5}
.community-layout *{box-sizing:border-box}
.community-layout .giveaway-with-footer{width:100%;max-width:none;margin:0}
.community-layout .giveaway-card{width:100%;max-width:none;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px;padding:28px}
.community-layout .welcome-subtitle{line-height:1.45;margin-bottom:23px}
.community-panel{position:relative;overflow:hidden;background:#2b2d31f5;border:1px solid #ffffff19;border-radius:12px;padding:18px;box-shadow:0 14px 45px #0003}
.community-panel header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.community-panel h2{font-size:19px;font-weight:700;margin:0}
.demo-badge{font-size:12px;letter-spacing:.7px;font-weight:700;color:#b8c2ff;background:#5865f226;padding:4px 7px;border-radius:5px}
.community-caption{font-size:12px;line-height:1.5;color:#c0c2ca;margin:7px 0 16px}
.winner-list{display:grid;gap:9px}
.winner-row{display:flex;align-items:center;gap:9px;background:#ffffff05;border:1px solid #ffffff09;border-left:3px solid var(--prize-color);border-radius:7px;padding:10px 8px}
.winner-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}
.winner-avatar img{width:23px;height:23px;filter:brightness(0) invert(1)}
.winner-row>div:nth-child(2){min-width:0;flex:1}
.winner-row strong{display:block;font-size:14px;overflow-wrap:anywhere}
.winner-row p{font-size:12px;line-height:1.4;color:var(--prize-color);margin:3px 0 0;overflow-wrap:anywhere}
.prize-badge{font-size:14px;font-weight:700;color:var(--prize-color)}
.chat-list{height:337px;overflow:hidden;background:#1e1f2280;border-radius:8px;padding:10px}
.chat-list p{font-size:14px;line-height:1.5;overflow-wrap:anywhere;margin:0 0 10px}
.chat-list strong{font-weight:600}
.chat-locked{margin-top:12px;border:1px solid #ffffff16;background:#ffffff04;padding:10px;border-radius:7px;color:#c0c2ca;font-size:12px;line-height:1.5}
.activity-toggle{border:0;background:transparent;color:#b8c2ff;font:600 14px "gg sans",sans-serif;padding:10px 0 0;cursor:pointer}
.activity-toggle:focus-visible{outline:2px solid #b8c2ff;outline-offset:3px}
.event-countdown{display:flex;align-items:center;gap:10px;width:fit-content;margin:14px 0 0;background:linear-gradient(135deg,#a83d4d,#732937);border:1px solid #ff9caa66;box-shadow:0 4px 14px #0003;border-radius:8px;padding:10px 14px;text-align:left}
.event-countdown>span{font-size:24px}
.event-countdown strong{display:block;font-size:12px;letter-spacing:.8px}
.event-countdown time{display:block;font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}
.event-countdown small{display:block;font-size:12px;color:#ffe0e4;margin-top:2px}
.feed-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.feed-confetti i{position:absolute;top:-15px;width:7px;height:11px;animation:feed-fall 1.8s ease-in forwards}
@keyframes feed-fall{to{transform:translate(var(--drift),520px) rotate(600deg);opacity:0}}
body .wrapper_b97385{height:auto!important;min-height:100vh}
body .characterBackground_eb4069{overflow:auto!important}
.demo-claim-note{font-size:max(12px,var(--demo-label-font-size,12px))}
@media(max-width:1200px){.community-layout{grid-template-columns:240px minmax(0,1fr);max-width:1000px}.community-layout .giveaway-with-footer{grid-column:2;grid-row:1 / span 2}.community-panel{grid-column:1}.community-layout .giveaway-card{grid-template-columns:1fr;gap:20px}.community-layout .payout-panel{border-top:1px solid #ffffff18;padding-top:18px}.chat-list{height:230px}}
@media(max-width:720px){.community-layout{display:flex;flex-direction:column;width:calc(100vw - 32px);max-width:460px;margin-top:85px;gap:18px}.community-layout .giveaway-with-footer{order:-1}.community-layout .giveaway-card{margin:0;padding:26px 20px}.community-panel{width:100%}.event-countdown{margin:14px auto 0}.chat-list{height:280px}}
@media(prefers-reduced-motion:reduce){.feed-confetti{display:none}}

/* Countdown belongs to the reward card. */
.community-layout .giveaway-card>.event-countdown{grid-column:1 / -1;margin:0;max-width:100%;justify-self:start}
.community-icon{display:inline-block;width:21px;height:21px;flex:0 0 auto;vertical-align:middle}
.community-panel h2{display:flex;align-items:center;gap:8px}
.chat-locked{display:flex;align-items:center;gap:8px}
.chat-locked .community-icon{width:16px;height:16px}
.event-countdown>.community-icon{width:26px;height:26px}
@media(max-width:720px){.community-layout .giveaway-card>.event-countdown{justify-self:center}}

/* Tilted timer badge overlaps the card edge without covering controls. */
.community-layout .giveaway-card{position:relative;padding-bottom:18px;overflow:visible}
.community-layout .giveaway-card>.event-countdown{position:absolute;left:-8px;bottom:-66px;z-index:3;transform:translateY(-50%) rotate(0deg) scale(.81);transform-origin:top left;max-width:calc(100% - 20px);box-shadow:0 7px 18px #0005}
.community-layout .giveaway-with-footer{margin-bottom:66px}
.winner-avatar{font-size:12px;font-weight:700;color:#fff;letter-spacing:.3px}
.chat-list p{display:flex;align-items:flex-start;gap:7px}
.chat-list .winner-avatar{width:24px;height:24px;font-size:10px}
.chat-list p>span:last-child{min-width:0}
@media(max-width:720px){.community-layout .giveaway-card{padding-bottom:18px}.community-layout .giveaway-card>.event-countdown{left:0;bottom:-62px;transform:translateY(-50%) rotate(0deg) scale(.81)}}

/* Native-resolution avatar regions from the supplied test screenshots. */
.winner-avatar.participant-avatar{display:block;width:24px;height:24px;border-radius:50%;background-repeat:no-repeat;background-size:auto;overflow:hidden;flex:0 0 24px}

.winner-avatar.imported-avatar{overflow:hidden;background:#5865f2}.winner-avatar.imported-avatar img{display:block;width:100%;height:100%;object-fit:cover;filter:none}

/* Keep names on one line; available width controls the ellipsis. */
.winner-row strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
.prize-badge{flex-shrink:0}
.chat-list p>span:last-child{flex:1}
.chat-list strong{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;vertical-align:bottom}

/* Spread the side panels toward the screen edges on wide desktops. */
@media(min-width:1440px){
  .community-layout{width:calc(100vw - 64px);grid-template-columns:260px 784px 280px;justify-content:space-between}
}

/* Center the reward card itself, excluding the floating timer's spacing. */
@media(min-width:1201px){
  .community-layout .giveaway-with-footer{margin-bottom:0}
}
@media(min-width:1440px){
  .community-layout{grid-template-columns:minmax(0,1fr) 784px minmax(0,1fr)}
  .community-layout>.community-panel:first-child{width:260px;justify-self:start}
  .community-layout>.community-panel:last-child{width:280px;justify-self:end}
}

/* Center the timer beneath the wheel controls and overlap the card edge. */
.community-layout .giveaway-card .event-countdown{position:absolute;top:100%;left:50%;bottom:auto;margin:0;max-width:100%;transform:translate(-50%,-10%) scale(.81);transform-origin:top center;box-shadow:0 7px 18px #0005}

.community-layout .countdown-anchor{position:relative}

/* Keep all countdown units on one line in the floating badge. */
.community-layout .giveaway-card .event-countdown{width:max-content}
.community-layout .event-countdown time{white-space:nowrap}