/* Premiers pas (17/10/2026) : suivi des objectifs de démarrage, fenêtre, bienvenue, conseils et récompenses.
   Même langage que la visite du Week-end Bonus (#weekend-tour) : nuit chaude, filet or, titres Bitter. */
:root{--onb-g1:#ffd96a;--onb-g2:#e0a826;--onb-ink:#f4ead2;--onb-mut:#a99b7c;--onb-line:#ffffff14;--onb-bg:radial-gradient(120% 90% at 50% -10%,#3a2a14 0%,#1b140b 55%,#100c07 100%);--onb-frame:0 0 0 1px #000,0 0 0 2px #b8860b,0 0 40px #ffcf5a22,0 18px 50px #000c}:root:where([data-theme="nuit"]){--onb-bg:radial-gradient(120% 90% at 50% -10%,#1a2434 0%,#0d1119 55%,#080b0f 100%)}

/* ---- pastille de suivi ---- */
#rv-onb-chip{position:fixed;z-index:58;left:12px;top:236px;display:flex;align-items:center;gap:9px;max-width:min(300px,calc(100vw - 24px));padding:6px 12px 6px 6px!important;min-height:0!important;border:0!important;border-radius:999px!important;background:#120d07e6!important;box-shadow:0 0 0 1px #000,0 0 0 1.5px #b8860bcc,0 6px 18px #0008!important;color:var(--onb-ink)!important;font:13px/1.2 var(--font-ui,"Nunito Sans",sans-serif)!important;text-align:left;cursor:pointer;backdrop-filter:blur(6px);transition:transform .2s ease,box-shadow .2s ease}:where(html[data-theme="nuit"]) #rv-onb-chip{background:#090b10e6!important}
#rv-onb-chip:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #000,0 0 0 2px var(--onb-g1),0 8px 22px #000a,0 0 18px #ffcf5a33!important}
#rv-onb-chip[hidden]{display:none}
#rv-onb-chip .onb-ring{flex:none;position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:conic-gradient(var(--onb-g1) var(--p,0%),#ffffff1c 0)}
#rv-onb-chip .onb-ring::before{content:"";position:absolute;inset:3px;border-radius:50%;background:#1b140b}:where(html[data-theme="nuit"]) #rv-onb-chip .onb-ring::before{background:#0d1119}
#rv-onb-chip .onb-ring b{position:relative;font:800 12.5px/1 var(--font-ui,sans-serif);color:var(--onb-g1);font-variant-numeric:tabular-nums}
#rv-onb-chip .onb-chip-txt{display:flex;flex-direction:column;min-width:0}
#rv-onb-chip .onb-chip-txt small{font:800 10.5px/1.2 var(--font-ui,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--onb-g2)}
#rv-onb-chip .onb-chip-txt b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
#rv-onb-chip.is-ready .onb-ring{animation:onb-pulse 1.6s ease-in-out infinite}
#rv-onb-chip.is-compact{padding:4px!important}#rv-onb-chip.is-compact .onb-chip-txt{display:none}
@keyframes onb-pulse{50%{box-shadow:0 0 0 4px #ffd96a33,0 0 16px #ffd96a88}}
body.in-battle #rv-onb-chip,body.in-battle #rv-onb{display:none!important}

/* ---- fenêtre ---- */
#rv-onb{position:fixed;z-index:66;inset:auto;left:12px;top:236px;margin:0;padding:0;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 340px);min-height:min(320px,calc(100dvh - 250px));display:flex;flex-direction:column;border:0;border-radius:18px;overflow:hidden;color:var(--onb-ink);background:var(--onb-bg);box-shadow:var(--onb-frame);font:13px/1.4 var(--font-ui,"Nunito Sans",sans-serif)}
#rv-onb:not([open]){display:none}
#rv-onb .onb-head{display:flex;align-items:center;gap:11px;padding:14px 12px 10px 14px}
#rv-onb .onb-emblem{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3c0,#e0a826 55%,#8a5a10);box-shadow:0 0 0 1px #000,0 0 14px #ffcf5a55;font-size:19px}
#rv-onb .onb-title{flex:1;min-width:0}
#rv-onb h2{margin:0;font:800 19px/1.1 var(--font-title,"Bitter",Georgia,serif);background:linear-gradient(180deg,#fff2b8,#ffc73a);-webkit-background-clip:text;background-clip:text;color:transparent}
#rv-onb .onb-title small{display:block;margin-top:2px;color:var(--onb-mut);font-size:12px}
#rv-onb .onb-x,#rv-onb-welcome .onb-x,#rv-onb-tip .onb-x{flex:none;width:32px;height:32px;padding:0!important;min-height:0!important;border-radius:50%!important;border:1px solid #ffffff2a!important;background:#ffffff10!important;color:var(--onb-ink)!important;font:700 14px/1 sans-serif!important;cursor:pointer;box-shadow:none!important}
#rv-onb .onb-bar{display:flex;align-items:center;gap:10px;padding:0 14px 10px}
#rv-onb .onb-bar span{flex:1;height:6px;border-radius:999px;background:#ffffff12;overflow:hidden}
#rv-onb .onb-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--onb-g2),var(--onb-g1));box-shadow:0 0 10px #ffcf5a66;transition:width .5s ease}
#rv-onb .onb-bar b{font:800 12.5px/1 var(--font-ui,sans-serif);color:var(--onb-g1);font-variant-numeric:tabular-nums}
#rv-onb .onb-note{margin:0 14px 10px;padding:8px 10px;border-radius:10px;background:#ffffff08;border:1px solid var(--onb-line);color:var(--onb-mut);font-size:12px}
#rv-onb .onb-note a{color:var(--onb-g1);font-weight:700}
#rv-onb .onb-list{list-style:none;margin:0;padding:0 10px 8px;display:flex;flex-direction:column;gap:5px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent}
#rv-onb .onb-list li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 10px;border-radius:12px;background:#ffffff06;border:1px solid transparent}
#rv-onb .onb-list li.is-next{background:linear-gradient(180deg,#ffd96a14,#ffd96a08);border-color:#ffd96a44}
#rv-onb .onb-list li.is-done{opacity:.62}
#rv-onb .onb-ico{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffffff0d;font-size:15px}
#rv-onb li.is-done .onb-ico{background:#43aa8b33;color:#7fe0b8;font:800 14px/1 sans-serif}
#rv-onb .onb-txt{display:flex;flex-direction:column;min-width:0}
#rv-onb .onb-txt b{color:#fff;font-size:13px;font-weight:700}
#rv-onb li.is-done .onb-txt b{text-decoration:line-through;text-decoration-color:#ffffff40;color:#d9cfb6}
#rv-onb .onb-txt small{color:var(--onb-mut);font-size:11.5px;line-height:1.35}
#rv-onb .onb-gain{display:flex;align-items:center;gap:4px;justify-content:flex-end}
#rv-onb .onb-k{display:inline-flex;align-items:center;gap:3px;color:var(--onb-g1);font:800 12px/1 var(--font-ui,sans-serif);font-variant-numeric:tabular-nums;white-space:nowrap}
#rv-onb .onb-k img{width:14px;height:14px}
#rv-onb .onb-it{width:24px;height:24px;padding:2px;border-radius:7px;background:#ffffff10;border:1px solid #ffd96a33;object-fit:contain}
#rv-onb .onb-lock{font-size:11px;color:var(--onb-mut);white-space:nowrap}
#rv-onb .onb-go{grid-column:2/4;justify-self:start;margin-top:2px;padding:9px 14px!important;min-height:0!important;border:0!important;border-radius:9px!important;background:linear-gradient(180deg,#ffe08a,#e0a826)!important;color:#2a1a00!important;font:800 12px/1 var(--font-ui,sans-serif)!important;cursor:pointer;box-shadow:0 2px 0 #7a5208,0 0 12px #ffcf5a33!important}
#rv-onb .onb-go:hover{filter:brightness(1.06)}
#rv-onb .onb-wk{display:flex;align-items:center;gap:10px;margin:2px 10px 8px;padding:9px 10px;border-radius:12px;background:linear-gradient(90deg,#ffd94a1f,#f0a3000d);border:1px solid #ffd96a44}
#rv-onb .onb-wk span{flex:1;font-size:12px;color:#f3e3b5}#rv-onb .onb-wk b{color:var(--onb-g1)}
#rv-onb .onb-wk button,#rv-onb .onb-foot button{flex:none;padding:6px 10px!important;min-height:0!important;border-radius:9px!important;border:1px solid #ffd96a55!important;background:#ffffff0d!important;color:var(--onb-g1)!important;font:800 12px/1 var(--font-ui,sans-serif)!important;cursor:pointer;box-shadow:none!important}
#rv-onb .onb-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px 12px;border-top:1px solid var(--onb-line);color:var(--onb-mut);font-size:11.5px}
#rv-onb .onb-next{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 10px 10px}
#rv-onb .onb-next button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 10px!important;min-height:0!important;border-radius:12px!important;border:1px solid var(--onb-line)!important;background:#ffffff08!important;color:var(--onb-ink)!important;text-align:left;font:inherit!important;cursor:pointer;box-shadow:none!important}
#rv-onb .onb-next button:hover{border-color:#ffd96a55!important;background:#ffd96a10!important}
#rv-onb .onb-next b{font-size:13px;color:#fff}#rv-onb .onb-next small{font-size:11.5px;color:var(--onb-mut)}
#rv-onb .onb-bravo{margin:0 14px 10px;font:700 14px/1.35 var(--font-title,"Bitter",Georgia,serif);color:var(--onb-g1)}

/* ---- bienvenue ---- */
#rv-onb-welcome{position:fixed;z-index:70;inset:0;margin:auto;height:max-content;padding:0;width:min(400px,calc(100vw - 28px));border:0;border-radius:20px;overflow:hidden;color:var(--onb-ink);background:var(--onb-bg);box-shadow:var(--onb-frame),0 0 0 100vmax #0006;font:13.5px/1.45 var(--font-ui,"Nunito Sans",sans-serif);text-align:center;animation:onb-rise .45s cubic-bezier(.2,.8,.2,1) both}
#rv-onb-welcome:not([open]){display:none}
#rv-onb-welcome .onb-x{position:absolute;top:12px;right:12px}
#rv-onb-welcome .onb-w-body{padding:26px 22px 20px}
#rv-onb-welcome .onb-kicker{margin:0;font:800 11px/1 var(--font-ui,sans-serif);letter-spacing:.14em;text-transform:uppercase;color:var(--onb-g2)}
#rv-onb-welcome h2{margin:8px 0 8px;font:800 25px/1.12 var(--font-title,"Bitter",Georgia,serif);background:linear-gradient(180deg,#fff2b8,#ffc73a);-webkit-background-clip:text;background-clip:text;color:transparent}
#rv-onb-welcome p{margin:0 auto 14px;max-width:32ch;color:#d9cdb0}
#rv-onb-welcome .onb-set{display:flex;justify-content:center;gap:6px;margin:0 0 14px}
#rv-onb-welcome .onb-set img{width:38px;height:38px;padding:4px;border-radius:11px;background:#ffffff0d;border:1px solid #ffd96a44;object-fit:contain;animation:onb-rise .5s ease both}
#rv-onb-welcome .onb-set img:nth-child(2){animation-delay:.05s}#rv-onb-welcome .onb-set img:nth-child(3){animation-delay:.1s}#rv-onb-welcome .onb-set img:nth-child(4){animation-delay:.15s}#rv-onb-welcome .onb-set img:nth-child(5){animation-delay:.2s}#rv-onb-welcome .onb-set img:nth-child(6){animation-delay:.25s}
#rv-onb-welcome .onb-w-wk{margin:0 0 16px;padding:8px 10px;border-radius:11px;background:#ffd94a14;border:1px solid #ffd96a3a;font-size:12.5px;color:#f3e3b5}
#rv-onb-welcome .onb-w-wk b{color:var(--onb-g1)}
#rv-onb-welcome .onb-cta{display:flex;flex-direction:column;gap:6px}
#rv-onb-welcome .onb-primary{padding:12px 16px!important;min-height:0!important;border:0!important;border-radius:12px!important;background:linear-gradient(180deg,#ffe08a,#e0a826)!important;color:#2a1a00!important;font:800 14.5px/1 var(--font-ui,sans-serif)!important;cursor:pointer;box-shadow:0 3px 0 #7a5208,0 0 22px #ffcf5a44!important}
#rv-onb-welcome .onb-later{padding:8px!important;min-height:0!important;border:0!important;background:transparent!important;color:var(--onb-mut)!important;font:700 12.5px/1 var(--font-ui,sans-serif)!important;cursor:pointer;box-shadow:none!important}

/* ---- conseil contextuel ---- */
#rv-onb-tip{position:fixed;z-index:72;left:50%;bottom:132px;transform:translateX(-50%);display:flex;align-items:flex-start;gap:11px;width:min(420px,calc(100vw - 24px));padding:12px 10px 12px 12px;border-radius:16px;color:var(--onb-ink);background:var(--onb-bg);box-shadow:var(--onb-frame);font:13px/1.4 var(--font-ui,"Nunito Sans",sans-serif);animation:onb-tip .4s cubic-bezier(.2,.8,.2,1) both}
#rv-onb-tip[hidden]{display:none}
#rv-onb-tip.is-top{top:70px;bottom:auto}
#rv-onb-tip .onb-tip-ico{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#ffd96a1c;border:1px solid #ffd96a44;font-size:17px}
#rv-onb-tip .onb-tip-txt{flex:1;min-width:0}
#rv-onb-tip .onb-tip-txt b{display:block;color:#fff;font-size:13.5px}
#rv-onb-tip .onb-tip-txt span{display:block;color:#d9cdb0;font-size:12.5px}
#rv-onb-tip .onb-tip-act{margin-top:7px;padding:6px 11px!important;min-height:0!important;border:0!important;border-radius:9px!important;background:linear-gradient(180deg,#ffe08a,#e0a826)!important;color:#2a1a00!important;font:800 12px/1 var(--font-ui,sans-serif)!important;cursor:pointer;box-shadow:0 2px 0 #7a5208!important}

/* ---- récompense ---- */
#rv-onb-toast{position:fixed;z-index:73;left:50%;top:84px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:8px 14px 8px 8px;border-radius:999px;color:var(--onb-ink);background:#160f07f2;box-shadow:0 0 0 1px #000,0 0 0 2px var(--onb-g2),0 0 30px #ffcf5a55,0 10px 30px #000b;font:13px/1.25 var(--font-ui,"Nunito Sans",sans-serif);pointer-events:none;animation:onb-toast 4.6s ease both}:where(html[data-theme="nuit"]) #rv-onb-toast{background:#0a0d13f2}
#rv-onb-toast .onb-t-ico{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3c0,#e0a826 55%,#8a5a10);color:#2a1a00;font:900 16px/1 sans-serif}
#rv-onb-toast .onb-t-txt{display:flex;flex-direction:column;min-width:0}
#rv-onb-toast .onb-t-txt small{font:800 10.5px/1.2 var(--font-ui,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--onb-g2)}
#rv-onb-toast .onb-t-txt b{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#rv-onb-toast .onb-t-gain{display:flex;align-items:center;gap:5px;color:var(--onb-g1);font-weight:800;white-space:nowrap}
#rv-onb-toast .onb-t-gain img{width:22px;height:22px;object-fit:contain}
@keyframes onb-toast{0%{opacity:0;transform:translate(-50%,-10px) scale(.96)}8%{opacity:1;transform:translate(-50%,0) scale(1)}86%{opacity:1}100%{opacity:0;transform:translate(-50%,-6px)}}
@keyframes onb-rise{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes onb-tip{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}

/* ---- téléphone ---- */
@media (max-width:700px){
 #rv-onb-chip{top:calc(env(safe-area-inset-top,0px) + 100px);left:10px;max-width:calc(100vw - 84px)}
 #rv-onb{left:10px;right:10px;top:calc(env(safe-area-inset-top,0px) + 100px);width:auto;max-height:calc(100dvh - 210px)}
 #rv-onb-tip{bottom:calc(env(safe-area-inset-bottom,0px) + 150px)}
 #rv-onb-toast{top:calc(env(safe-area-inset-top,0px) + 156px)}
}
@media (prefers-reduced-motion:reduce){#rv-onb-chip.is-ready .onb-ring,#rv-onb-welcome,#rv-onb-welcome .onb-set img,#rv-onb-tip{animation:none}}