.update-notice{position:fixed;z-index:110;left:50%;bottom:16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;width:min(720px,calc(100% - 24px));padding:10px 11px 10px 14px;border:1px solid rgba(34,211,238,.52);border-radius:9px;background:rgba(7,22,34,.97);box-shadow:0 14px 42px rgba(0,0,0,.55),0 0 22px rgba(34,211,238,.1);transform:translate(-50%,calc(100% + 32px));opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease}
.update-notice.show{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.update-notice.recommended{border-color:rgba(239,189,54,.68);box-shadow:0 14px 42px rgba(0,0,0,.55),0 0 22px rgba(239,189,54,.13)}
.update-notice.required{border-color:rgba(255,107,129,.72)}
.update-notice-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(34,211,238,.4);border-radius:50%;color:var(--cyan);font:800 17px "Chakra Petch"}
.update-notice-copy{min-width:0}
.update-notice-copy strong{display:block;color:var(--cyan);font:800 11px "Chakra Petch";letter-spacing:.06em}
.update-notice-copy span{display:block;margin-top:2px;color:#b8c9d4;font-size:11px;line-height:1.35}
.update-notice-actions{display:flex;align-items:center;gap:5px}
.update-notice-actions button{padding:7px 9px;border:1px solid var(--line);border-radius:5px;background:#0b2030;color:#9fb4c2;font:700 8px "Chakra Petch";letter-spacing:.05em}
.update-notice-actions .update-reload{border-color:var(--cyan);background:var(--cyan);color:#041119}
.update-notice.required .update-later{display:none}
@media(max-width:650px){.update-notice{grid-template-columns:auto minmax(0,1fr);bottom:8px;padding:9px}.update-notice-actions{grid-column:1/-1;justify-content:flex-end}.update-notice-icon{width:28px;height:28px}.update-notice-copy span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.update-notice{transition:none}}