#update-notice{box-sizing:border-box;position:fixed;z-index:48;left:50%;bottom:calc(var(--hud-dock-height,144px) + 18px);transform:translateX(-50%);display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 24px);padding:9px 10px 9px 14px;border:1px solid var(--theme-chrome-line,#b78a3d);border-radius:12px;background:var(--theme-chrome,#302714);color:var(--theme-chrome-text,#fff0be);box-shadow:0 8px 28px #0005;font:12px/1.35 var(--font-ui,system-ui);pointer-events:auto}:where(html[data-theme="nuit"]) #update-notice{background:var(--theme-chrome,#181f2c)}
#update-notice[hidden]{display:none!important}
#update-notice .update-notice-icon{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;color:var(--theme-gold,#ffd468);background:var(--theme-chrome-2,#44371d);font-size:21px}:where(html[data-theme="nuit"]) #update-notice .update-notice-icon{background:var(--theme-chrome-2,#222d3f)}
#update-notice .update-notice-copy{min-width:0;max-width:250px}
#update-notice strong{display:block;font-size:13px;font-weight:800}
#update-notice p{margin:3px 0 0;color:var(--theme-chrome-muted,#d4be8c);font-size:12px}
#update-notice button{position:static!important;flex:none;min-height:44px;min-width:44px;margin:0;padding:10px 12px;border:1px solid var(--theme-chrome-line,#b78a3d);border-radius:8px;font:700 12px/1.2 var(--font-ui,system-ui);cursor:pointer}
#update-notice #update-notice-reload{background:var(--theme-gold,#ffd468)!important;color:var(--theme-chrome,#302714)!important}
#update-notice #update-notice-reload:is(:hover,:focus-visible):not(:disabled){background:var(--theme-card,#fff0c7)!important;color:var(--theme-ink,#392711)!important}
#update-notice #update-notice-reload:disabled{background:var(--theme-chrome-2,#44371d)!important;color:var(--theme-chrome-muted,#d4be8c)!important;cursor:default}:where(html[data-theme="nuit"]) #update-notice #update-notice-reload:disabled{background:var(--theme-chrome-2,#222d3f)!important}
#update-notice #update-notice-later{padding:8px;border-color:transparent;background:transparent!important;color:var(--theme-chrome-text,#fff0be)!important;font-size:16px}
#update-notice #update-notice-later:is(:hover,:focus-visible){background:var(--theme-chrome-2,#44371d)!important}:where(html[data-theme="nuit"]) #update-notice #update-notice-later:is(:hover,:focus-visible){background:var(--theme-chrome-2,#222d3f)!important}
#update-notice button:focus-visible{outline:2px solid var(--theme-gold,#ffd468);outline-offset:3px}
@media(max-width:700px),(max-width:1000px) and (max-height:500px){
 #update-notice{bottom:calc(var(--mobile-nav-height,64px) + 18px + env(safe-area-inset-bottom,0px));left:max(8px,env(safe-area-inset-left,0px));right:max(8px,env(safe-area-inset-right,0px));transform:none;width:auto;max-width:none;gap:7px;padding:8px}
 body.in-battle #update-notice{bottom:calc(var(--mobile-combat-height,160px) + 18px + env(safe-area-inset-bottom,0px))}
 #update-notice .update-notice-icon{display:none}
 #update-notice .update-notice-copy{flex:1;max-width:none}
 #update-notice strong{font-size:12px}
 #update-notice button{padding-inline:9px}
}

/* Habillage Rétro : bandeau plus visible, badge persistant en haut de l'écran. */
#update-notice{border:2px solid #5b5242;border-radius:6px;background:linear-gradient(180deg,#675d4b,#3b3428);box-shadow:0 0 0 1px #221d14,inset 0 1px #ffffff1f,0 10px 30px #0007;animation:update-in .35s ease-out}:where(html[data-theme="nuit"]) #update-notice{border:2px solid #3c4961;background:linear-gradient(180deg,#44536e,#252e3e);box-shadow:0 0 0 1px #141922,inset 0 1px #ffffff1f,0 10px 30px #0007}
#update-notice .update-notice-icon{background:#e8780c;color:#fff8e2;animation:update-spin 2.4s linear infinite}
#update-notice #update-notice-reload{background:linear-gradient(180deg,#f0912a,#c4650a)!important;color:#fffaf0!important;border-color:#8f4600!important;border-radius:4px;box-shadow:inset 0 1px #ffffff55,0 1px 0 #0004}
#update-badge{position:fixed;z-index:60;top:10px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:7px 14px;border:2px solid #8f4600;border-radius:999px;background:linear-gradient(180deg,#f0912a,#c4650a);color:#fffaf0;font:800 12.5px/1 var(--font-ui,system-ui);box-shadow:0 0 0 1px #221d14,0 6px 18px #0006;cursor:pointer;animation:update-pulse 2s ease-in-out infinite}:where(html[data-theme="nuit"]) #update-badge{box-shadow:0 0 0 1px #141922,0 6px 18px #0006}
#update-badge[hidden]{display:none!important}
#update-badge:hover{filter:brightness(1.08)}
@keyframes update-in{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes update-spin{to{rotate:360deg}}
@keyframes update-pulse{50%{box-shadow:0 0 0 1px #221d14,0 0 0 6px #e8780c40,0 6px 18px #0006}}
@media (prefers-reduced-motion:reduce){#update-notice,#update-notice .update-notice-icon,#update-badge{animation:none}}
#update-notice-force{background:#a3302a!important;color:#fff!important;border-color:#6e1d18!important}#update-notice-force[hidden]{display:none!important}

/* annonce de mise à jour plus soignée (16/10/2026) : illustration de classe, nouveautés de la version */
html body #update-notice{gap:14px!important;padding:12px 16px 12px 8px!important;border-radius:16px!important;background:linear-gradient(135deg,#3b3326f5,#241f17f5)!important;border:1px solid #e8780c88!important;box-shadow:0 18px 40px #000b,inset 0 1px 0 #ffffff1a!important;max-width:min(560px,calc(100vw - 24px))}html:where([data-theme="nuit"]) body #update-notice{background:linear-gradient(135deg,#242d3df5,#161b25f5)!important}
#update-notice .update-notice-icon{display:none!important}
#update-notice .update-notice-art{flex:none;align-self:stretch;width:120px;min-height:90px;object-fit:cover;border-radius:10px;margin:0 2px 0 4px;box-shadow:0 0 0 1px #d9b44a66,0 6px 14px #0008}
#update-notice .update-notice-copy{max-width:none!important;flex:1}
#update-notice .update-notice-eyebrow{display:block;font:800 10px/1.2 var(--font-ui,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:#f2c46b}
#update-notice strong{font:400 16px/1.25 var(--font-display,"Bree Serif",serif)!important;color:#fff6dc}
#update-notice .update-notice-news{margin:6px 0 2px;padding:0 0 0 14px;color:#e6dcc3;font-size:11.5px;line-height:1.35}
#update-notice .update-notice-news li{margin:2px 0}
#update-notice #update-notice-reload{background:linear-gradient(#f59e2b,#e8780c)!important;color:#fff!important;border:1px solid #9a4a06!important;border-radius:9px!important;font-weight:800!important;padding:8px 16px!important;box-shadow:0 3px 0 #9a4a06!important}
/* annonce compacte (16/10/2026) */
html body #update-notice{max-width:min(460px,calc(100vw - 24px))!important;padding:8px 10px 8px 8px!important;gap:10px!important}
#update-notice .update-notice-art{width:64px!important;min-height:0!important;height:48px!important;align-self:center!important}
#update-notice strong{font-size:14px!important}
#update-notice .update-notice-news{list-style:none;margin:2px 0 0;padding:0}
#update-notice .update-notice-news li{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}
#update-notice .update-notice-news li:nth-child(n+2),#update-notice #update-notice-message:empty{display:none}
#update-notice #update-notice-message{font-size:11px;margin-top:2px}
#update-notice .update-notice-copy{min-width:0}
/* 17/10/2026 : le texte (titre de la nouveauté) n'est plus écrasé en colonne par l'image et les deux boutons — les boutons passent à la ligne si la place manque */
#update-notice{flex-wrap:wrap;justify-content:flex-end;max-width:min(560px,calc(100vw - 24px));padding-right:40px!important;position:fixed}
#update-notice .update-notice-copy{flex:1 1 240px;min-width:200px;max-width:none}
#update-notice strong{white-space:normal;word-break:normal;overflow-wrap:break-word}
#update-notice #update-notice-later{position:absolute!important;top:6px;right:6px;min-height:30px;min-width:30px;padding:4px}
/* 18/10/2026 : le × ne chevauche plus « Recharger » (pastille au coin), message sur 2 lignes au lieu d'être tronqué */
#update-notice #update-notice-later{top:-10px!important;right:-10px!important;width:26px;height:26px;min-width:26px!important;min-height:26px!important;padding:0!important;display:grid;place-items:center;border-radius:50%!important;background:#2a2116!important;border:1px solid #c99a3c!important;box-shadow:0 2px 6px #0008;font-size:13px!important;line-height:1;z-index:2}:where(html[data-theme="nuit"]) #update-notice #update-notice-later{background:#171e29!important}
#update-notice #update-notice-later:is(:hover,:focus-visible){background:#44371d!important}:where(html[data-theme="nuit"]) #update-notice #update-notice-later:is(:hover,:focus-visible){background:#222d3f!important}
#update-notice :is(#update-notice-news,.update-notice-news,#update-notice-message,.update-notice-message){white-space:normal!important;overflow:hidden;text-overflow:ellipsis;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}