/* Résultats du tirage du Week-end Bonus (draw-ui.js) : bandeau d'annonce non bloquant + fenêtre « Résultats du tirage ».
   Palette propre (parchemin clair, encre sombre, or) pour garder un contraste AA quel que soit le thème. */
#draw-banner,#draw-results{--drw-ink:#271f14;--drw-soft:#5a4a32;--drw-paper:#f7f0dd;--drw-card:#fffaf0;--drw-line:#d9c9a3;--drw-gold:#e0ae2e;--drw-night:#1c1810;--drw-night2:#2c2416;--drw-link:#1d5a99;--drw-focus:#0b63ce}
.drw-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---- Bandeau ---- */
.drw-banner{position:fixed;z-index:80;top:calc(70px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;width:min(580px,calc(100vw - 32px));box-sizing:border-box;padding:10px 10px 10px 12px;border:1px solid #e0ae2e99;border-radius:14px;background:linear-gradient(135deg,var(--drw-night2),var(--drw-night) 60%);color:#fff8e6;font-family:var(--rv-hud-font,var(--font-ui,system-ui,sans-serif));box-shadow:0 14px 34px #000a,inset 0 1px #ffffff1f;animation:drw-in .45s cubic-bezier(.2,.9,.3,1.2) both}
.drw-banner::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,transparent 35%,#ffe7a326 50%,transparent 65%) -200% 0/250% 100% no-repeat;animation:drw-shine 3.2s 1s ease-in-out 2}
@keyframes drw-in{from{opacity:0;transform:translate(-50%,-14px)}}
@keyframes drw-shine{to{background-position:200% 0}}
.drw-banner .drw-medal{flex:none;width:38px;height:48px;filter:drop-shadow(0 3px 4px #0008)}
.drw-banner-txt{flex:1;min-width:0}
.drw-banner-txt p{margin:0;line-height:1.3}
.drw-banner-k{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#f4cf6b}
#draw-banner-t{font-size:15px;color:#fffdf5}
.drw-banner-s{font-size:12.5px;color:#e9dcc0}
.drw-banner-s b{color:#fff3cf}
.drw-tag{display:inline-block;padding:0 6px;border-radius:4px;background:#c0392b;color:#fff;letter-spacing:.06em}
.drw-banner-act{display:flex;align-items:center;gap:6px;flex:none}
.drw-banner-open{min-height:40px;padding:0 14px;border:1px solid #f4cf6b;border-radius:10px;background:linear-gradient(180deg,#f6d374,#d39b1d);color:#2a1d05;font:inherit;font-size:13.5px;font-weight:800;cursor:pointer;box-shadow:0 2px 0 #7a5608,inset 0 1px #fff8}
.drw-banner-open:hover{background:linear-gradient(180deg,#fbe08f,#e0aa2b)}
.drw-banner-x{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff38;border-radius:10px;background:#ffffff12;color:#fff8e6;font-size:15px;cursor:pointer}
.drw-banner-x:hover{background:#ffffff26}
.drw-banner :focus-visible{outline:3px solid #8cc4ff;outline-offset:2px}
body.in-battle .drw-banner,body.mobile-menu-open .drw-banner,body.chat-open .drw-banner{display:none}

/* ---- Fenêtre ---- */
#draw-results{padding:0;border:0;background:transparent;max-width:none;max-height:none;color:var(--drw-ink)}
#draw-results::backdrop{background:#0009;backdrop-filter:blur(2px)}
.drw-window{display:flex;flex-direction:column;width:min(720px,calc(100vw - 24px));max-height:min(860px,calc(100dvh - 32px));background:var(--drw-paper);color:var(--drw-ink);border:2px solid var(--drw-night);border-radius:14px;box-shadow:0 28px 70px #000b;overflow:hidden;font-family:var(--rv-hud-font,var(--font-ui,system-ui,sans-serif));animation:drw-pop .28s ease-out}
@keyframes drw-pop{from{opacity:0;transform:translateY(12px) scale(.98)}}
.drw-head{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 16px;background:radial-gradient(120% 160% at 0 0,#4a3a1c,var(--drw-night) 70%);color:#fff8e6;border-bottom:3px solid var(--drw-gold)}
.drw-head-ico{flex:none;width:34px;height:34px;color:var(--drw-gold);filter:drop-shadow(0 2px 3px #000a)}
.drw-title{flex:1;min-width:0}
.drw-title h2{margin:0;font-size:19px;letter-spacing:.05em;text-transform:uppercase;color:#ffe7a3}
.drw-title p{margin:2px 0 0;font-size:13px;color:#eadfc6}
.drw-x{flex:none;display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff40;border-radius:9px;background:#ffffff14;color:#fff8e6;font-size:16px;cursor:pointer}
.drw-x:hover{background:#a3302a;border-color:#6e1d18}
.drw-body{overflow:auto;padding:14px 16px 8px;scrollbar-width:thin;overscroll-behavior:contain}
.drw-example{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;padding:8px 12px;border:2px dashed #b3261e;border-radius:10px;background:#fde8e5;color:#7a1610;font-size:13.5px}
.drw-example b{padding:1px 8px;border-radius:5px;background:#b3261e;color:#fff;letter-spacing:.1em}
.drw-strip{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin:0 0 12px;padding:9px 12px;border-radius:10px;background:var(--drw-night);color:#f3e8cc;font-size:13.5px}
.drw-strip p{margin:0}.drw-strip b{color:#ffe7a3}.drw-strip time{color:#fff8e6;font-weight:700}
.drw-sec{margin:0 0 14px}
.drw-sec h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--drw-ink)}
.drw-sec h3::after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--drw-gold),transparent)}

/* Gagnants */
.drw-wins{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin:0;padding:0;list-style:none}
.drw-win{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--drw-line);border-radius:12px;background:var(--drw-card);box-shadow:0 2px 6px #3b2c1214,inset 0 1px #fff}
.drw-win.drw-c-combined-top{grid-column:1/-1;border-color:#d4a12a;background:linear-gradient(120deg,#fff6d6,var(--drw-card) 55%);box-shadow:0 4px 14px #b8861a2e,inset 0 1px #fff}
.drw-medal{flex:none;width:46px;height:58px;filter:drop-shadow(0 3px 3px #3b2c1240)}
.drw-c-combined-top .drw-medal{width:58px;height:72px}
.drw-win-body{min-width:0;flex:1}
.drw-win-body p{margin:0}
.drw-cat{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:12.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--drw-soft)}
.drw-how{padding:1px 7px;border-radius:999px;background:#efe4c8;color:#4d3f27;font-size:10.5px;font-weight:700;letter-spacing:.02em;text-transform:none}
.drw-name{margin:3px 0 4px!important;font-size:21px;font-weight:900;line-height:1.15;color:var(--drw-ink);overflow-wrap:anywhere}
.drw-c-combined-top .drw-name{font-size:25px}
.drw-pending{color:var(--drw-soft);font-style:italic;font-weight:700}
.drw-facts{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px;color:var(--drw-soft)}
.drw-facts b{color:var(--drw-ink)}
.drw-note{font-size:13px;color:var(--drw-soft);font-style:italic}
.drw-prize{margin-top:6px!important;font-size:12.5px;color:#4d3f27}
.drw-privacy{margin:8px 2px 0;font-size:12px;color:var(--drw-soft)}

/* Vérification */
.drw-verify{padding:12px;border:1px solid var(--drw-line);border-radius:12px;background:#fffcf4}
.drw-steps{counter-reset:drw;display:grid;gap:8px;margin:0 0 12px;padding:0;list-style:none}
.drw-steps li{counter-increment:drw;position:relative;padding:8px 10px 8px 46px;border-radius:10px;background:#f3ead3;font-size:13.5px;line-height:1.45}
.drw-steps li::before{content:counter(drw);position:absolute;left:10px;top:8px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--drw-night);color:#ffe7a3;font-weight:900;font-size:14px}
.drw-steps b{display:block;color:var(--drw-ink)}
.drw-proofs{display:grid;gap:8px;margin:0}
.drw-proof{display:grid;grid-template-columns:minmax(150px,210px) 1fr;gap:4px 12px;align-items:start;padding:8px 0;border-top:1px solid #e7dcc0}
.drw-proof dt{font-size:12.5px;font-weight:800;color:var(--drw-soft)}
.drw-proof dd{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;min-width:0}
.drw-proof small{color:var(--drw-soft)}
.drw-proof code{flex:1 1 260px;min-width:0;padding:6px 8px;border:1px solid var(--drw-line);border-radius:7px;background:#fff;color:#1b1610;font:12.5px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all;user-select:all}
.drw-copy{flex:none;min-height:34px;padding:0 10px;border:1px solid #8a7550;border-radius:8px;background:#fff7e3;color:var(--drw-ink);font:inherit;font-size:12.5px;font-weight:800;cursor:pointer}
.drw-copy:hover{background:#ffeec2}
.drw-copy.is-done{border-color:#2e7d32;background:#e3f4e1;color:#1b5e20}
#draw-results a{color:var(--drw-link);font-weight:700;text-underline-offset:2px}
.drw-links{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
#draw-results .drw-btn{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--drw-night);border-radius:10px;background:var(--drw-night);color:#ffe7a3;text-decoration:none}
#draw-results .drw-btn:hover{background:#3a2f1c}
.drw-foot{display:flex;justify-content:flex-end;padding:10px 16px;border-top:1px solid var(--drw-line);background:#efe5cc}
.drw-ok{min-height:40px;padding:0 20px;border:1px solid #7a5608;border-radius:10px;background:linear-gradient(180deg,#f6d374,#d39b1d);color:#2a1d05;font:inherit;font-weight:800;cursor:pointer}
#draw-results :focus-visible{outline:3px solid var(--drw-focus);outline-offset:2px}

/* Petit écran (390 px) : fenêtre plein écran, bandeau sous la barre du haut */
@media (max-width:700px){
 .drw-banner{top:calc(62px + env(safe-area-inset-top,0px));width:calc(100vw - 32px);flex-wrap:wrap;gap:8px 10px;padding:10px}
 .drw-banner .drw-medal{width:32px;height:40px}
 .drw-banner-txt{flex:1 1 calc(100% - 92px)}
 #draw-banner-t{font-size:14px}
 .drw-banner-act{order:0}
 .drw-banner-open{order:2;flex:1;min-height:42px}
 .drw-banner-act{width:100%}
 .drw-banner-x{order:3;width:42px;height:42px}
 .drw-window{width:100vw;max-height:100dvh;height:100dvh;border:0;border-radius:0}
 .drw-head{padding-top:calc(10px + env(safe-area-inset-top,0px))}
 .drw-title h2{font-size:17px}
 .drw-body{padding:12px}
 .drw-wins{grid-template-columns:1fr}
 .drw-proof{grid-template-columns:1fr}
 .drw-foot{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
 .drw-ok{flex:1}
}
@media (prefers-reduced-motion:reduce){
 .drw-banner,.drw-window{animation:none}
 .drw-banner::before{animation:none;display:none}
}
@media (forced-colors:active){
 .drw-banner,.drw-window,.drw-win,.drw-verify{border:1px solid CanvasText}
}