/* Approved photo announcement; selectors stay inside the new raffle cards. */
.g420-raffle-announcement{--raffle-line:#403149;--raffle-muted:#bdafca;--raffle-purple:#c9a5ef;--raffle-green:#b6ee92;width:100%;max-width:360px;min-width:0;margin:0 auto;color:#faf7ff;font:400 14px/1.5 Roboto,Arial,sans-serif}
.g420-raffle-announcement *{box-sizing:border-box}
.g420-raffle-announcement [hidden]{display:none!important}
.g420-raffle-announcement button,.g420-raffle-announcement input{font:inherit;touch-action:manipulation}
.g420-raffle-post{position:relative;overflow:visible;min-width:0;margin:20px 0 2px;padding:22px 10px 7px;border:1px solid #6c5d82;border-radius:16px;background:#25232e;box-shadow:none}
.g420-raffle-photo{position:relative;isolation:isolate;overflow:hidden;margin:0;border-radius:10px;background:#21172c}
.g420-raffle-photo>img{display:block;width:100%;height:160px;object-fit:cover;object-position:center 48%}
.g420-raffle-photo::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0a051430,transparent 32%,#120c2080)}
.g420-raffle-finished{position:absolute;z-index:2;top:0;right:0;width:112px;height:112px;overflow:hidden;pointer-events:none}
.g420-raffle-finished>strong{position:absolute;top:25px;right:-35px;width:155px;padding:5px 0;border-block:1px solid #e4cbf263;background:linear-gradient(100deg,#4e3a60,#78538e);color:#fff6ff;font:500 11px/17px Roboto,Arial,sans-serif;letter-spacing:1.2px;text-align:center;transform:rotate(45deg);box-shadow:0 3px 10px #0b071d50}
.g420-raffle-finished-fallback{position:absolute;top:5px;right:9px;max-width:calc(100% - 18px);padding:2px 8px;border:1px solid #b89cc860;border-radius:3px;background:#5b416e;color:#fff6ff;font:500 10px/15px Roboto,Arial,sans-serif;letter-spacing:1px;transform:rotate(10deg);pointer-events:none}
.g420-raffle-kind{position:absolute;z-index:1;top:9px;left:9px;display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #bca2d050;border-radius:99px;background:#1c132bed;color:#f0ddff;font:500 11px/18px Roboto,Arial,sans-serif}
.g420-raffle-announcement svg{flex:none;width:18px;height:18px}
.g420-raffle-kind svg{width:14px;height:14px}
.g420-raffle-body{padding:12px 2px 0}
.g420-raffle-eyebrow{display:flex;align-items:center;gap:6px;margin:0 0 5px;color:var(--raffle-green);font:500 12px/18px Roboto,Arial,sans-serif}
.g420-raffle-announcement h3.g420-raffle-title{margin:0;color:#faf7ff;font:500 20px/1.25 Roboto,Arial,sans-serif;letter-spacing:-.2px}
#shortcut-dialog[data-panel=chat] .g420-raffle-announcement h3.g420-raffle-title{font:500 20px/1.25 Roboto,Arial,sans-serif!important}
.g420-raffle-prize{margin:6px 0 0;color:var(--raffle-green);font:500 14px/20px Roboto,Arial,sans-serif;white-space:pre-line}
.g420-raffle-description{margin:8px 0 12px;color:#d5c9df;font:400 13px/20px Roboto,Arial,sans-serif;white-space:pre-line}
.g420-raffle-date{display:flex;align-items:center;gap:8px;padding:0;margin:12px 0 10px}
.g420-raffle-date>svg{color:var(--raffle-purple);width:19px;height:19px}
.g420-raffle-date small{display:block;color:var(--raffle-muted);font:400 11px/18px Roboto,Arial,sans-serif}
.g420-raffle-date time{display:block;margin-top:1px;color:#f4eafb;font:500 13px/20px Roboto,Arial,sans-serif}
.g420-raffle-countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0 0 12px}
.g420-raffle-countdown-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;padding:7px 3px;border:1px solid #73538a70;border-radius:9px;background:radial-gradient(ellipse at 50% 0,#bb83ec1c,transparent 75%),#1b1725}
.g420-raffle-countdown-cell strong{color:#e0bcfa;font:400 25px/1.1 G420AccountPixel,monospace;font-variant-numeric:tabular-nums;text-shadow:0 0 12px #b679ff30}
.g420-raffle-countdown-cell:last-child strong{color:#c6ff98;text-shadow:0 0 12px #b6f87928}
.g420-raffle-countdown-cell small{color:#bdafca;font:400 9px/12px Roboto,Arial,sans-serif}
.g420-raffle-announcement .g420-raffle-entry-toggle{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:10px 8px;border:1px solid #9d7abb;border-radius:10px;background:#79579530;color:#e8cffb;font:500 13px/20px Roboto,Arial,sans-serif}
.g420-raffle-announcement .g420-raffle-entry-toggle[aria-expanded=true]{margin-bottom:12px;background:#79579550}
.g420-raffle-wallet{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px}
.g420-raffle-wallet>span{color:var(--raffle-muted);font:400 13px/20px Roboto,Arial,sans-serif}
.g420-raffle-wallet strong{display:flex;align-items:center;gap:6px;color:var(--raffle-green);font:500 14px/20px Roboto,Arial,sans-serif;white-space:nowrap}
.g420-raffle-label{display:block;margin:0 0 7px;color:#f0e7f8;font:400 13px/20px Roboto,Arial,sans-serif}
.g420-raffle-stepper{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;gap:9px}
.g420-raffle-announcement .g420-raffle-step{display:grid;place-items:center;min-width:0;min-height:46px;padding:10px;border:1px solid #5e486d;border-radius:10px;background:#30203d;color:#eddcfb}
.g420-raffle-announcement .g420-raffle-stepper input{display:block;width:100%;min-width:0;max-width:100%;min-height:46px;padding:9px;border:1px solid #574162;border-radius:10px;background:#241a2f;color:#faf7ff;font:500 19px/26px Roboto,Arial,sans-serif;text-align:center;font-variant-numeric:tabular-nums}
.g420-raffle-stepper input::-webkit-inner-spin-button,.g420-raffle-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.g420-raffle-stepper input[type=number]{-moz-appearance:textfield}
.g420-raffle-announcement button:disabled{opacity:.4}
.g420-raffle-remaining{min-height:18px;margin:7px 0 14px;color:var(--raffle-muted);font:400 11px/18px Roboto,Arial,sans-serif}
.g420-raffle-announcement .g420-raffle-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin:0;padding:12px 10px;border:1px solid #ccabeb;border-radius:11px;background:linear-gradient(115deg,#d9b7f4,#bc94e2);color:#251531;font:500 14px/22px Roboto,Arial,sans-serif;box-shadow:inset 0 1px #f7eaff60}
.g420-raffle-confirm{margin:12px 0 0;padding:14px;border:1px solid #645174;border-radius:11px;background:#292033}
.g420-raffle-confirm p{margin:0 0 12px;color:#f4e9fb;font:400 13px/21px Roboto,Arial,sans-serif}
.g420-raffle-confirm>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.g420-raffle-announcement .g420-raffle-confirm button{min-height:44px;min-width:0;padding:10px;border:1px solid #695176;border-radius:8px;background:#372a43;color:#f7edfd;font:500 13px/20px Roboto,Arial,sans-serif}
.g420-raffle-announcement .g420-raffle-confirm .g420-raffle-confirm-button{background:var(--raffle-purple);border-color:var(--raffle-purple);color:#251531}
.g420-raffle-feedback{margin:13px 0 0;padding:11px 12px;border-radius:10px;background:#253025;color:#c9efb0;font:400 13px/21px Roboto,Arial,sans-serif}
.g420-raffle-error{margin:7px 0;color:#ffd4b9;font:400 12px/19px Roboto,Arial,sans-serif}
.g420-raffle-phase{margin:0 0 14px;color:var(--raffle-muted);font:500 13px/20px Roboto,Arial,sans-serif}
.g420-raffle-rules{margin:10px 0 0;border-top:1px solid var(--raffle-line)}
.g420-raffle-rules>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:12px 0;list-style:none;color:var(--raffle-muted);font:400 12px/19px Roboto,Arial,sans-serif}
.g420-raffle-rules>summary::-webkit-details-marker{display:none}
.g420-raffle-rules[open]>summary svg{transform:rotate(180deg)}
.g420-raffle-rules p{margin:0 0 12px;color:#d5c9df;font:400 12px/20px Roboto,Arial,sans-serif;white-space:pre-line}
.g420-raffle-reactions{display:flex;flex-wrap:wrap;gap:5px;margin:4px 2px 1px}
.g420-raffle-staff{position:relative}
.g420-raffle-staff.community-message-selected .g420-raffle-post{outline:2px solid #bf92e4;outline-offset:2px;box-shadow:0 0 0 6px #b88de716}
.g420-raffle-staff .community-message-select{display:none}
.g420-raffle-staff.g420-raffle-selecting .community-message-select{position:absolute;left:-39px;top:calc(50% - 22px);display:grid;place-items:center;width:44px;min-width:44px;min-height:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:transparent;font-size:0;box-shadow:none;cursor:pointer;touch-action:manipulation}
.g420-raffle-staff.g420-raffle-selecting .community-message-select::before{content:'';display:block;width:22px;height:22px;border:1.5px solid #8d729e;border-radius:50%;background:#201929;box-shadow:0 1px 3px #0002}
.g420-raffle-staff.g420-raffle-selecting.community-message-selected .community-message-select::before{border-color:#b88de7;background:#a473d6}
.g420-raffle-staff.g420-raffle-selecting.community-message-selected .community-message-select::after{content:'';position:absolute;width:10px;height:6px;top:18px;left:17px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
@media(max-width:350px){.g420-raffle-photo>img{height:145px}.g420-raffle-wallet{gap:8px}}
/* Extra prize information uses the existing announcement spacing. */
.g420-raffle-announcement .g420-raffle-prize-value,.g420-raffle-announcement .g420-raffle-personal-numbers{margin:6px 0;color:#c8bcd7;font:400 12px/1.5 Roboto,Arial,sans-serif;overflow-wrap:anywhere}
.g420-raffle-announcement .g420-raffle-personal-numbers{color:#c4edaa}
